GrokのチャットからHTMLを公開する方法
X上でもgrok.comでも、Grokは完全なウェブサイトを書いてくれて、Grok Studioはコードの隣にプレビューを表示してくれます。でもxAIはあなたのページをホスティングしません — プレビューはチャットと一緒に消えてしまいます。ここでは、ページに永続的なアドレスを無料で与える方法を紹介します。
Open Grok- 01
コード表示を開く
Grok Studioではページがライブプレビューとして表示されます — コードタブに切り替えるとHTMLが見られます。通常のチャットの回答なら、コードブロックの中にあります。
- 02
HTMLをコピーする
コード表示またはコードブロックのコピーボタンを使います。GrokがCSSやJSを別ファイルで書いた場合は、それらもコピーするか、「すべてを1つのファイルにインライン化して」とお願いしましょう。
- 03
index.htmlとして保存
コードをテキストエディタ（メモ帳、TextEdit、VS Codeなど）に貼り付けて、index.htmlという名前で保存します。この名前が重要 — ブラウザがホームページとして扱うファイル名です。
- 04
下のボックスにドロップ
index.html（またはフォルダごと）をこのページのアップロードボックスにドラッグして、公開ボタンを押します。サイトに専用のウェブアドレスが即座に割り当てられます。
- 05
リンクをシェア
これで完了 — URLを誰にでも送れます。サイト名の変更、ファイルの更新、削除は、いつでもダッシュボードからどうぞ。
Where Grok keeps your page: Grok Studio
Grok Studio previews your page beside the chat, but xAI publishes nothing — there's no grok.com address that serves the HTML, so pasting a chat link below won't work and we'll say why. Ask Grok to put the file in a public GitHub gist if you'd rather not copy by hand; the gist's raw link imports fine.
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.
GrokのHTMLをここにドロップ
ファイル1つでもフォルダごとでも — 公開した瞬間に公開リンクが手に入ります。
ウェブサイトをここにドラッグ
index.htmlが入ったフォルダやZIPファイルをドロップするか、クリップボードからHTMLを貼り付けるだけで、数秒でオンラインに。セットアップ不要、設定不要、悩みゼロ。
またはGrokに公開してもらう
コピーの手間も丸ごとスキップ。用意された指示をコピーしてGrokの会話に貼り付ければ、API経由でサイトをアップロードしてくれます — 公開リンクと、所有権を取得するための非公開のオーナー登録リンクが返ってきます。
ターミナルで作業していますか？npx harvisを実行 — アカウント不要です。
Grokからの公開に関する質問
Grok Studioのプレビューを直接シェアできますか？
いいえ — Studioのプレビューはあなた自身のGrokセッションの中でしか表示されません。配れる公開リンクは存在しないのです。コードをここで公開すれば、誰でも開ける本物のURLが作られます。
Xの中でGrokを使いました。何か違いはありますか？
手順は同じです：会話の中のコードブロックを見つけてコピーし、index.htmlとして保存して、下のボックスにドロップするだけ。どこでチャットしたかは関係ありません — 大事なのはHTMLだけです。
GrokからHTMLを公開するいちばん簡単な方法は？
方法は3つあります。いちばん簡単なのは、GrokからHTMLをコピーしてこのページのボックスに貼り付けること — 即座に公開サイトになります。おまかせ派なら、AI向けの指示をGrokの会話に貼り付けてください — API経由で代わりに公開してくれます。ターミナル派なら、サイトのフォルダでnpx harvisを実行すれば、コマンド1つでデプロイできます。
公開にアカウントは必要ですか？
ブラウザから公開するには無料アカウントが必要です。サイトの置き場所がダッシュボードになるためです。登録したくない場合は、ターミナルでnpx harvisを実行してください — アカウントなしでデプロイでき、あとから使える非公開のオーナー登録リンクが手に入ります。
Grokが複数のファイルをくれた場合は？
すべてを1つのフォルダにまとめてください — 最上位にindex.html、それに参照しているCSS・JavaScript・画像 — そしてフォルダごとボックスにドラッグします。1サイトあたり最大500ファイル・50 MBです。
料金はいくらですか？サイトはいつまで公開されますか？
無料です。公開したサイトに有効期限はなく、ダッシュボードから削除するまで公開され続けます。いつ再アップロードしてもリンクはそのままです。
別のAIチャットをお使いですか？
手順はどのツールでもほぼ同じです — お使いのツールを選んで具体的な手順をご覧ください。