「お店やサービスのサイトを作りたいけど、専門知識がない…」「デザインもコーディングも難しそうで不安…」
そんな悩み、ありませんか？実はこれ、個人事業主やフリーランス、小さな店舗オーナーさんにとって共通のあるあるなんです。
でも、その問題をわずか60秒で解決できるAIツールがあるとしたら、気になりませんか？
今回ご紹介するおすすめのChatGPTの大人気のGPTs「Website Generator」GPTが、その問題を解決します。
「Website Generator」GPTとは、一言でいうと自動ウェブサイト生成機能を追加するツールです。言葉でビジネスを伝えるだけで、ノーコードでプロ級のウェブサイトを自動で作成＆公開してくれる、まさに初心者の味方ともいえるツールです。
この記事では、「Website Generator」GPTの使い方をわかりやすく解説します。
この記事を読むことで、以下のメリットがあります。
- 「Website Generator」GPTの基本的な使い方や活用方法を理解できる
- 難しい操作なしで、サイトが完成する仕組みがわかる
- 「Website Generator」GPTを使うと、たった数分で自分のサイトが世界に公開できる
「ウェブサイトづくり＝大変」というイメージは、ChatGPTの「Website Generator」GPTを知った瞬間からガラリと変わります。
プロが作ったようなサイトが、あなたの言葉だけで完成するその驚き、この記事を読み終える頃にはきっと実感していただけるはず。ではさっそく、「Website Generator」GPTの凄さをのぞいてみましょう！
ChatGPT GPTsとは？
「GPTs（GPT Builder）」は、2023年11月6日10時（日本時間11月7日午前3時） に、OpenAIが開発者向けに開催した初のカンファレンスで発表されました。
「GPTs（ジーピーティーズ）」とは、OpenAIが開発したChatGPTを、個々のニーズに合わせて「GPT Builder」を使って自然言語でカスタマイズできる新機能です。
これにより、誰もが簡単に独自の「GPT」を簡単に作成し使用することが可能になります。
「GPTs（GPT Builder）」は、「ChatGPT Plus」または「ChatGPT Team」、「ChatGPT Enterprise」の有料プランユーザーが利用できるサービスです。
なお、「GPTs（GPT Builder）ってなに？」や「GPTの作り方は？」など疑問に思っている方のために、「GPTs（GPT Builder）」や「GPTの作り方 」についてはこちらの記事に詳しく解説しています。
GPTs（GPT Builder）を初歩から知りたいという方の参考になれば嬉しいです。
また、2024年1月10日（現地時間）には、「GPTs」を集めた革新的なプラットフォーム「GPT Store」がオープンしました。「GPT Store」では、「GPTs」を見つけたり、共有したりすることができます。
「GPT Store 」についてはこちらの記事に詳しく解説しています。
「Website Generator」GPTとは？開発元、開発目的は？
「Website Generator」GPTは、OpenAIが開発したGPT（Generative Pre-trained Transformer）テクノロジーをベースに、アメリカ・ニューヨークに本社を置くB12というテクノロジー企業によって開発されました。
B12の使命は、「誰もが自分のビジネスに集中できるよう、ウェブサイト制作の手間をAIで解決すること」です。
彼らは人とAIの力を組み合わせ、特に小規模ビジネスが簡単・迅速・効果的にオンライン展開できるよう支援しています。
「Website Generator」GPTで何ができる？
ChatGPTのGPTs「Website Generator」は、ビジネスのアイデアを伝えるだけで、すぐにウェブサイトを作って公開できるツールです。
ChatGPT内で「Website Generator」GPTを使えば、自分のビジネスについて一言伝えるだけで、プロっぽいウェブサイトを自動生成してくれます。プログラミング不要・デザイン経験不要で、最短60秒で完成するのが特長です。
その後は、URLリンクをクリックするだけで、サイトの編集・公開・集客の準備まで進められます。
「Website Generator」GPTの具体的な主の機能をまとめると、以下のとおりです。
「Website Generator」GPTの主な機能
- サイト自動作成：ビジネス名と説明を伝えるだけで、構成済みのウェブサイトを即時生成。
- AI画像＆ロゴ生成：DALL·E 3を使って、サイトに合ったロゴや画像もすぐに作れます。
- ノーコード編集：難しい知識不要。B12のエディタで文字や写真を簡単に変更できます。
- モバイル対応デザイン：スマホ・タブレットでも美しく表示されるレスポンシブ対応。
- 安定したホスティング：B12が高速で安全なサーバー環境を提供。SSLも標準装備。
- 無料公開プランあり：独自ドメインがなくても、無料でサイトをインターネット上に公開可能。
ChatGPTのGPTs「Website Generator」の使い方
それでは、ChatGPT（GPT-4）で「Website Generator」GPTを使ってみます。
まずは、「Website Generator」GPTにアクセスします。
「Website Generator」GPTにアクセスします
ChatGPTにログインして、「GPTを探す」をクリックします。
「GPT Store」のトップページが開きます。「Trending（トレンド）」のランキング7位と「Programming（プログラミング）」のランキング1位で見つかったので、かなり人気のGPTです。
なお、トップページから見つからない場合は、「GPT Store」の検索ボックスから「Website Generator」GPTを探すことができます。
以下のように、検索結果から「Website Generator」GPTを見つけることができます。
「Website Generator」GPTが見つかったら、「Website Generator」の箇所をクリックします。
［チャットを開始する］ボタンをクリックします。
「Website Generator」GPTのアクセスに成功すると、上の画面が表示されます。
なお、下のリンクからも「Website Generator」GPTにアクセスできますのでご活用ください。
「Website Generator」GPTの使い方を聞いてみる
初めて「Website Generator」GPTを使うので、まずは「Website Generator」GPTの使い方を下記のように聞いてみました。
プロンプト：
ChatGPTのGPT「Website Generator」の使い方をステップ形式で、初心者にわかりやすく教えてください。
すると「Website Generator」GPTから、下記の回答が返ってきました。
基本的な使い方として、次のステップが回答されました。「Website Generator」GPTの返答をそのまま紹介します。
↓「Website Generator」GPTの返答はここから↓
もちろん！「Website Generator」は、誰でも簡単にプロ仕様のウェブサイトを作れるGPTです。初心者でも安心して使えるよう、ステップ形式でわかりやすく説明しますね👇
【Website Generatorの使い方 – 4ステップ】
GPTに「ウェブサイトを作って」と依頼する
まずは、Website Generatorに話しかけましょう。たとえば：
「お店のウェブサイトを作りたいです」
「ビジネス用のサイトを作成して！」
など、カジュアルでOKです！
プロジェクト名と説明を伝える
ウェブサイトを作るために、以下の2つを教えてください：
- ビジネスやプロジェクトの名前
- どんなことをするのか、どんなサイトにしたいか（簡単な説明でOK！）
例：
GPTがURLをくれるのでクリック！
あなたのために作られたウェブサイトのURLが届きます。 👉そのリンクをクリックすると、ウェブサイトのデザインを確認・編集できます。
B12に無料サインアップして、公開する
リンク先でB12に無料登録すれば、すぐにカスタマイズして公開できます。 スマホからでもOK！
今すぐはじめるには？
こちらのリンクから、新しいチャットでWebsite Generatorに話しかけて始められます！
質問や不安なことがあれば、何でも聞いてくださいね😊
↑「Website Generator」GPTの返答はここまで↑
とても簡単な使い方を、例文とともに教えてくれました！
つまり、「Website Generator」GPTには次のようにプロンプトを出せば良いということになります。
例：整体院の紹介サイトを作りたい
- 「Website Generator」GPTを開く
- 「名前は“癒しの森整体院”で、リラックスできる雰囲気の整体院の紹介サイトを作りたいです。」
- 2のプロンプトをチャットに入力して送信
なんと、サイトの名前とどんなサイトにしたいかの「プロンプト（命令文）」を書いて送信するだけ！簡単ですね！
「Website Generator」GPTを使ってみた！
それでは実際に、ChatGPTのGPTs「Website Generator」を使ってみます。
「Website Generator」GPTで、整体院の紹介サイトを作ってみた結果は？
先ほど、ChatGPTが「Website Generator」GPTの使い方の例に挙げた、「整体院の紹介サイト」を作ってみます。
以下のプロンプト（命令文）を出してみました。
「Website Generator」GPTの回答は以下のとおり。
最初にアクセスの通信許可の確認が表示されるので、［許可する］または［常に許可する］ボタンをクリックします。
「Website Generator」GPTの回答をそのまま紹介します。
あなたのためのウェブサイトが完成しました！
🪷
癒しの森整体院 の新しいウェブサイトはこちらからご覧ください：
👉 Sign up to see the website して、無料で公開しましょう！
リンクがうまく開かない場合は、こちらをクリックしてください。
「Website Generator」GPTでウェブサイトを作成すると、専用リンクが表示されます。
B12の無料アカウントを作成する
専用リンクをクリックすると、下のB12の無料アカウント作成画面が表示されます。
この画面は、「Website Generator」GPTが作ったウェブサイト下書きを確認するために、無料アカウントを作成してくださいという意味です。
以下の4つを入力して、右下の［Generate］ボタンをクリックします。
- First name 名前（例：Taro）
- Last name 名字（例：Yamada）
- Email メールアドレス（正確に！）
- Password 任意のパスワード（英数字で）
ウェブサイトの編集画面について
［Generate］ボタンをクリックすると、自動的に下のウェブサイトの編集画面が表示されました。
スクロールすると、ページの全体を確認できます。
ウェブサイトの編集画面では、以下のようにサイトの見た目や内容を自分好みにカスタマイズできます。
左側のメニュー：サイト全体の設定を操作
編集画面の左側には、サイト全体を編集できる各メニューが表示されています。
各メニューで何ができるかは以下の表をご覧ください。
| メニュー名 | 説明 |
|---|---|
| Pages | サイトに表示される各ページ（例：ホーム、サービス紹介、予約ページなど）を追加・編集・並べ替えできます。 |
| Style | テーマ（全体デザインのベース）、ロゴの設定、カラー（配色）、フォント（文字のデザイン）、ボタンの見た目、アニメーションやカスタムCSS（上級者向け）のデザインなどサイト全体のデザインを変更できます。 |
| Settings | ウェブサイト全体の基本情報やSEO対策、セキュリティ設定などを管理します。 |
| Form submissions | サイト上のフォーム（お問い合わせ・予約など）からの送信内容を一覧で確認できます。（顧客対応に便利！） |
| History | 編集した内容の履歴を確認・復元できる安全機能です。以前のバージョンに戻すこともできます。 |
パーツごとに編集可能
右側に表示されているウェブサイトの画面から、編集したいパーツをクリックすると、左側に編集画面が表示されます。このように、編集したいパーツ毎にページを直感的に編集することが可能です。
上部メニューの主な機能
編集画面の上部には、以下のボタンが表示されています。
各ボタンで何ができるかは以下の表をご覧ください。
| ボタン名 | 機能 |
|---|---|
| 表示切り替えボタン | クリックするだけで、PC表示とスマホ表示を切り替えられます。 |
| Pages | 今編集中のページを選ぶメニューです。（サイト内の各ページにすばやく移動） |
| Preview | 編集内容をプレビュー表示します。（実際にどう見えるか確認） |
| Publish | サイトをインターネット上に公開します。（初回は無料） |
| Upgrade | 有料プランの確認します。（ただし無料でも十分使えます） |
| Support | B12のサポートチームに質問できるチャットが開きます。 |
［Preview］ボタンをクリックすると、下のように別ウィンドウでウェブサイトが表示されました。
デザインはかなりよくできていると感じました。AIだけでここまで作れるというのは、正直驚きです。
文字も少なめで「心と体の癒し」というキャッチコピーが、訪問者の気持ちをすっと落ち着かせてくれます。
ページをスクロールしても、下のように画面上部のメニュー（「ホーム」「私たちについて」「サービス」「お問い合わせ」）が常に表示されたまま追従します。
「Website Generator」GPTで作成したサイトを、インターネット上に公開しました！
それでは、今回「Website Generator」GPTで作成した整体院の紹介サイトをインターネット上に公開してみます。
編集画面上部の［Publish］ボタンをクリックします。
以下の確認画面が出るので、再度［Publish］ボタンをクリックします。
公開されるまで数十秒待ちます。
公開されました。
言葉もビジュアルも、すべてがターゲット層に響く構成になっています。
今回公開したウェブサイトは一切手を加えてないため、ページ構成はトップページのみですが、まるで人間のデザイナーがつくったかのようなクオリティになってました。
今回、「Website Generator」GPTを使ってみて感じたのは、「難しそう」「デザインに自信がない」「ノーコードって聞いたことあるけど不安」という人にこそ使ってほしいということです。
想像以上に簡単で、仕上がりもプロ級。公開まで本当にあっという間でした。
今回「Website Generator」GPTで作成したサイトは、以下のリンクから確認できます。ぜひご覧ください。
B12の料金プラン解説｜無料から本格運用まで選べる3つのプラン
編集画面の上部の［Upgrade］ボタンをクリックすると、上の料金プランが表示されます。
B12では、用途に合わせて選べる3つのプランが用意されていますので解説します。
料金プラン比較表
| プラン名 | Free（無料） | Website（$16/月） | Website + Client engagement（$26/月） |
|---|---|---|---|
| 料金 | $0/月 | $16/月（年払い）※初月$1 | $26/月（年払い）※初月$1 |
| ドメイン | b12sites.com のサブドメイン | カスタムドメイン（無料） | カスタムドメイン（無料） |
| 広告表示 | あり | B12広告なし | B12広告なし |
| モバイル対応 | 対応 | 対応 | 対応 |
| 編集ツール | 簡単操作 | 簡単操作 | 簡単操作 |
| サポート | メール・チャット | メール・チャット | |
| アクセス解析 | |||
| 外部連携（インテグレーション） | |||
| コンバージョンツール | |||
| クライアント管理 | |||
| 予約・請求・メール機能 |
Freeプラン：とりあえず始めてみたい方に
- コストゼロでサイトを公開可能
- モバイル対応＆編集ツール付き
- ドメインは「yourbusiness.b12sites.com」
Websiteプラン：本格運用を目指す方に
- 独自ドメインでブランド力UP（無料）
- B12のロゴ広告が消える
- アクセス解析＆コンバージョン分析も可能
Website + Client Engagement：クライアント対応もバッチリ
- 予約受付・請求書発行・契約署名などが全部一元管理
- メールマーケティングやフォーム連携も可能
初月は$1
プランをアップグレードしても、最初の1ヶ月は$1でお試し可能とのことです。
まとめ
ChatGPTのGPTs「Website Generator」は、いかがでしたでしょうか？
ウェブサイトづくりに不安を感じていた方も、この記事を通して「Website Generator」GPTのシンプルさと可能性に驚いたのではないでしょうか。
開発元であるB12が目指すのは、すべての人が意味のある仕事に集中できる世界。だからこそ、専門知識がなくても、ノーコードでビジネスをオンラインで展開できる仕組みが用意されています。
「ただの自動生成ツール」ではなく、伝えたい想いを「かたち」にしてくれる相棒。そんな感覚で、ぜひ「Website Generator」GPTをあなたのビジネスにも取り入れてみてください。
最後に、「Website Generator」GPTの重要なポイントをまとめます。
「Website Generator」GPTの重要なポイント
- ウェブサイトの自動生成：ビジネス名と簡単な説明を入力するだけで、約60秒でプロ品質のウェブサイト下書きが自動的に生成されます。専門的な作業や設定は一切不要です。
- AIによる画像とロゴの生成：DALL·E 3と連携しており、ロゴや背景画像など、ビジネスに合ったビジュアルをAIが即座に作成してくれます。
- 編集・公開の簡便さ：ノーコード編集ツール「B12」により、文章・画像・構成の変更が誰でも簡単に可能。スマホ対応・SEO最適化・安全なホスティングも含まれています。
- 無料で始められる：無料プランでも、広告付きのサブドメインを利用してすぐにウェブサイトをインターネット上に公開できます。独自ドメインや追加機能は有料プランで利用可能です。
迷っている時間が、チャンスを逃してしまうかもしれません。
今こそ、「Website Generator」GPTを使って、あなたのアイデアを世界に届ける一歩を踏み出してみませんか？
これまでに紹介したChatGPT「GPTs」の一覧
「GPTs（GPT Builder）」を使えば、誰でも簡単にカスタムGPTを作ることができます。
OpenAIの公式発表によると、「GPTs」発表からわずか2ヶ月ほどで、300万を超える「GPTs」が作成されたということです。
無限に生み出される「GPTs」から、優良のGPTを見つけ出すのは大変です。
そこで、当サイトではおすすめの「ChatGPT GPTs」の使い方の紹介をシリーズ化しています。今後も楽しみにして頂けると嬉しいです。
これまでに紹介した「ChatGPT GPTs」は、定期的に更新される「GPTs（GPT Builder）（カテゴリページ）」にて詳しく解説しています。
ぜひ、他の「GPTs」もチャレンジされてみてくださいね！
最後までお読みいただきありがとうございました！
コメント