効率よくコーディングを進めるためにChatGPTを使ってみよう

この記事について この記事は、 Web制作の基礎から学べる「Webコーディングスクール」 などの資料制作をお手伝いして頂いているemiさんによる寄稿記事です。 emiと申します。USAGI DESIGN emi.というサイトでWebデザインやコーディング練習用のデザインデータを配布しています。Webデザインをメインにストックイラストレータ、グッズデザインなどしております。 ChatGPTとは ChatGPTはOpenAIが開発した対話型のチャットボットです。質問を入力すると質問に対する回答が出力されます。 今回はChatGPTを使って、効率よくコーディングを進めてみます。 headタグ内のコードをChatGPTで生成しよう HTMLの大枠をChatGPTを使ってコーディングしてみよう グロナビをChatGPTで生成してみよう ボタンをホバーした時のCSSをChatGPTで生成してみよう H

[shunkeen]

AIコーディングの重要な点は、AIが理解できるコードが生成される点なのかなと思ったりする。コメントがなくても、コードをAIに読ませれば、何をしたかったのかの意図が復元された状態で解説される。

[mayumayu_nimolove]

実際業務でやる場合はここで書かれてることはテンプレ化されてるからな。JSはマジで役に立つ。アクセスカウンターの不正を防ぎたいとか頼むと書いてくれた。

[heniha]

attrとかいうあれなんだっけ、みたいな適当な質問ができるのが良いよ

[misarine3]

こう出力させるためのマークアップするための構造がわかっていないと無理だし、構造がわかってるならemmetでバチっとすぐに出力できるんでchatGPT使う方が時間かかる。CSSって一部だけに適応させるの？

[miukun123]

初級も初級だけど、みんなこの壁を越えられない。AIを使って越えていけ。

[daysleeeper]

こういうのを読みたかった

[abababababababa]

得意不得意ある。ありがたい系は、テーブル作成時にアドミン入れてくのも嫌なときは、これでSQL出すとめちゃ楽。あとは少しずつ中身を変えた構造化など。らくちーん。

[shikiarai]

テストコードを書いてくれ。そっちの方が何倍も苦痛なんだ

[stabucky]

無駄なトークンを使いそう。というか使ってる。

[respectbookmark]

もうちょい深くやってほしかったが啓発にはなる

[yarumato]

“headタグ内のコードをChatGPTで生成しよう　ｄHTMLの大枠をChatGPTを使ってコーディングしてみよう　グロナビをChatGPTで　ボタンをホバーした時のCSSをChatGPTで”