GeminiのチャットからHTMLを公開する方法
GeminiはしっかりしたHTMLを書いてくれますし、Canvasモードならライブプレビューまで表示されます — でもそのプレビューはあなたのGoogleアカウントの中にあるだけで、ウェブ上にはありません。開くだけでちゃんと見られるリンクを誰かに送るには、コードにホスティングが必要です。ここでは、その最速の無料ルートを紹介します。
Open Gemini- 01
コードを開く
Canvasでは、プレビューからコード表示に切り替えます。通常のチャットの回答なら、ページはコードブロックの中にあります — そこまでスクロールしましょう。
- 02
コピーする
コードブロックのコピーアイコンをクリックします（またはCanvas内で全選択してコピー）。これでウェブサイト全体がクリップボードに入りました。
- 03
index.htmlとして保存
コードをテキストエディタ（メモ帳、TextEdit、VS Codeなど）に貼り付けて、index.htmlという名前で保存します。この名前が重要 — ブラウザがホームページとして扱うファイル名です。
- 04
下のボックスにドロップ
index.html（またはフォルダごと）をこのページのアップロードボックスにドラッグして、公開ボタンを押します。サイトに専用のウェブアドレスが即座に割り当てられます。
- 05
リンクをシェア
これで完了 — URLを誰にでも送れます。サイト名の変更、ファイルの更新、削除は、いつでもダッシュボードからどうぞ。
Where Gemini keeps your page: Canvas
Gemini's Canvas preview renders inside your Google session and nowhere else — there's no public URL behind it, so there's nothing for us to download. Gemini can write the file to a public GitHub gist for you, though, and a gist's raw link works below. Otherwise the code view and the clipboard are the shortest path.
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.
GeminiのHTMLをここにドロップ
ファイル1つでもフォルダごとでも — 公開した瞬間に公開リンクが手に入ります。
ウェブサイトをここにドラッグ
index.htmlが入ったフォルダやZIPファイルをドロップするか、クリップボードからHTMLを貼り付けるだけで、数秒でオンラインに。セットアップ不要、設定不要、悩みゼロ。
またはGeminiに公開してもらう
コピーの手間も丸ごとスキップ。用意された指示をコピーしてGeminiの会話に貼り付ければ、API経由でサイトをアップロードしてくれます — 公開リンクと、所有権を取得するための非公開のオーナー登録リンクが返ってきます。
ターミナルで作業していますか？npx harvisを実行 — アカウント不要です。
Geminiからの公開に関する質問
Gemini Canvasですでにプレビューできるのに、なぜホスティングが必要？
CanvasのプレビューはあなたのGeminiセッションの中にしか存在しません。その裏に公開URLはないので、他の人は誰も開けません。ここで公開すれば、ページに誰でもアクセスできる専用アドレスが与えられます。
Google AI Studioで作ったページでも使えますか？
はい。AI Studioではアプリのファイルをダウンロードできます — フォルダを取得して、index.htmlが入っていることを確認し、フォルダごと下のボックスにドラッグしてください。
GeminiからHTMLを公開するいちばん簡単な方法は？
方法は3つあります。いちばん簡単なのは、GeminiからHTMLをコピーしてこのページのボックスに貼り付けること — 即座に公開サイトになります。おまかせ派なら、AI向けの指示をGeminiの会話に貼り付けてください — API経由で代わりに公開してくれます。ターミナル派なら、サイトのフォルダでnpx harvisを実行すれば、コマンド1つでデプロイできます。
公開にアカウントは必要ですか？
ブラウザから公開するには無料アカウントが必要です。サイトの置き場所がダッシュボードになるためです。登録したくない場合は、ターミナルでnpx harvisを実行してください — アカウントなしでデプロイでき、あとから使える非公開のオーナー登録リンクが手に入ります。
Geminiが複数のファイルをくれた場合は？
すべてを1つのフォルダにまとめてください — 最上位にindex.html、それに参照しているCSS・JavaScript・画像 — そしてフォルダごとボックスにドラッグします。1サイトあたり最大500ファイル・50 MBです。
料金はいくらですか？サイトはいつまで公開されますか？
無料です。公開したサイトに有効期限はなく、ダッシュボードから削除するまで公開され続けます。いつ再アップロードしてもリンクはそのままです。
別のAIチャットをお使いですか？
手順はどのツールでもほぼ同じです — お使いのツールを選んで具体的な手順をご覧ください。