ClaudeのチャットからHTMLを公開する方法
Claudeは1ファイル完結のウェブサイト作りが得意です — ランディングページ、プレゼンテーション、ちょっとしたゲームまで。でもAnthropicはそれをホスティングしてくれません。あなたのページはclaude.aiの中のArtifactに閉じ込められていて、見せたい相手はあなたのチャットを開けません。ここでは、チャットの中のページを本物のシェアできるウェブアドレスに移す方法を紹介します。所要時間は30秒ほどです。
Open Claude- 01
Artifactを開く
ページはClaudeのサイドパネルに、ライブプレビュー付きのArtifactとして表示されます。クリックしてプレビューパネルを開き、HTMLを覗きたければコード表示に切り替えましょう。
- 02
コードをコピーまたはダウンロード
Artifactパネル下部のコピーアイコンを使うか、ダウンロードボタンでファイルを直接パソコンに保存します。どちらの方法でも、これで完全なHTMLが手に入りました。
- 03
index.htmlとして保存
コードをテキストエディタ（メモ帳、TextEdit、VS Codeなど）に貼り付けて、index.htmlという名前で保存します。この名前が重要 — ブラウザがホームページとして扱うファイル名です。
- 04
下のボックスにドロップ
index.html（またはフォルダごと）をこのページのアップロードボックスにドラッグして、公開ボタンを押します。サイトに専用のウェブアドレスが即座に割り当てられます。
- 05
リンクをシェア
これで完了 — URLを誰にでも送れます。サイト名の変更、ファイルの更新、削除は、いつでもダッシュボードからどうぞ。
Where Claude keeps your page: Artifacts
Claude is the one tool here whose artifacts have a real address. Publishing an Artifact from the share menu gives it a claude.ai/public/artifacts/… link, and behind that link sits your actual page — so you can paste the link below and skip the copying entirely. An artifact you haven't published is private to your conversation and has no URL yet; share it first, or copy the code out of the panel.
Paste your Claude artifact link
We download the page behind it and publish it under your own address — no copying, no saving a file. One HTML page, up to 5 MB; if yours has separate CSS, JavaScript or images, drop the folder below instead.
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.
ClaudeのHTMLをここにドロップ
ファイル1つでもフォルダごとでも — 公開した瞬間に公開リンクが手に入ります。
ウェブサイトをここにドラッグ
index.htmlが入ったフォルダやZIPファイルをドロップするか、クリップボードからHTMLを貼り付けるだけで、数秒でオンラインに。セットアップ不要、設定不要、悩みゼロ。
またはClaudeに公開してもらう
コピーの手間も丸ごとスキップ。用意された指示をコピーしてClaudeの会話に貼り付ければ、API経由でサイトをアップロードしてくれます — 公開リンクと、所有権を取得するための非公開のオーナー登録リンクが返ってきます。
ターミナルで作業していますか？npx harvisを実行 — アカウント不要です。
Claudeからの公開に関する質問
ClaudeにはArtifactの共有リンクがありますが、それで十分では？
公開されたArtifactのリンクは、Claudeのブランド表示に囲まれたclaude.aiの中で開き、閲覧者はログインを求められることもあります。ここで公開すれば、専用アドレスを持つ普通のウェブサイトになり、誰でもどのブラウザでも開けます — アカウント不要で、あなたのページの周りに余計なものは何もありません。
ターミナルでClaude Codeを使っている場合は？
その場合、ファイルはすでにディスク上にあります — もっと簡単です。プロジェクトフォルダの中でnpx harvisを実行すればすべてデプロイされます。あるいは、当サイトのAI向け指示をClaude Codeに貼り付ければ、API経由でサイトを公開してくれます。
ClaudeからHTMLを公開するいちばん簡単な方法は？
方法は3つあります。いちばん簡単なのは、ClaudeからHTMLをコピーしてこのページのボックスに貼り付けること — 即座に公開サイトになります。おまかせ派なら、AI向けの指示をClaudeの会話に貼り付けてください — API経由で代わりに公開してくれます。ターミナル派なら、サイトのフォルダでnpx harvisを実行すれば、コマンド1つでデプロイできます。
公開にアカウントは必要ですか？
ブラウザから公開するには無料アカウントが必要です。サイトの置き場所がダッシュボードになるためです。登録したくない場合は、ターミナルでnpx harvisを実行してください — アカウントなしでデプロイでき、あとから使える非公開のオーナー登録リンクが手に入ります。
Claudeが複数のファイルをくれた場合は？
すべてを1つのフォルダにまとめてください — 最上位にindex.html、それに参照しているCSS・JavaScript・画像 — そしてフォルダごとボックスにドラッグします。1サイトあたり最大500ファイル・50 MBです。
料金はいくらですか？サイトはいつまで公開されますか？
無料です。公開したサイトに有効期限はなく、ダッシュボードから削除するまで公開され続けます。いつ再アップロードしてもリンクはそのままです。
別のAIチャットをお使いですか？
手順はどのツールでもほぼ同じです — お使いのツールを選んで具体的な手順をご覧ください。