🤖 ChatGPTでWebサイトを作ってみた！コードが分からなくても、ここまで作れる！？

最近のAIは文章や画像を作るだけではありません。今回はChatGPTを使って、ブログ型Webサイト『たまちゃんLAB』を実際に作ってみました。テーマはAI・PC・スマホ・ガジェット・3D制作。『ChatGPTだけでWebサイトって、どこまで作れるの？』を試した記録です。(｀・ω・´)✨

🛠️ まずはChatGPTにお願いしてみた

最初にやったのは、ChatGPTへ『こんなサイトを作って！』と日本語でイメージを伝えること。今回は黒ベースで見やすく、PCとスマホの両方に対応したブログ型サイトをお願いしました。

普通ならHTMLやCSS、JavaScriptなどを触る場面ですが、今回は基本的に会話で進めます。(　ﾟдﾟ)『そこまでできるの？』という感じですが……できました🤣

指示を出して作業を進めると、『たまちゃんLAB』が実際のWebサイトとして形になりました。記事検索、カテゴリ表示、記事ページ、スマートフォン表示まで確認できる状態です。

昔ならサーバー、WordPress、テーマ、プラグイン、デザイン調整……と順番に進めるところを、『ここをもう少し見やすくして』『スマホ版も直して』と会話しながら変更できるのが面白いところです。

今回一番驚いたのは、とりあえず『サイトとして見られる形』になるまでがかなり速いこと。完成イメージを日本語で説明できれば、AI側がかなりの部分を形にしてくれます。

個人ホームページ、趣味ブログ、ガジェットレビュー、ゲーム攻略、作品紹介など、まず小さく始めたいサイトとは特に相性が良さそうです。(｀・ω・´)b

WebサイトはPCだけ綺麗でも困ります。スマホで文字がはみ出したり、横スクロール地獄になったりすると読みにくいですよね（笑）。

今回のサイトではスマートフォン表示も確認済み。『スマホでもっと見やすくして』と頼みながら調整できるので、レスポンシブ対応を一から覚えなくても進めやすいです。

完成したサイトは、確認したあと実際のWebサイトとして公開できます。流れは『🤖 ChatGPTで作る → 👀 自分で確認 → 🌍 公開！』とシンプル。

さらにソース一式を保存しておけば、バックアップしたり、後から改造したり、別の環境へ移すための材料としても使えます。

便利ではありますが、全部をAI任せにして終わり……というわけではありません。記事内容やリンク、表示崩れ、お問い合わせ、プライバシーポリシー、広告、SEOなどは最後に人間が確認した方が安心です。

今のところは『🤖 AIが作る＋ 👀 人間が確認する』の組み合わせが一番使いやすいと感じました。

これはまだ用途次第だと思います。大量の記事を長期間管理したり、本格的なSEOや広告運用をしたりするなら、WordPressのような成熟したCMSには強みがあります。

一方で、個人サイト、趣味ブログ、小規模メディア、ポートフォリオ、実験サイトなら、『ChatGPTでそのまま作る』という選択肢はかなり面白くなってきました。😎✨

今回ChatGPTでWebサイトを作ってみましたが、想像していたより普通にサイトになりました。コードを大量に書かなくてもよく、会話しながら修正できて、スマホ対応や公開まで進められるのが面白いところです。

まずは『たまちゃんLAB』の土台が完成。これからAI、PC、スマートフォン、ガジェット、3D制作について、実際に使ったものや気になったものを記事にしていく予定です。

🧪 ChatGPTだけでブログをどこまで育てられるのか？これから実験していきます！🤣✨

🏷️ タグ

#ChatGPT#AI#Webサイト制作#ブログ#ChatGPT Sites