ウェブサイト構築アプリケーションは数多く存在します。私自身もいくつか試してみましたが、ChatGPT-5に指示するだけで、フォントや色からレイアウト全体まですべてをコーディングしてくれるほど簡単なものはありませんでした。ChatGPT-5はアプリ作成に優れているので、このタスクでも十分に機能するだろうと考えました。
実際、私はChatGPT-5に「ウェブサイトを作って」と指示するだけで作業を開始したのです。すると、汎用的ではあるものの、完成度の高いウェブサイトが完成しました。信じられないくらい素晴らしいと思いました。そこで、実際のウェブサイトのために、より詳細な機能を追加してみることにしました。
この実験では、屋内遊園地からマーケティング会社まで、様々な企業を架空で作り、ChatGPT-5を使って企業のウェブサイトを作成しました。結果と使用したプロンプトは以下の通りです。
1. オールウェイズスプリングガーデンセンター
課題： 「『オールウェイズサニーガーデンセンター』の、カラフルで明るいウェブサイトデザインを完成させてください。目標は、楽しく、充実したサイトを構築し、お客様が必要なものを簡単に見つけられるようにすることです。親しみやすく、専門的でありながら威圧感がなく、家族経営の雰囲気で、活気と色彩に溢れたウェブサイトを目指してください。『庭で過ごす春の陽気な一日』をイメージしてください。レイアウトはすっきりとしていて、ボタンは分かりやすく、色使いは明るく、魅力的で、統一感のある印象を与えます。ナビゲーションは直感的で分かりやすいものにしてください。」
このプロンプトは実はかなり詳細です。この半分くらいの情報で済んだかもしれません。しかし、もしこれが私の会社だったら、会社住所やお客様の声、フォントやカラーパレットといった詳細情報を追加したかったかもしれません。素晴らしいのは、コードを編集できることです。コーディングの経験がなくても、ChatGPTに必要な情報を入力するだけで大丈夫です。
ChatGPT-5 がこのウェブサイトを作成するのに約5分かかりました。ウェブサイトの詳細を詳しく指定すればするほど、時間は長くなります。コードを生成している間、ずっと「考えている」のが分かります。生成中に他の作業をすることもできるかもしれませんが、動作しているのを見ていると不思議な満足感を覚えます。
2. 幼児向け屋内遊び場「タンブルズ・アンド・ギグルズ」
課題： 「1～5歳の幼児向け屋内遊び場『Tumbles & Giggles』の明るく楽しく、そして非常に分かりやすいウェブサイトを作成してください。保護者の皆様には、お子様が楽しく遊べる施設であることにご安心いただきながら、安全性と清潔さについてもご安心いただけるよう配慮してください。ターゲットオーディエンス：小さなお子様を持つ保護者、祖父母、そして保護者の方々。料金、営業時間、安全に関する情報をすぐに見つけられるよう配慮してください。全体的な雰囲気：遊び心があり、モダンで、清潔感があり、風通しの良い雰囲気。「楽しく、整然とした」雰囲気を目指してください。雑然としたデザインは避け、十分な余白と、明るく柔らかなアクセントカラーを取り入れてください。」
最新ニュース、最も注目されているレビュー、お得な情報、役立つヒントにすぐにアクセスできます。
これはまさにテストでした。ChatGPT-5が子供の画像を表示するかどうか、そしてもし表示できたとしても、ビジネスウェブサイトにふさわしいほどリアルに見えるかどうかが気になったからです。スクリーンショットからわかるように、子供の画像は含まれていませんでした。これは家族向けのビジネスには理想的ではありません。笑顔の顔があれば、広告の宣伝効果は確実に上がるでしょう。
そのため、もしこれが私の本気の取り組みだとしたら、ChatGPTにもう一度確認を依頼するでしょう。それ以外は、サイトは見栄えが良く、免責事項もしっかりと記載されています。
3. デイリー・グラインド・カフェ
課題： 「温かみがあり、居心地が良く、モダンな雰囲気の近所のカフェ『The Daily Grind』のウェブサイトを作成してください。このサイトは、ユーザーが私たちのコーヒーとペストリーを欲しがり、思わず訪れてしまうようなサイトである必要があります。視覚的にも訴求力があり、コミュニティと、快適な空間でコーヒーを楽しむ体験を強調する必要があります。サイトは、地域住民、リモートワーカー、学生、そして待ち合わせ場所を探している人々を惹きつけるものでなければなりません。メニューを見て、場所と営業時間を確認し、カフェの雰囲気を感じ取ってもらう必要があります。全体的な雰囲気は、居心地が良く、居心地が良く、モダンで、社交的です。写真は本物らしく、人々が時間を楽しんでいる様子を捉えたものにしてください。」
1つ目と2つ目のウェブサイトは良かったのですが、かなり似ていました。（あえて言うなら、つまらない？）ビジュアルが不足していました。ChatGPT-5にもっと力を入れてもらう必要があったので、このプロンプトでは「写真」と具体的に言及し、このサイトにはもっと良いビジュアルが必要だとAIに伝えました。
サイトの最初のバージョンには人間の画像が全く含まれていなかったので、がっかりしました。しかも、他のサイトと非常に似ていました。ChatGPT-5には明らかにテンプレートがありました。そこで、AIに再度指示を出し、画像を含めるように指示しました。
些細な質問だと思ったのに、何千枚もの画像を追加したせいでコンピュータがクラッシュしそうになりました。大失敗です。
4. タンジェリンツイストソーダのマーケティングウェブサイト
課題：「タンジェリンツイストソーダのコンバージョン率の高いシングルページマーケティングウェブサイト（ランディングページ）を作成してください。タンジェリンツイストは、天然の甘味料を使用した炭酸飲料で、本物のタンジェリン果汁を使用しています。オーガニックで、環境意識の高いZ世代の消費者に大人気です。オレンジ色の缶に入ったこの飲料を楽しむ若者たちの画像を3～5枚掲載してください。エネルギッシュで革新的、そして本物らしさを表現したトーンでお願いします。」
プロンプトで画像の追加を要求したにもかかわらず、ChatGPTはまたしてもコードにリアルな画像を含めることができませんでした。コードを編集し、画像付きの更新されたサイトを要求しなければなりません。
とはいえ、AIが生成した製品レンダリングには感銘を受けました。コピーライティングもなかなか良いですね。サイトの下部に記載されている「100日間満足保証」も気に入っています。
このサイトは私が作成した他のサイトと非常によく似ていますが、大胆な色彩とコピーライティングにより、独自性が際立っています。
コードが生成されました。次は何をすればいいですか?
いい質問ですね！ChatGPT-5 が完成したら、ブラウザでサイトを実行して、見た目と動作が期待通りかどうかを確認できます。何か問題があれば調整してください。すべての設定が完了したら、コードをダウンロードまたはローカルにコピーしてください。コードをコンピューター上のテキストファイルにコピーし、適切な名前を付けることで実行できます。（例：メインページの場合は index.html、スタイルシートの場合は style.css、JavaScript の場合は script.js）。
次に、ホスティングを選択する必要があります。GitHub Pagesのような無料かつ初心者向けのサイトを利用するのも良いでしょう。あるいは、Bluehostのような共有ホスティングを利用するのも良いでしょう。 クラウドサービス（AWS、Google Cloud、DigitalOcean）は便利ですが、より高度な設定が必要です。
当然ですが、ドメイン名を購入し、そのドメインをホスティングプロバイダーに接続して、サイトが一般的な URL ではなく希望のサイト名で存在するようにする必要があります。
最後に、ホスティングプラットフォームにファイルをアップロードします。多くのサービスでは、ドラッグ＆ドロップ、Gitプッシュ、CLIツールの使用が可能です。アップロードが完了すると、サイトは公開され、世界中に公開されます。
最後に
急ぎでウェブサイトを作るなら、ChatGPTはかなり良い仕事をしてくれます。リアルな画像やアートワークなど、特別な機能が必要な場合は、もう一度プロンプトを表示する必要があります。最初のプロンプトにそれらを含めるのは効果的ではないようです。
ChatGPTを使ってウェブサイトを構築するのは、サイトを立ち上げたい人にとって良いアイデアです。注文を受け付けたり、商品ラインナップを紹介したり、連絡先情報を提供したりすることは可能です。ただし、高度な機能が必要な場合は、より多くの時間をかける必要があります。
Google ニュースで Tom's Guideをフォローすると、最新のニュース、ハウツー、レビューをフィードで受け取ることができます。「フォロー」ボタンを忘れずにクリックしてください。
Tom's Guideのその他の記事
- AIが作ったとは信じられない、驚くべきサイトの数々
- ChatGPT vs Gemini vs Claude の履歴書作成を依頼しました — 最もうまくいったのはこれです
- 9つのバイブコーディングプロンプトはまさに天才的。しかも使い方も簡単。
アマンダ・キャスウェルは、受賞歴のあるジャーナリストであり、ベストセラーのヤングアダルト小説作家であり、AIとテクノロジー分野における今日の第一人者の一人です。様々なニュースメディアに寄稿する著名なジャーナリストであり、鋭い洞察力と共感できるストーリーテリングで多くの読者を獲得しています。アマンダの作品は、メディアへの卓越した貢献を含む、数々の名誉ある賞を受賞しています。
最も複雑なテーマにも明快な解釈を与える能力で知られるアマンダは、革新性と創造性をシームレスに融合させ、読者にAIと新興技術の力を受け入れるよう促しています。認定プロンプトエンジニアとして、彼女は人間とAIの協働の限界を押し広げ続けています。
アマンダはジャーナリストとしてのキャリアに加え、長距離ランナーであり、3人の子供の母親でもあります。ニュージャージー州在住。
