Claudeのアーティファクトを自分のリンクでホストする方法

Claudeのアーティファクトは、会話から動くWebページを得る最も気持ちのいい方法のひとつです。ダッシュボード、企画書、ランディングページを頼めば、クリックして触れるレンダリング済みのHTMLアーティファクトが返ってきます。Claudeはそのアーティファクトを公開して、会話の外の人にも開けるようにできます。この記事はその内蔵の公開とホスティングの間にある溝についてです。内蔵リンクで十分なのはいつか、十分でないとき同じHTMLを自分が管理するリンクに移すにはどうするか。以下の内容は2026-09-08時点のClaudeヘルプセンターに基づきます。

「公開」が与えるもの、与えないもの

アーティファクト上の公開(Publish)ボタンは、Claudeアカウントなしで誰でも開ける公開リンクを作ります。手早い「これ見て」には本当に便利です。制約はこうです。

• アドレスはClaudeのもので、自分のものではない。 自分で選んでいない識別子つきのclaude.aiリンクです。名前を付ける選択肢も、自分のサブドメインやドメインに置く方法もありません。
• TeamとEnterpriseは公開できない。 ヘルプセンターによると、公開はFree、Pro、Maxプランで利用可能で、TeamとEnterpriseアカウントは組織内での共有のみ。会社アカウントで作業しているなら、公開リンクは単に存在しません。
• 公開取り消しは一方通行。 一度公開を取り消したアーティファクトは再公開できず、新しいアーティファクトを作ることになります。
• 閲覧者は編集できない。 公開ページはスナップショットです。変えるにはClaudeで編集して再公開し、他人のものを発展させるにはコードを新しいチャットにコピーします。

明日捨てるデモならどれも問題になりません。顧客に送る企画書、更新し続けるページ、Teamワークスペースのものなら問題になります。

HTMLはすでに自分のもの

アーティファクトは自己完結したHTML文書です。だからサイドパネルでレンダリングされます。アーティファクトを開き、コピーかダウンロードのコントロールでコードを取れば、どんな静的ホストでもそのまま配信できるファイルになります。Claudeの中でしていたことを、アーティファクトはどこでもします。スタイルとスクリプトはインラインで、持っていくアセットはありません。

自分のリンクに置く

hdplyなら: ホームページの入力欄にアーティファクトのHTMLを貼り付けてボタンを押します。ページはすぐにHTTPS付きのname.hdply.comで公開され、アカウントは作っていません。そのリンクは1時間有効。スマホで確認して送るには十分です。無料アカウントを作れば永久に保持され(6ページ無料)、変更用のブラウザエディタが付き、すべてのバージョンが残るので誤った編集もワンクリックで戻せ、サブドメインを選べます。

知っておくべき挙動が2つ。新しいページは検索表示をオンにするまで検索エンジンから隠されます。数人に送るものには正しい既定値です。そしてClaudeで反復を続けるなら、エディタで古い版の上に新しい版を貼り付けるだけ。リンクは変わりません。

貼り付けすらしたくないなら: hdplyにはMCPサーバーがあります。Claude CodeやClaude Desktopに接続すれば「このページを公開して」はClaude自身がすることになり、URLを会話の中で報告してくれます。

チャットの外で壊れるもの

アーティファクトはプレビュー枠向けに書かれているので、そこを出るといくつかの癖が現れます。存在しなかったプレースホルダー画像URL、#を指すナビゲーションリンク、広い枠を前提にしてスマホでひどく崩れるレイアウト、時折</html>の前で途切れたファイル。どれも直すのは難しくなく、すべてAIが作ったHTMLを公開するで扱っています。リンクを送る前にスマホ表示を確認してください。受け取る人の多くはスマホで開きます。

比較表

Claudeの内蔵公開の方が良いとき

ページが使い捨てで相手が少ないとき — 同僚にちょっと見せる、スレッド内のプロトタイプ — そしてFree、Pro、Maxプランなら、公開を使ってください。ワンクリックで、他のサービスは不要、明日置き換わるアーティファクトなら安定したアドレスに2つ目のツールを使う価値はありません。リンクが長持ちすべきとき、自分のものであるべきとき、TeamやEnterpriseアカウントから出さなければならないときに外へ移しましょう。

関連: ChatGPTやClaudeで作ったHTMLを公開する · MCPサーバードキュメント · HTMLファイルをリンクで共有する