ChatGPTの活用方法（CSS編） | techlab / baigie

今やウェブ制作の現場ではChatGPTが欠かせないツールとなってきている。私自身、業務で積極的に使っており、必要不可欠な存在となった。プログラミング全般にわたるサポートはもちろんのこと、CSSコーディングにおいてもChatGPTを大いに役立てている。今回は、CSSコーディング時にChatGPTをどのように使っているかを紹介したい。 CSSコーディング時の課題 テキスト検索だけでは解決策が見つけにくい ウェブ制作を行う上で、CSSのデザイン調整は日常茶飯事かと思う。ただ、CSSにおいては「テキスト検索だけでは解決策が見つけにくい」と感じたことはないだろうか。 たとえば先日、以下のようなデザイン崩れを発見した。セルの縦列の幅を統一する必要があったが、テキストの長さによって横幅にバラつきが生じていた。 これまでは検証ツールを使ってコードを調査していたがこれでは時間がかかるし、やや面倒。また、検索

[kns_1234]

レイアウトが崩れた時にCSSを書き直してもらいたい場合、GPT-4Vで画像を見せるのは有効なのですね。