PoeのチャットからHTMLを公開する方法
PoeはClaude、GPT、Geminiなど数十のモデルを1つのチャットにまとめていて、Previews機能はそれらが書いたHTMLを会話の中でそのままレンダリングしてくれます。でもPreviewはウェブサイトではありません。ここでは、Poeのどのボットのコードでも取り出して、本物のアドレスを与える方法を紹介します。
- 01
Previewのコードを開く
ボットがHTMLを書くと、PoeはチャットにPreviewカードを表示します。それを開いてコード表示に切り替えるか、メッセージ自体の中にある生のコードブロックを見つけましょう。
- 02
コードをコピーする
コピーボタンで完全なファイルを取得します。裏でどのモデルが書いたかは関係ありません — ClaudeでもGPT-4oでも何でも、HTMLの公開方法は同じです。
- 03
index.htmlとして保存
コードをテキストエディタ（メモ帳、TextEdit、VS Codeなど）に貼り付けて、index.htmlという名前で保存します。この名前が重要 — ブラウザがホームページとして扱うファイル名です。
- 04
下のボックスにドロップ
index.html（またはフォルダごと）をこのページのアップロードボックスにドラッグして、公開ボタンを押します。サイトに専用のウェブアドレスが即座に割り当てられます。
- 05
リンクをシェア
これで完了 — URLを誰にでも送れます。サイト名の変更、ファイルの更新、削除は、いつでもダッシュボードからどうぞ。
PoeのHTMLをここにドロップ
ファイル1つでもフォルダごとでも — 公開した瞬間に公開リンクが手に入ります。
ウェブサイトをここにドラッグ
index.htmlが入ったフォルダをドロップするか、クリップボードからHTMLを貼り付けるだけで、数秒でオンラインに。セットアップ不要、設定不要、悩みゼロ。
またはPoeに公開してもらう
コピーの手間も丸ごとスキップ。用意された指示をコピーしてPoeの会話に貼り付ければ、API経由でサイトをアップロードしてくれます — 公開リンクと、所有権を取得するための非公開のオーナー登録リンクが返ってきます。
ターミナルで作業していますか？npx hostingを実行 — アカウント不要です。
Poeからの公開に関する質問
PoeにはPreviewの共有リンクがあります。これとの違いは？
共有されたPreviewは、あなたのページの周りにPoeのインターフェースが付いた状態でPoeの中で開き、あなたのチャットに紐付いたままです。ここで公開すれば、専用URLを持つ独立したウェブサイトになります — 閲覧にPoeアカウントは不要で、コンテンツの周りに余計なものは何もありません。
Poeの各ボットが違うバージョンをくれました。どれを公開すべき？
いちばん見栄えの良いプレビューをどうぞ — index.htmlとして保存してドロップするだけです。複数公開してもOK：アップロードごとに専用アドレスが与えられるので、公開した状態で見比べることもできます。
PoeからHTMLを公開するいちばん簡単な方法は？
方法は3つあります。いちばん簡単なのは、PoeからHTMLをコピーしてこのページのボックスに貼り付けること — 即座に公開サイトになります。長く使うなら、ブラウザ拡張機能をインストールすればAIチャットからワンクリックで公開できます。おまかせ派なら、AI向けの指示をPoeの会話に貼り付けてください — API経由で代わりに公開してくれます。
公開にアカウントは必要ですか？
このページから公開するには無料アカウントが必要です。サイトの置き場所がダッシュボードになるためです。登録したくない場合は、ターミナルでnpx hostingを実行してください — アカウントなしでデプロイでき、あとから使える非公開のオーナー登録リンクが手に入ります。
Poeが複数のファイルをくれた場合は？
すべてを1つのフォルダにまとめてください — 最上位にindex.html、それに参照しているCSS・JavaScript・画像 — そしてフォルダごとボックスにドラッグします。1サイトあたり最大500ファイル・50 MBです。
料金はいくらですか？サイトはいつまで公開されますか？
無料です。公開したサイトに有効期限はなく、ダッシュボードから削除するまで公開され続けます。いつ再アップロードしてもリンクはそのままです。
別のAIチャットをお使いですか？
手順はどのツールでもほぼ同じです — お使いのツールを選んで具体的な手順をご覧ください。