CopilotのチャットからHTMLを公開する方法
Microsoft Copilotにウェブサイトを頼めば、チャットにきれいなHTMLが返ってきます — でもホスティングは付いてきませんし、1ページのサイトのためにAzure Static Web Appsをセットアップするのは大げさすぎます。ここでは、Copilotのチャットから公開リンクまでの30秒ルートを紹介します。
Open Copilot- 01
コードブロックを見つける
ページはCopilotの会話の中のコードブロックにあります。回答がコードを分割して説明していた場合は、「完全なページを1つのindex.htmlとして出力して」とお願いしましょう。
- 02
コピーする
コードブロックのコピーアイコンをクリックします。VS CodeでGitHub Copilotを使っている場合は、ファイルはすでにディスクに保存されています — そのまま下のフォルダドロップへ進んでください。
- 03
index.htmlとして保存
コードをテキストエディタ（メモ帳、TextEdit、VS Codeなど）に貼り付けて、index.htmlという名前で保存します。この名前が重要 — ブラウザがホームページとして扱うファイル名です。
- 04
下のボックスにドロップ
index.html（またはフォルダごと）をこのページのアップロードボックスにドラッグして、公開ボタンを押します。サイトに専用のウェブアドレスが即座に割り当てられます。
- 05
リンクをシェア
これで完了 — URLを誰にでも送れます。サイト名の変更、ファイルの更新、削除は、いつでもダッシュボードからどうぞ。
Where Copilot keeps your page: code blocks
Copilot answers with code blocks and keeps the conversation behind a Microsoft sign-in, so there's no link to hand us. If you're in GitHub Copilot inside VS Code the question doesn't arise — the files are already on disk, and dropping the folder below publishes all of them at once.
Paste a link to the file
There's no artifact address to paste for this tool, but the box still works for a public GitHub gist — ask the chat to save your page to one, then paste the gist's raw link. For anything else, the drop box below is the way.
We only fetch links that serve the page itself. A chat share link isn't one — paste it and we'll say so rather than publish the wrong thing.
CopilotのHTMLをここにドロップ
ファイル1つでもフォルダごとでも — 公開した瞬間に公開リンクが手に入ります。
ウェブサイトをここにドラッグ
index.htmlが入ったフォルダやZIPファイルをドロップするか、クリップボードからHTMLを貼り付けるだけで、数秒でオンラインに。セットアップ不要、設定不要、悩みゼロ。
またはCopilotに公開してもらう
コピーの手間も丸ごとスキップ。用意された指示をコピーしてCopilotの会話に貼り付ければ、API経由でサイトをアップロードしてくれます — 公開リンクと、所有権を取得するための非公開のオーナー登録リンクが返ってきます。
ターミナルで作業していますか？npx harvisを実行 — アカウント不要です。
Copilotからの公開に関する質問
Copilotが作ったものはAzureでホスティングすべきでは？
それも可能ですが、静的なHTMLページ1枚のためにはセットアップが大変です — サブスクリプション、リソースグループ、デプロイ設定。下のボックスにファイルを1つドラッグすれば、同じことが数秒で、しかも無料でできます。
エディタ内のGitHub Copilotでも使えますか？
むしろ好都合です — サイトはすでにディスク上のフォルダになっています。フォルダをドラッグするか、ターミナルでその中からnpx harvisを実行すれば、公開リンクとオーナー登録リンクがすぐに手に入ります。
CopilotからHTMLを公開するいちばん簡単な方法は？
方法は3つあります。いちばん簡単なのは、CopilotからHTMLをコピーしてこのページのボックスに貼り付けること — 即座に公開サイトになります。おまかせ派なら、AI向けの指示をCopilotの会話に貼り付けてください — API経由で代わりに公開してくれます。ターミナル派なら、サイトのフォルダでnpx harvisを実行すれば、コマンド1つでデプロイできます。
公開にアカウントは必要ですか？
ブラウザから公開するには無料アカウントが必要です。サイトの置き場所がダッシュボードになるためです。登録したくない場合は、ターミナルでnpx harvisを実行してください — アカウントなしでデプロイでき、あとから使える非公開のオーナー登録リンクが手に入ります。
Copilotが複数のファイルをくれた場合は？
すべてを1つのフォルダにまとめてください — 最上位にindex.html、それに参照しているCSS・JavaScript・画像 — そしてフォルダごとボックスにドラッグします。1サイトあたり最大500ファイル・50 MBです。
料金はいくらですか？サイトはいつまで公開されますか？
無料です。公開したサイトに有効期限はなく、ダッシュボードから削除するまで公開され続けます。いつ再アップロードしてもリンクはそのままです。
別のAIチャットをお使いですか？
手順はどのツールでもほぼ同じです — お使いのツールを選んで具体的な手順をご覧ください。