Claude で作ったページを、自分のドメインで公開する方法

Claude に頼んだランディングページの出来がよい。次は自社のドメインで公開して、フォームに届いたメールアドレスを残し、何人が見に来たかを知りたくなります。

このガイドは、Claude の共有機能でどこまでできるかを確かめたうえで、いちばん手数の少ない方法を説明します。コードをコピーして Convika に貼り付け、プレビューを見て公開するだけです。何かをインストールしたり、先にコネクタを設定したりする必要はありません。

Claude の共有でできること

Claude のアーティファクトは、どれも claude.ai のアドレスに置かれます。だれが開けるかは作り方によって違います。次の内容は、Anthropic の共有のガイド に書かれているものです。

• いま Claude で作るアーティファクト: 「共有」から「リンクを持つ誰でも」を選ぶと、リンクで共有できます（Pro・Max・Team・Enterprise）。Free プランでは選べません。Team と Enterprise では、オーナーが外部共有を有効にしているか、そのアーティファクトを個別に許可しているときだけ選べます。どのプランでも開く人に Claude のアカウントが必要で、アカウントがなければリンクを知っていても開けません。Claude や連携したアプリを使うアーティファクトは、リンクでは共有できません。
• 2026 年 9 月 16 日より前にチャットで作ったアーティファクト: 「公開」ボタンで公開でき（Free・Pro・Max）、リンクを知っている人なら Claude のアカウントなしで開けます。「埋め込みコードを取得」で、ほかのサイトに埋め込むこともできます。
• Claude Code のアーティファクト: Claude Code のドキュメント では、公開リンクはサインインなしでだれでも開けるとされています。ページは、バックエンドを持たない 1 枚のページで、スクリプトが通信できるのは自分自身のオリジンだけです。

どのドキュメントにも、独自ドメインとアクセス解析の説明はありません。

アーティファクトには訪問のたびにデータを残す機能があります。ただし、共有のストレージに保存したデータは、アーティファクトを開いた全員から見えます。知人に下書きを見せるには十分です。広告やローンチの告知から人を集めるページには足りません。

Claude を使っていない人にページを見せたいだけなら、HTML ファイルを取り出してリンクにする方法もあります。「公開」ボタンが見当たらないときの確かめ方とあわせて、ガイド Claude で作った HTML を、Claude のアカウントがない人にも見せる方法 にまとめています。

Claude で作ったゲームを、Claude を使っていない友だちにスマホで遊んでもらう手順は、ガイド Claude で作ったゲームを、Claude を使っていない友だちにも遊んでもらう にあります。

スライドを URL で見せて発表するなら、ガイド Claude・Gemini で作った HTML スライドを、URL で共有する方法 があります。

ほかの公開方法の比較

このあとの表は、公開できる URL が手に入るまでの手数が少ない順に並べました。

Claude の共有以外は、どれもコードをコピーするところから始まります（下の手順の節の手順 1）。Netlify Drop は、ログインせずにドラッグすると、ログインして引き取るまで URL に一時的なパスワードがかかります。出典は Netlify Drop のクイックスタート（2026 年 7 月 28 日更新）です。

下書きを見せるだけなら Claude の共有で十分です。趣味のページでアクセスが多いなら Cloudflare Pages か GitHub Pages。

自分のドメインで申し込みを集め、どのサイトから来たかまで知りたいなら、Convika の Free プランで 3 つともそろいます。

表の Vercel Drop は、無料の Hobby プランのままだと商用に使えません。どこからが商用にあたるかは Vercel の Hobby プランは商用利用できる？ にまとめています。

HTML ファイル 1 つを無料で公開できるサービスは、ガイド ChatGPT で作った HTML を、無料で公開する方法 と、Netlify Drop の代わりになる 7 つを並べた Netlify より簡単に HTML を公開できるサービスは？ でも比べています。

アーティファクトを見られる人と、Google 検索に出るかどうか

アーティファクトは、共有するまで自分にしか見えません。

いまの Claude のチャットで共有したものも、開けるのは Claude にサインインしている人だけです。だから検索エンジンが中身を読むことはありません。

気をつけたいのは、2026 年 9 月 16 日より前にチャットで作って公開したものです。こちらはリンクを知っていればだれでも開けます。2026 年 7 月には、共有チャットとともに、その一部が Google の検索結果に出ていました。

2026 年 7 月に起きたこと: 日本時間の 7 月 26 日、Reddit への投稿をきっかけに、claude.ai の共有用アドレスに絞って Google 検索すると、共有チャットや公開されたアーティファクトが一覧で出てくることが広まりました。中には、診療の記録や社内向けの資料もありました（報道: 窓の杜、The Next Web）。

Anthropic は、チャットの一覧やサイトマップを検索エンジンに渡してはおらず、共有リンクは本人が広めない限り推測も発見もできない、と説明しています。7 月 28 日には、同じ検索で何も出なくなりました。

Anthropic のいまのヘルプ（共有チャットの公開リンク）には、共有チャットのページに検索エンジン向けの「noindex」の指示を入れている、とあります。掲示板や SNS に貼られたリンクは、見つけた人ならだれでも開ける、とも書かれています。共有リンクが検索に出たのは Claude が初めてではありません。ChatGPT は 2025 年 7 月に、共有チャットを検索に出す選択肢を取りやめています。

自分が共有したチャットは、Claude の「設定」→「プライバシー」で「共有チャット」の「管理」を開くと一覧で確かめられます。リンクを止めたいものは「共有解除」を押します（出典: Anthropic のヘルプ）。

Convika なら、どこまで公開するかを自分で決められます。

下書きは、ランダムな 64 文字を含むプレビュー用の URL で確かめます。プレビューは検索エンジンに載せないよう指示していて、3 分間で開けなくなります（Claude から作ったものは 1 時間）。プレビューで試しに送った内容も保存されません。

公開は別の操作です。公開すると、ページが自分のアドレスに置かれます。無料の「一般公開」は検索結果や Convika のギャラリーに出ることがあり、「限定公開」（Pro）を選ぶと検索結果に出さないよう指示します。公開したページは、アドレスを知っている人ならだれでも見られるふつうの Web ページです。

見せる相手を絞りたいなら、Pro でパスワードをかけられます。訪問者にはパスワードの入力画面が出て、正しいパスワードが入力されるまで、Convika はページを送りません。かけ方はガイド HTML ページにパスワードをかけて、知っている人だけに見せる方法 にあります。フォームに届いた内容はページには出ず、見られるのはワークスペースのメンバーだけです。公開はいつでも止められ、保存したバージョンは残ります。

Convika で公開する 5 つの手順

アーティファクトのコードをコピーする

Claude Design（Design のテンプレート）で作ったページは、右上の「エクスポート」から単体の HTML として書き出し、そのファイルをそのままアップロードします。フォームの目印は入れません。Convika のフォームは、アップロードしたあとでデザインの下に追加します。手順はガイド Claude Design で作ったページを、誰でも開けるリンクで公開する方法 にまとめています。

それ以外のページは、コピーの前に、同じ会話で Claude に 2 つ頼んでおきます。1 つ目は、ページにフォームがあれば <div data-convika-form></div> への置き換えです。あとで送信内容が届く Convika のフォームを入れる場所の目印になります。2 つ目は、アーティファクトが React のコンポーネントなら、ビルドなしで動く 1 つの HTML ファイルにして、CSS と JavaScript もすべて中に入れるよう頼みます。そのうえでコードを取り出します。9 月 16 日より前にチャットで作ったものは、アーティファクトのパネル上部のボタンでコードを表示してコピーするか、ダウンロードします。それより新しいものは、1 つの HTML ファイルにしてコードをすべて見せるよう頼みます。

Convika の無料アカウントを作る

app.convika.com で登録します。Free プランはカード登録なしで、1 ページを公開できます。

コードを貼り付ける

管理画面で「HTMLファイルをアップロードする」を押し、「コードから」のタブにコードを貼り付けます。ファイルをダウンロードした場合は、「ファイルから」のタブで選びます。どちらも 2 MB まで。「プレビューをつくる」を押すと、Convika が新しいページを作ります。アップロードに AI クレジットは使いません。

非公開のプレビューで確かめる

「プレビューができました」と表示されたら、「プレビューを開く」を押します。プレビューの URL は非公開で、開けるのは 3 分間です。切れたら、もう一度「プレビューを開く」を押すと新しいリンクができます。この時点では、まだだれにも公開されていません。パソコンとスマートフォンの両方で開き、空白の部分がないかを確かめます。あれば、下の Claude の外で動かないもの の節を見ます。

公開する

「ページを公開する」を押し、「このページを開ける人」で「一般公開」を選んで「次へ」を押します。はじめての公開では、続いて大きな「無料で公開する」のボタンが出ます。押すとすぐに公開され、ページの下に Convika のバナーが出ます。出したくないときは、その下の「Convika のバナーなしで公開する」から Pro のお申し込み画面に進みます。お申し込み画面の大きなボタン「1日間無料で申し込む」は、カードを登録して始める Pro のトライアルで、最初の 1 日間のあとは、解約しなければ月 ¥1,800 かかります。公開すると、yourpage.convika.page のようなアドレスになり、だれでもアカウントなしで開けるようになります。申し込みフォームと独自ドメインは、続く 2 つの節でつなぎます。

申し込みフォームを動かす

Claude が書いたフォームのままでは、送信された内容が手元に届きません。Claude Code のアーティファクトは自分自身のオリジンとしか通信できず、チャットのアーティファクトに保存したデータも Claude の中に残るためです。

管理画面のサイト詳細で「フォームを追加する」を押し、項目とボタンの文言を選びます。項目は「メールアドレスのみ」「名前とメールアドレス」「名前・メールアドレス・問い合わせ内容」の 3 つから選べます。

目印の場所、またはページ末尾のフッターの上に、送信内容が届くフォームが入ります。Claude Design で作ったページでは、デザインの下に入ります。新しいプレビューのバージョンとして保存されるので、確かめてから公開してください。

目印を使わなかったときは、Claude が書いた元のフォームも残ります。届かないフォームに入力されないよう、「AIで直す」を使って消します。標準のモデルなら 1 クレジットです。

プレビューでのテスト送信は確認用で、保存されません。本番のリストに混ざる心配はありません。

届いた内容は「フォーム」に一覧で並び、CSV で書き出せます。Free プランで一覧に表示されるのは、すべてのフォームの合計で月 50 件までです。50 件を超えた送信も保存されており、Pro に切り替えると表示されます。

独自ドメインをつなぐ

ページの画面の「独自ドメイン」で「独自ドメインをつなぐ」を押し、www.example.com のようなホスト名を入れて「ドメインを追加する」を押します。

画面に表示された CNAME レコードと TXT レコードを、お名前.com やムームードメインといったドメイン管理サービスの DNS 設定に追加してください。追加後に「状態を確認する」を押します。

レコードが確認できるとドメインが有効になり、SSL 証明書が自動で発行されます。DNS の反映にかかる時間は通常数分、長いと 48 時間ほどです。

example.com と入れても www.example.com と入れても、両方をつなぎます。ページは www.example.com で開き、example.com を開いた人は www.example.com に転送されます。DNS には、www の CNAME レコードと TXT レコードに加えて、名前 @ の A レコード（値は Convika が示す IP アドレス）を足します。DNS が Cloudflare なら、これらのレコードは DNS only（灰色の雲）にします。example.com で今ほかのサイトを出しているときは、example.com はそのままにして www.example.com だけをつなぐこともできます。

つなげるドメインの数は、Free プランで 1 つ、Pro プランで無制限です。

公開と修正を Claude に任せる

貼り付けるだけで公開はできます。ただ、公開後も何度も直すなら、Convika を Claude のコネクタ（リモート MCP サーバー）として一度つないでおくのが便利です。以降は Claude への一言で操作できます。

1. Claude（Web 版かデスクトップ版）で「カスタマイズ」→「コネクタ」を開き、「+ 追加」から「カスタムコネクタを追加」を選びます。URL に https://mcp.convika.com を入力し、求められたら Convika にログインしてください。Anthropic の コネクタのガイド によると、Claude の Free プランでもカスタムコネクタを 1 つ追加できます。
2. アーティファクトがある会話で「このページを Convika に保存して、プレビューを見せて」と頼みます。Claude がページの HTML を送り、非公開のプレビュー URL を返します。
3. 続けて「見出しの下にメールアドレスの登録フォームを追加して」「公開して」「www.example.com をつないで」と頼みます。
4. 公開から数日たったら「何人来て、どこから来て、何人が登録した？」と聞きます。Claude が Convika のアクセス解析を読んで答えます。

コネクタ経由の保存と公開に、Convika の AI クレジットは使いません。

Claude Code で作ったページを公開するとき

Claude Code が作るのは手元のファイルで、公開先は持っていません。よくあるのは、Git のリポジトリを作って Vercel や Netlify につなぎ、フォームのサービスとアクセス解析のタグを別に用意するやり方です。

Convika なら、ターミナルで次のコマンドを 1 回実行し、Claude Code の中で /mcp を開いて Convika にログインすれば準備は終わりです。

claude mcp add --transport http convika https://mcp.convika.com

あとは「landing/index.html を Convika に保存してプレビューを見せて」と頼みます。プレビューを確かめたら、「見出しの下にメールアドレスの登録フォームを付けて、公開して」「www.example.com をつないで」と続けます。

Convika は保存のたびにバージョンを残します。Git がなくても、プレビューで確かめてから公開し、うまくいかなければ以前のバージョンに戻せます。Vercel のトークンを Claude Code に渡す必要もありません。

Vite や Next.js のビルドで作ったページは、先に「ビルドなしで動く 1 つの HTML ファイルにして」と頼みます。

手順の詳細と、ホスティングの鍵を Claude Code に渡さずに公開する理由は、ガイド Claude Code で作ったランディングページを、そのまま公開する方法 にまとめています。コマンドを使わずに、できあがった HTML ファイルを管理画面の「HTMLファイルをアップロードする」から公開することもできます。

Claude の外で動かないもの

ページに書かれたスクリプトは、Free を含むすべてのプランで動きます。Tailwind や Google Fonts、アイコンのライブラリを CDN から読み込む構成や、ボタンの onclick に書いた処理、YouTube や Google マップの埋め込み、https:// で始まる URL の画像もそのまま使えます。

プランによって変わるものと、Claude の外では動かないものを整理しました。

• Claude の上で動く機能: Claude に質問するアーティファクト、連携したアプリを読むアーティファクトは、Anthropic の環境で動いています。Claude の外に出すと、その部分は動きません。Claude には「Claude を呼び出す機能を外して、静的なページにして。window.storage の処理は残して」と頼んでください。Claude のストレージにデータを保存する処理（window.storage）は、2026 年 10 月 21 日から Convika のページでも動きます。Claude の中に保存したデータは移りません。
• ビルドが必要な React のコンポーネント: Convika は 1 ページを 1 つの HTML として公開します。コピーする前に、HTML への書き直しを Claude に頼んでください。
• ほかのサイトへの通信: Convika のページのスクリプトは、fetch などで自分のアドレス以外からデータを取得できません（Pro では、下のアクセス解析ツールと、持ち主が登録した広告の送信先は除きます）。
• アクセス解析・ヒートマップのツール: Google アナリティクス、Cloudflare Web Analytics、Clarity、Hotjar、Plausible、PostHog、Mixpanel がデータを送信できるのは Pro 以上です。Convika のアクセス数は Free でも見られます。
• HTML の属性に書いたコードを実行するライブラリ: Alpine.js などが該当します。「Alpine.js の部分を、ふつうの JavaScript に書き直して」と頼んでください。

Claude で作ったゲームのセーブやみんなのスコアを、公開したページで動かすときの決まりは、Claude で作ったゲームの保存とみんなのスコアを、公開したリンクでも動かすにあります。

ほかの公開先で自分でアクセス解析を入れる方法は、ガイド AI で作ったページのアクセス数と流入元を見る方法 で比べています。

ログイン機能やデータベースが必要なアプリ、複数ページの Web サービスは Convika の対象外です。Convika はランディングページの公開と運用のためのサービスです。Gemini で作ったページの手順は、ガイド Gemini で作ったページを、URL で人に見せる方法 にまとめています。

よくある質問

Claude で作ったページを独自ドメインで公開できますか

出せます。Claude の共有リンクは claude.ai のままなので、ページのコードを独自ドメインに対応した公開先に置きます。

Convika なら、管理画面の「HTMLファイルをアップロードする」→「コードから」に貼り付けて公開し、ページの画面の「独自ドメインをつなぐ」で www.example.com のようなサブドメインを 1 つ、CNAME レコードと TXT レコードを追加してつなげます。Free プランで使えます。example.com を開いた人は www.example.com に転送されます。

Convika を使うのにコネクタは必要ですか

必要ありません。管理画面にコードを貼り付けるだけで、公開、フォームの追加、独自ドメインの設定までできます。

コネクタは、ページの保存・公開・修正を Claude に任せたいときや、アクセス数を会話の中で聞きたいときに追加します。

共有したアーティファクトは誰が見られますか

いま Claude で作るアーティファクトを「リンクを持つ誰でも」で共有した場合、開けるのは Claude にサインインしている人だけです。

2026 年 9 月 16 日より前にチャットで作って公開したものは、アカウントなしでだれでも開けます。Claude Code のドキュメントは、Claude Code の公開リンクも同じとしています。検索エンジンも、サインインが必要なものは開けません。だれでも開けるものは、リンクがどこかに貼られれば見つかり得ます。2026 年 7 月には、公開されたアーティファクトの一部が Google の検索結果に出ていました。

Convika で公開したページはふつうの Web サイトなので、URL を知っている人ならだれでも見られ、検索エンジンにも見つけてもらえます。Pro でパスワードをかければ、見られるのはパスワードを伝えた人だけになります。

Claude の共有リンクは Google 検索に出ますか

いまの共有ページには、検索エンジンに載せないよう求める指示が入っています。

Anthropic のヘルプでは、共有チャットのページに「noindex」の指示を入れていると説明しています。公開したアーティファクトのアドレスにも、2026 年 10 月 11 日に確かめたときは同じ指示が出ていました。

ただし 2026 年 7 月には、共有チャットや公開されたアーティファクトの一部が Google の検索結果に出ていたことがあり、日本時間の 7 月 28 日までに出なくなりました。リンクを SNS や掲示板に貼れば、そこからだれでも開けます。共有リンクは、公開したものとして扱います。

公開したアーティファクトを非公開に戻せますか

戻せます。2026 年 9 月 16 日より前にチャットで作って公開したものは、「公開を取り消す」を押します。取り消したアーティファクトはもう一度公開できないため、あとで共有するときは新しく作り直します。

いまのアーティファクトは、「共有」を開き、「アクセス権を持つユーザー」で「あなただけ」（Pro・Max）か「招待されたユーザーのみ」（Team・Enterprise）を選びます。Pro と Max では、メールで招待した人は、その人の「削除」を選ぶまで開けます。

Convika で公開したページなら、管理画面の「公開を停止する」で止められます。保存したバージョンは残るので、あとで公開し直せます。公開したまま見る人を絞るなら、Pro でパスワードをかけます。

アーティファクトでメールアドレスを集められますか

アーティファクトの機能だけでは安全に集められません。アーティファクトの共有のストレージに保存すると、アーティファクトを開いた全員からそのデータが見えます。Claude Code のアーティファクトは、スクリプトが自分自身のオリジンとしか通信できないため、送信内容を自分の手元に届ける先がありません。

Convika で公開したページのフォームは、送信内容をアカウントに保存し、管理画面でだけ見られるようにして、CSV で書き出せます。

React のアーティファクトを Convika で公開できますか

1 つの HTML ファイルにまとめれば公開できます。Convika は 1 ページを 1 つの HTML として公開します。CSS とスクリプトは、HTML の中に書くか CDN から読み込みます。

コピーする前に、Claude に「ビルドなしで動く 1 つの HTML ファイルにして」と頼み、プレビューで見た目を確かめます。サーバーやデータベース、複数のページが必要なものは、別の種類の公開先が向いています。

Claude から公開すると Convika の AI クレジットは減りますか

減りません。コードの貼り付けやアップロードにも、コネクタ経由の保存・公開にも、AI クレジットは使いません。

クレジットを使うのは、管理画面の「AIで直す」など、Convika に内蔵された AI でページを作ったり直したりするときだけです。

Convika の料金はいくらですか

Convika の Free プランはカード登録なしで使えます。公開 1 ページまで、独自ドメインは 1 つで、ページの下に Convika のバナーが出ます。フォームの回答は月 50 件まで管理画面に表示されます。それより後の回答も、1 つのフォームにつき月 1,000 件まで保存され、Pro にすると見られます。ページビューは、すべてのページの合計で月 10,000 まで含まれます。月 10,000 ページビューに達すると編集やアクセス解析が止まり、その 7 日後からは、翌月 1 日の午前 9 時（日本時間）になるか料金を支払うまでページも止まります。2026 年 10 月 23 日より前に作ったワークスペースは、2026 年 11 月 1 日の午前 9 時（日本時間）からこのとおりになります。

Pro にすると Convika のバナーが消え、フォームの回答もすべて見られます。Pro には月 100,000 ページビューが含まれ、超えた分は 10,000 ページビューごとに ¥200 で、ページは止まりません。Pro は月 ¥1,800 です。

公開したあとにページを修正できますか

できます。コネクタをつないでいれば Claude に頼めます。

管理画面の「AIで直す」に直したい点を書いても修正できます（こちらは標準のモデルで 1 回 1 クレジット、Free プランには最初に 10 クレジットが付きます）。どちらの場合も新しいバージョンとして保存され、公開前にプレビューで確認できます。うまくいかなかったときは、以前のバージョンに戻せます。Claude で直したコードは、サイトの画面の「HTML ファイルで更新」に貼り付ければ、同じ URL のまま次のバージョンになります。管理画面の「HTMLファイルをアップロードする」から貼り付けると、別の URL を持つ新しいページになります。

Claude のアーティファクトを公開できない。どうすればいいか

アカウントのない人に見せたいときや Free プランを使っているときは、コードを取り出して別の公開先に置きます。

「公開」が表示されるのは、2026 年 9 月 16 日より前にチャットで作ったアーティファクト（Free・Pro・Max）です。それより新しいものには「共有」が表示されます。「共有」で「リンクを持つ誰でも」を選べるのは Pro・Max と、オーナーが外部共有を許可した Team・Enterprise です。Anthropic のヘルプ によると、アカウントを持っていない人は、リンクがあってもアーティファクトを開けません。

Claude の Free プランを使っているときや、アカウントのない人に見せたいときは、アーティファクトのコードを取り出して（手順 1）、Convika などの公開先（比較の節）に置きます。