ChatGPTで誰でもWebサイトを構築できる

Webサイトを構築するとき、普通はhtml、css、javascrptなど自分で書いて創っていくが、ChatGPTを使ってhtml、css、javascrptのコードを書かせることで、サイトを構築することが出来る。仕様を決めて「プロンプト」で指示して書かせる。プロンプトで出来映えが決まってしまうので、何処まで正確、厳密はプロンプトがかけるか問われる。ヘッダー、メイン、サイドバー、フッター、記事等の配置、並び、などを書いて、ChatGPTに指示をすると、コードを吐き出してくる。その時、便利なツールとしてCodePenというのがある。出来あがったコードを貼り付けて実際の動作をシミュレーション出来るサイトです。

簡単にコードを書いてくれますが、ChatGPTの実力不足、文字数制限など、全文を表示出来ないことがある。途中で止まる。そんなエラーが多い。そんなときは「つづき」「全html」「全css」などを催促して完成させる。ここはカットアンドトライですので、少しはコードが読めて理解出来る方が良い。アシスタントとして使い勝手が良くなる。但し、全く判らなくてもChatGPTに聞いて創っていくことは出来る。段々勉強する必要はありますね。

現時点ではChatGPT４はコードを作成する時間が凄く長いので、ChatGPT3.5を使った方が良い。今後もっと早く処理してくれるでしょう。

「プロンプト」をChatGPTで作成してAI画像生成ソフトの呪文として使うことも賢い使い方かも知れない。特に英語の呪文が必要な場合、日本語で絵のイメージを書いて、呪文を作成させる。そしてそれを英語に変換させるという使い方もあります。

ChatGPTで誰でもWebサイトを構築できる時代が来た！！ - YouTube
https://www.youtube.com/watch?v=YGKkamgVlsU&t=10s
CodePenの使い方
https://qiita.com/fumu238/items/f73274aa1a188eb15794