ChatGPT は 1 回の回答で完全な Web サイトを書けますが、回答はチャット内のコードブロックです。そのコードを上のボックスに貼り付けて このページを公開 を押すと、人に送れる本物のアドレスが HTTPS 付きで手に入り、試すのにアカウントは必要ありません。
仕組み
- 1 つのファイルを依頼します。「パン屋の 1 ページの Web サイトを、CSS と JavaScript を含む単一の HTML ファイルで作って」と伝えます。
- ChatGPT のコードブロックのコピーボタンで（またはキャンバスから）コードをコピーし、上のボックスに貼り付けます。
- 公開します。 ページは数秒で
*.lobsite.appアドレスに 6 時間公開されます。無料で残す → で無料アカウントにずっと残せます。
きれいに公開できるプロンプト
ChatGPT の最初の案は、ページを複数のファイルに分けたり、存在しないファイルにリンクしたりすることがよくあります。プロンプトに数語加えると避けられます。
- 「単一の HTML ファイルで」 と伝えると CSS と JavaScript がページ内に収まり、貼り付けるものが 1 つになります。
- 「ビルドステップなし、npm なし」: React や Vite のプロジェクトは、Web サイトになる前にビルドが必要です。すでに受け取っている場合はビルド（
npm run build）して、ファイルをドロップ タブにdistフォルダをドロップしてください。 - 「ライブラリは CDN から完全な https の URL で読み込んで」: Tailwind、Chart.js、Alpine はその方法で読み込めば機能します。
- 「プレースホルダー画像は完全な URL で」: または、自分の画像を HTML と同じフォルダに置いて、フォルダをドロップしてください。
公開前に確認したい場合は、HTML ビューアで編集しながらデスクトップ、タブレット、スマートフォンの幅で表示できます。
ChatGPT に公開させる: カスタムコネクタ
ChatGPT は、リモート MCP サーバーであるカスタムコネクタを通じて Lobsite を直接呼び出せます。ChatGPT の設定で開発者モードをオンにし、次の URL でコネクタを作成してください。
https://lobsite.com/api/mcp
その後、コネクタを有効にしたチャットで「Lobsite でこのページを公開して」と依頼してください。ChatGPT は deploy_files ツールでページを送信し、アドレスと取得リンクを返します。カスタムコネクタを追加できる ChatGPT プランは OpenAI 次第です。コピーと貼り付けは無料を含むすべてのプランで使えます。詳しくは MCP ページをご覧ください。
アカウントなしのデプロイは 6 時間公開されます。取得リンクから無料で残せます。
すべてのサイトに、最初のデプロイから HTTPS 対応の *.lobsite.app アドレスが付きます。
フォームの送信先を /_lobsite/forms/contact にするだけです。スパムフィルターも含まれます。
コーディングエージェントには npx lobsite mcp、チャットアシスタントには lobsite.com/api/mcp。
公開前にプレビューできます。リダイレクトも含めてワンクリックでロールバックできます。
Free アカウントでも利用できます。DNS レコードを 1 つ追加するとサイトが独自ドメインに移動します。すべてのプランですべてのサイトに HTTPS が付きます。
チャットの共有とサイトの公開
| ChatGPT のチャットを共有 | Lobsite で公開 | |
|---|---|---|
| 見えるもの | コードを含む会話 | Web サイトそのもの |
| スマートフォンでサイトとして動作 | いいえ | はい |
| 自分の画像とページ | いいえ | はい: フォルダをドロップ |
| メールで届くお問い合わせフォーム | いいえ | はい（サイトをアカウントに残した後） |
| カスタムドメイン | いいえ | はい、無料 |
| 必要なアカウント | ChatGPT アカウント | 6 時間は不要、残すのも無料 |
よくある質問
ChatGPT の Web サイトのホスティングは無料ですか？
はい。アカウントなしの公開は 6 時間無料で、無料アカウントでは月間帯域幅 10 GB でサイトを 1 つずっと残せます。
ChatGPT から複数のファイルを受け取りました。どうすればいいですか？
ChatGPT が使った名前のまま（index.html、style.css、script.js）1 つのフォルダに保存し、ファイルをドロップ タブにフォルダをドロップしてください。または ChatGPT に単一の HTML ファイルへの統合を依頼して貼り付けてください。
公開後にページが空白です。なぜですか？
多くの場合、先にビルドが必要な React や TypeScript のコードか、含まれていないファイルから読み込まれたスクリプトが原因です。ChatGPT に自己完結した単一の HTML ファイルを依頼するか、プロジェクトをビルドして dist フォルダをドロップしてください。
後でページを変更できますか？
はい。このブラウザで新しいバージョンを貼り付けて 更新 を押すと、同じアドレスに表示されます。サイトを残した後は、ダッシュボードまたは npx lobsite で変更をデプロイしてください。
ページは非公開ですか？
いいえ。アドレスを知っていれば誰でも開けるので、共有したくないものは公開しないでください。一時サイトは検索エンジンにインデックスされません。