Claude で作った HTML を、Claude のアカウントがない人にも見せる方法
結論
Claude の「共有」で作ったリンクは、Claude にサインインしている人しか開けません。Anthropic の共有のガイドが挙げる例外は、2026 年 9 月 16 日より前にチャットで作って公開したアーティファクトだけです(Claude Code のドキュメントは、Claude Code の公開リンクもサインインなしで開けるとしています)。Claude を使っていない取引先や友人に見せるなら、ページの HTML を取り出して公開先に置き、そのリンクを送ります。このページのボックスなら、登録なしで 7 日間有効なリンクができます。このリンクでは、スクリプトとフォームを止めて表示します。Convika の Free プランでページを受け取れば、スクリプトが動く状態で公開でき、何人が開いたかもわかります。
Free プラン: カード登録なし、10 ページまで、フォームは月 50 件まで
Claude に作ってもらった提案資料やスライド、1 枚のサイトを、Claude を使っていない取引先や家族に見てもらいたい。ところが Claude の共有リンクは、相手が Claude のアカウントを持っていないと開けません。このガイドでは、送り方ごとに相手の画面で何が起きるかを確かめたうえで、パソコン、スマホのアプリ、Claude Code から HTML を取り出し、どのブラウザでも開けるリンクにするまでを説明します。
相手がページを開けない理由
- 共有リンクには、Claude のアカウントが要る。 Anthropic の共有のガイド(2026 年 9 月 23 日更新)には「全員がClaudeアカウントが必要です。」とあり、アカウントがなければ、リンクを知っていても開けません。「リンクを持つ誰でも」を選べるのは Pro・Max・Team・Enterprise で、Free では選べません。メールで招待する方法(ベータ版、同じ 4 つのプラン)でも、相手は招待されたアドレスで Claude のアカウントを持っている必要があります。
- アカウントなしで開けるのは、9 月 16 日より前に公開したものだけ。 2026 年 9 月 16 日より前にチャットで作ったアーティファクト(レガシーアーティファクト)を Free・Pro・Max の「公開」で公開したものは、リンクを知っている人ならアカウントなしで開けます。Claude Code の公開リンクについては、Anthropic の説明が分かれています。共有のガイドは例外をレガシーアーティファクトだけとしていますが、Claude Code のドキュメントでは、公開リンクは claude.ai にサインインしなくても誰でも開けるとされています(Pro・Max・Team・Enterprise。Team と Enterprise は、オーナーが公開共有を有効にするまで使えません)。Claude Code の公開リンクを送るなら、先にブラウザのシークレットウィンドウなど、サインインしていない状態で開けるかを確かめてください。
- iPhone に送ったファイルは、スクリプトが動かないプレビューで開く。
.htmlのファイルをメールやチャットで送ると、iPhone ではファイルのプレビューで開きます。2026 年 10 月 6 日に Apple の iPhone シミュレーター(iOS 26.3)で試したところ、ファイルの中に書いた CSS とコードに埋め込んだ画像は表示されましたが、JavaScript は動かず、CDN の Tailwind、Google Fonts、ほかのサイトの画像も読み込まれませんでした。タブやスライドの切り替えは反応せず、スクリプトで描くグラフは出ません。Tailwind の CDN で見た目を付けたページは、スタイルのない状態になります。
公開先に置いたページのリンクなら、サインインはいりません。ページの動く部分まで見せられるかは、公開先がスクリプトを動かすかどうかで決まります。違いは下の「共有のしかたの比較」にまとめました。
「公開」ボタンがない、共有できないとき
アーティファクトを公開できない、共有しても相手が開けない。そんなときは、Anthropic の共有のガイドにある次の決まりのどれかに当たっていないかを確かめます。
- 「公開」は、9 月 16 日より前にチャットで作ったものだけ。 それより新しいアーティファクトには、「公開」の代わりに「共有」があります。「共有」で作ったリンクは、開く人にも Claude のアカウントが必要です。
- Free プランでは「リンクを持つ誰でも」を選べない。 リンクでの共有は Pro・Max・Team・Enterprise です。
- Team・Enterprise で「リンクを持つ誰でも」がグレーアウトしている。 オーナーが組織の外への共有を有効にしていないか、そのアーティファクトを個別に許可していません。オーナーかプライマリオーナーに問い合わせます。
- Claude や連携したアプリを使うアーティファクト。 「リンクを持つ誰でも」では共有できません。
- iPhone・Android のアプリで操作している。 アプリでは共有の設定を変えられません。Web 版か Claude Desktop で開きます。
- 一度「公開を取り消す」を押した。 取り消したアーティファクトは、もう一度公開できません。共有するには、新しく作り直します。
どれに当たっても、ページの HTML を取り出せば、Claude の外で誰でも開けるリンクにできます。自分のドメインで公開して、申し込みフォームまで付けるなら「Claude で作ったページを、自分のドメインで公開する方法」を見てください。
Claude から HTML を取り出す
Web 版・デスクトップ版のチャット
- 2026 年 9 月 16 日より前に作ったアーティファクト。 アーティファクトのヘルプによると、アーティファクトのパネル上部のコントロールで、コードの表示、コピー、ダウンロードができます。ダウンロードすれば、そのままファイルが手に入ります。
- それより新しいもの。 同じ会話で「このページを 1 つの HTML ファイルにして。CSS と JavaScript もすべて中に入れて」と頼み、返ってきたコードをコピーします。ファイルが付いていれば、ダウンロードします。React のコンポーネントなら、「ビルドなしで動く、ふつうの HTML にして」と添えます。
- Design のテンプレートで作ったデザイン。 Claude Design のガイドのとおり、右上の「エクスポート」から「スタンドアロンHTMLとしてエクスポート」を選びます。書き出したファイルは、そのままアップロードできます。
iPhone・Android のアプリ
アプリでも、作ったものは「アーティファクト」タブで見られます。ただし、アプリでは共有の設定を変えられず、Anthropic のヘルプは Web 版か Claude Desktop を使うよう案内しています。ファイル作成のヘルプによると、アプリで「ダウンロード」をタップしたファイルは、システムのプレビューか別のアプリで開きます。
スマホからの近道は、同じ会話をパソコンの claude.ai か Claude Desktop で開いて HTML を取り出し、アップロードすることです。このページのボックスはスマホのブラウザでも使え、コードを貼り付けるか、スマホの中のファイルを選べます。
Claude Code
Claude Code は、公開する前にページをファイルとして書き出します。Claude Code のドキュメントによると、場所を指定しなければ、プロジェクトの外の一時ディレクトリに HTML か Markdown のファイルを書き込みます。人に送れるファイルがほしいなら、「そのページを report.html としてこのフォルダに保存して」と頼みます。レポート、プルリクエストの説明、HTML で作ったスライドも、同じように取り出せます。
Claude Code のドキュメントによると、Pro や Max なら、サインインなしで開ける claude.ai の公開リンクをそのまま共有する方法もあります(上のとおり、共有のガイドとは説明が分かれています)。サインインせずに開いた人には、公開した人の名前の代わりに「Content is user-generated and unverified.」というラベルが表示されます。API キーで使っているセッションなど、アーティファクトを公開できないセッションでも、ファイルの保存なら同じように頼めます。Claude Code で作ったランディングページを公開し、フォームや独自ドメインまでそろえる手順は「Claude Code で作ったランディングページを、そのまま公開する方法」にあります。
Claude の HTML をリンクにする 3 つの手順
Anthropic の Thariq Shihipar は、Claude Code で HTML を使う理由を書いた記事(2026 年 5 月 20 日)で、HTML ファイルをアップロードさえすれば、リンクで簡単に共有できると書いています。下のボックスなら、その手順をアカウントなしで済ませられます。
1. ファイルをドロップするか、コードを貼り付ける
上のボックスにファイルをドロップするか、「コードから」に切り替えてコードを貼り付けます。使えるのは .html と .htm のファイルで、2 MB までです。Claude Code は画像をコードに埋め込むので、その分も 2 MB に含まれます。hero.png のようにパソコンの中の画像を読み込んでいると、ボックスにそのファイル名が一覧で出ます。そうした画像は自分のパソコンの中を指しているので、https:// から始まる URL に直します。「プレビューのリンクをつくる」を押せば、プレビューができます。同じ回線から作れるのは 1 日 10 件までです。
2. プレビューを確かめる
「プレビューができました」と出たら、「プレビューを開く」を押します。プレビューはどこにも掲載されず、検索エンジンにも載せないよう指示しています。表示は静的で、スクリプト、フォーム、動画、地図などの埋め込みは止まります。ページの上部には、Convika の無料ツールにアップロードされたページのプレビューで、スクリプトとフォームは動かないことを知らせる帯が出ます。Tailwind の CDN と Google Fonts のスタイルは反映されるので、レポートや 1 枚のデザイン、資料なら、見え方をそのまま確かめられます。クリックで進むスライドは、ページを受け取るまで進みません(下の「ページを残して、開かれたかを知る」)。
3. リンクをコピーして送る
「リンクをコピーする」を押し、LINE やメール、Slack のメッセージに貼ります。リンクは 7 日間有効で、受け取らなければ、そのあとページは削除されます。
ページを残して、開かれたかを知る
プレビューは、一度見てもらうためのものです。スクリプトを動かしたい、7 日を過ぎても残したいときは、リンクの下の「このページを受け取る(無料・カード不要)」を押して登録します。アップロードしたページが、そのまま Free のアカウントに入ります。
- スクリプトが動く。 ダッシュボードに、JavaScript の動く新しいプレビューのリンクができ、スライドが進み、グラフも描かれます。最初のリンクは使えなくなります。まだ公開したくない下書きなら、このプレビューのリンクを送ります。検索エンジンには載せないよう指示していて、7 日間有効です。
- 公開すれば残る。 「公開する」を押すと、
yourpage.convika.comのようなアドレスでページが公開され、「公開停止」を押すまで残ります。誰でもアカウントなしで開け、ふつうの Web サイトと同じように検索エンジンにも見つけてもらえます。 - 開かれたかがわかる。 公開したページの訪問を数え、どのサイトから来たか、デバイス、国とあわせて、Free では直近 90 日分を見られます。わかるのは何人が開いたかで、誰が開いたかではありません。数字の読み方は「AI で作ったページのアクセス数と流入元を見る方法」で説明しています。
- 独自ドメインとフォームも Free で使える。
www.example.comのようなサブドメインを 1 つつなげます。Claude が書いたフォームには、送信内容の届け先がありません。申し込みを受けるなら、ダッシュボードの「フォームを追加する」で Convika のフォームを入れます。Free では送信が月 50 件まで一覧に出て、超えた分も保存され、Pro で見られます。 - 直すたびに、新しいバージョンになる。 ダッシュボードのサイト詳細で「AIで改善」に直したい点を書けば、標準のモデルで 1 回 1 クレジットです。Free プランには最初に 10 クレジットが付きます。Claude・Claude Code など、お使いの MCP クライアントに Convika をつなげば、会話の中で新しいバージョンの保存から公開までを頼めます。つなぎ方は「公開と修正を Claude に任せる」にあります。
Free プランは 10 ページまでで、ページの下部に小さな「Powered by Convika」の表示が入ります。最初のページを公開すると、Pro をカード登録なしで 14 日間無料で使えます。その後は月 $12 で、続けない場合は Free に戻ります。
スマホで開くとき
ファイルがすでにスマホにある場合や、送る前に自分のスマホで確かめたい場合です。
- iPhone。 「メール」で受け取ったファイルは、Apple のヘルプのとおり、添付ファイルをタッチして押さえたままにし、「“ファイル”に保存」を選びます。「ファイル」アプリでタップするとプレビューが開き、文字とファイルの中の CSS、コードに埋め込んだ画像が表示されます。上のシミュレーターでの確認では、JavaScript は動かず、ほかのサイトのフォントや画像も読み込まれませんでした。本来の見え方で確かめるなら、Safari で「HTML ビューアー」を開き、「HTML ファイルを選ぶ」をタップしてファイルを選びます。ブラウザの中で開くのでスクリプトも動き、ファイルはアップロードされません。
- Android。 どのアプリで開くかは、機種と入っているアプリで変わり、見え方もそろいません。Chrome で「HTML ビューアー」を開いてファイルを選べば、スクリプトも動く状態で表示できます。
- どのスマホでも、動くページとして見せたいとき。 スクリプトを動かす公開先のリンクを送ります。Convika で公開したページなら、そのまま動きます。
Claude 以外で作ったファイルも含めた送り方は、「HTML ファイルを、どのスマホでも開けるリンクで共有する方法」で、メール、ドライブ、公開先を比べています。
共有のしかたの比較
2026 年 10 月 12 日に、Anthropic のヘルプとドキュメントで確かめた内容です。「—」はその列があてはまらないことを示します。
| 共有のしかた | 開く人に必要なもの | スマホでタップして開けるか | スクリプト | リンクが使える期間 | 開かれたかわかるか | 独自ドメイン(無料) |
|---|---|---|---|---|---|---|
| Claude の共有リンク(Pro 以上) | Claude のアカウント | Claude にサインインすれば開ける | 動く | 共有をやめるまで | ドキュメントに説明なし | 使えない(claude.ai の URL) |
| Claude Code の公開リンク(Pro 以上) | Claude Code のドキュメントでは不要(共有のガイドは、全員にアカウントが必要としている) | ドキュメントでは、サインインなしで開ける | 動く。fetch などの通信はページ自身と Google Fonts だけ(ライブラリは決まった CDN から読み込める) | ドキュメントに期限の説明なし。Team と Enterprise は、オーナーが保持期間を決められる | ドキュメントに説明なし | ドキュメントに説明なし(claude.ai の URL) |
| メールやチャットに添付 | 不要 | iPhone ではファイルのプレビュー、Android では選んだアプリで開く | iPhone のプレビューでは動かなかった(シミュレーターで確認) | コピーなので期限はないが、更新もされない | わからない | — |
| Convika のプレビュー(登録なし) | 不要 | 開ける | 動かない。スクリプト、フォーム、埋め込みは止まる | 7 日間 | わからない | 使えない |
| Convika Free | 不要 | 開ける | 動く | 公開を止めるまで | 訪問数、流入元、デバイス、国を 90 日分 | www.example.com のようなサブドメインを 1 つ |
選ぶ基準は、誰が、どれくらいの期間開くかです。Claude を使っている同僚に見せるなら、共有リンクで足ります。Pro や Max で Claude Code のレポートを見せるなら、Claude Code のドキュメントでは公開リンクが誰でも開けるとされているので、サインインしていない状態で開けるかを確かめてから送ります。今週中に静的な下書きを見てもらうだけなら、登録のいらない Convika のプレビュー。スライドのように動くページや、訪問数と独自ドメイン付きで残したいページなら、Convika の Free で公開します。Netlify Drop や Tiiny Host も含めた公開先の比較は「Netlify より簡単に HTML を公開できるサービスは?」にあります。
アップロードする前に確かめること
- Claude の上で動く機能。 Claude に質問する、連携したアプリを読む、Claude のストレージにデータを保存する。こうしたアーティファクトは Anthropic のインフラストラクチャで動いているため、Claude の外に置くと、その部分は動きません。Claude に「Claude を呼び出す機能とデータの保存を外して、静的なページにして」と頼みます。
- いくつものファイルに分かれたページ。 Convika は 1 ページを 1 つの HTML ファイルとして公開します。CSS と JavaScript を中に入れるよう、Claude に頼んでください。
- ほかのサイトへの通信。 Convika のページは、自分のアドレス以外からデータを取得できません。ほかのサイトからデータを読み込むスクリプトは、何も受け取れません。
- Claude Design のページ。 「スタンドアロンHTMLとしてエクスポート」で書き出したファイルを、そのままアップロードします。Convika がふつうのページに展開します。Claude Design のページはスクリプトでデザインを組み立てるため、登録なしのプレビューでは、デザインの代わりにそのことを知らせる案内が出ます。ページを受け取ると、デザインが表示されます。
よくある質問
Claude で作った HTML ファイルを共有するには?
まず Claude からページを取り出します。2026 年 9 月 16 日より前のアーティファクトならダウンロードし、それより新しいものは Claude に 1 つの HTML ファイルにしてもらい、Claude Code ならフォルダに保存してもらいます。そのファイルを公開先に置いて、リンクを送ります。Convika のボックスなら、登録なしで 7 日間有効なプレビューのリンクができます(スクリプトを止めた静的な表示)。Free プランでページを受け取ればスクリプトが動き、公開すれば残ります。
Claude のアーティファクトを公開できないのはなぜですか?
「公開」ボタンがあるのは、2026 年 9 月 16 日より前にチャットで作ったアーティファクトだけです。それより新しいものは「共有」で共有し、開く人にも Claude のアカウントが必要です。ほかにも、Free プランでは「リンクを持つ誰でも」を選べない、Team と Enterprise ではオーナーが組織の外への共有を有効にする必要がある、Claude や連携したアプリを使うアーティファクトはリンクで共有できない、スマホのアプリでは共有の設定を変えられない、一度「公開を取り消す」を押したものはもう一度公開できない、という決まりがあります。どれに当たっても、HTML を取り出して公開先に置けば、誰でも開けるリンクになります。自分のドメインで公開する手順は「Claude で作ったページを、自分のドメインで公開する方法」にあります。
Claude のアカウントがない人に、アーティファクトを見せられますか?
共有リンクのままでは、たいてい見せられません。Anthropic の共有のガイドでは、共有したアーティファクトを開くには、全員に Claude のアカウントが必要で、例外は 9 月 16 日より前にチャットで作って公開したものだけです。Claude Code のドキュメントは、Claude Code の公開リンクもサインインなしで開けるとしています。それ以外は、ページの HTML をコピーかダウンロードして公開先に置けば、どのブラウザでも開けるリンクになります。
iPhone で Claude の HTML ファイルを開くには?
「ファイル」アプリに保存してタップします。プレビューでは文字とファイルの中の CSS が表示されますが、Apple のシミュレーターで iOS 26.3 を試したところ、JavaScript は動かず、CDN の Tailwind、Google Fonts、ほかのサイトの画像も読み込まれませんでした。ボタン、タブ、スライドの操作は反応しません。動く状態で見るなら、Safari で「HTML ビューアー」を開いてファイルを選ぶか、Convika で公開したページのように、スクリプトを動かす公開先のリンクで開きます。
Claude で作ったスライドを共有できますか?
できます。条件は、公開先がスクリプトを動かすことです。JavaScript でスライドを切り替えるデッキは、iPhone のファイルのプレビューでも、Convika の登録なしのプレビューでも進みません。Convika の Free でページを受け取り、ダッシュボードのプレビューのリンクか、公開したページのリンクを送れば、どちらもスクリプトが動きます。Slides のテンプレートで作ったデッキなら、PowerPoint か PDF に書き出して送る方法もあります。
相手が開いたかわかりますか?
添付ファイルと Convika の登録なしのプレビューでは、わかりません。Claude の共有リンクも、Anthropic のドキュメントに閲覧数の説明はありません。Convika で公開したページなら、訪問数と、どのサイトから来たか、デバイス、国を、Free で直近 90 日分見られます。わかるのは人数で、誰が開いたかではありません。
共有したページは Google 検索に出ますか?
登録なしのプレビューは出ません。検索エンジンに載せないよう指示しているからです。Convika で公開したページは、ふつうの Web サイトと同じように検索エンジンに見つけてもらえます。まだ公開したくない下書きなら、ページを受け取ってダッシュボードのプレビューのリンクを送り(検索エンジンには載らず、7 日間有効)、準備ができてから公開します。