Claude Artifactsで個人サイトを公開する方法と公開設定の違い

個人サイトに使えるのは、いつ作ったArtifactか

公開設定の結論から書くと、アカウントなしで誰でも見られる公開リンクを作れるのは、2026年9月16日より前に作ったArtifactをPublishしたときだけです。新しいArtifactのShareは、Claudeにサインインした人しか開けません。

Claude Artifactsは、Claudeとの会話で作った成果物をチャットの脇の専用ウィンドウに切り出し、編集・保存・共有できる機能です。1ページ完結のウェブサイトも成果物の例に挙がっているので、コードを書かずに簡単な個人サイトを作れます。Free・Pro・Max・Team・Enterpriseの全プランで使え、Claude Codeでも、Claude Codeを含むプランなら使えます。

個人サイトを作るうえで最初に知っておきたいのは、2026年9月16日に境目があることです。この日より前にチャットで作ったものは「legacy artifact」と呼ばれ、新しく作れなくなりました。公開の方法も閲覧者の条件も、どちらに当たるかで変わります。

「誰でもURLだけで見られる個人サイト」にこだわるなら、新しいArtifactのShareでは足りません。後半の早見表で、ダウンロードして自分のホスティングに置く道も比べます。公開せず自分だけの日記帳にしたい場合はClaudeで日記・ジャーナリングを続ける方法も参考になります。

手順1: Artifactsを使える状態にする

Artifactsは「Cloud code execution and file creation」のトグルがオフだと動きません。個人サイトを作る前に、オンになっているかを見ておきます。

手順2: 会話でサイトを作る

載せたい情報と雰囲気を具体的に伝えると、Claudeが1ページ構成のHTMLサイトをArtifactとして作ります。デザインやコードの知識は要りません。

自己紹介用の個人サイトを1ページのHTMLで作ってください。
- プロフィール、経歴、実績、連絡先の4セクション
- 落ち着いた配色で、スマートフォンでも見やすいレイアウト
- ナビゲーションはページ内スクロールのアンカーリンクで

デザインの仕上がりを重視するなら、サイドバーの「Artifacts」タブからClaude Designのテンプレートで始める手もあります。Claude Designはビジュアルやモックアップ、ワンページャー、ランディングページを、手元のデザインシステムに合わせて作るテンプレートです。

作成後の修正も会話で済みます。「配色をもう少し明るくして」と頼めば直り、DocsやMarkdown文書なら該当箇所を選んで「Edit with Claude」から頼むこともできます。表示が崩れたりエラーが出たりしたときは、エラーの近くの「Try fixing with Claude」を押すと、内容が新しいメッセージにコピーされます。ただし、直る保証はなく、追加の調べものが必要なエラーもあります。

作ったものはサイドバーの「Artifacts」タブにまとまり、別の会話で作ったバナーやロゴ案も同じ場所から呼び出せます。

手順3: 公開の方法を、閲覧者の条件で選ぶ

どの方法でも、訪問者が誰かで選び方が変わります。アカウントのない人にも見せたいのか、Claudeを使っている知人だけでよいのかを、最初に決めます。

早見表は次のとおりです。埋め込みコードが案内されるのは、Publishしたlegacy artifactだけです。

すでにあるlegacy artifactをPublishする

手元に9月16日より前のArtifactがあり、Free・Pro・Maxなら、次の手順で誰でも開ける公開リンクが作れます。

訪問者がPublishされたArtifactをコピーして自分用に作り替えることもできます。コードをコピーして新しいチャットに貼り、「質問をすべて映画の話題に変えて」のように頼む使い方です。他人のコードを自分のチャットに持ち込むので、信頼できる相手のものに限る点が注意書きされています。

新しいShareを使う

新しいArtifactの「Share」では、Pro・Maxは「Only you」か「Anyone with the link」を選びます。特定の人にはメールでの招待もでき、招待できるのはArtifactあたり社外の50人までです。

Team・Enterpriseでは「Anyone with the link」を使えるのは、OwnerがExternal sharingをオンにした場合か、そのArtifactだけを個別に許可した場合に限られます。グレーアウトしていたらOwnerに頼みます。

アクセス権は3段階です。

• Can view: 開いて、コメントを読む
• Commenter: コメントの追加と、Artifactが出すファイルのダウンロード
• Can edit: 変更まで

メール招待には条件があります。招待先は、そのメールアドレスでClaudeのアカウントを作っている必要があり、招待メールは英語で届きます。承諾されない招待は30日で失効し、承諾済みの招待は失効しません。リンクとは違い、招待は招待されたご本人にしか使えません。リンク共有も併用している場合、招待された人のアクセスはリンクを持つ人と同じになります。

共有を止めるには、Shareから「Only you」(Team・Enterpriseは「Only people invited」)に戻します。Pro・Maxでは、「Only you」に戻しても招待済みの人はアクセスを保ちます。

自分のホスティングに置く

Claude経由の公開に縛られたくないなら、HTMLを自分のサーバーに置く道があります。Claude Designで作ったものは、書き出しの選択肢に「standalone HTML」があります。legacy artifactは、パネル上部のコントロールからコードの表示・コピー・ダウンロードができます。置き場所さえ用意すれば、閲覧者にClaudeアカウントを求めずに済みます。独自ドメインでの本格的な静的サイト運用はClaude CodeでHugoサイトを作るが参考になります。

よくあるつまずき

• Unpublishしたサイトは同じ形で戻せない: 取り下げるとアクセスが取り消され、同じArtifactを再び公開することはできません。作り直すと新しいArtifactになり、公開URLも変わります。新しいArtifactはlegacy artifactではありません。アカウント不要のPublishには戻れず、閲覧にサインインが要るShareになります。名刺やSNSにURLを書いたあとで取り下げると、そのリンクは使えなくなります。
• Unpublishで保存データも消える: 来訪者の書き込みなどをArtifactに保存していた場合、取り下げるとその保存データも完全に削除されます。
• 埋め込みが表示されない: 埋め込み先のドメインをAllowed domainsに入れたかを見ます。
• Cloud code execution and file creationがオフのまま: オフならArtifacts自体が使えません。会話の途中で気づいたら、Capabilitiesを確かめてからやり直します。
• Team・Enterpriseでチャットのサイトを共有する: Share & copy linkで共有すると、閲覧者はそのチャットの添付ファイルにも触れられます。プロジェクトで作ったArtifactなら、閲覧者にはそのプロジェクトへのアクセスも要ります。機微な資料を添付していないかを、共有の前に見ます。
• 複数ページに分けたい: 公式がArtifactの例に挙げるのは単一ページのサイトです。プロフィール・実績・問い合わせを分けたいときは、手順2のプロンプト例のようにページ内アンカーでつなぐ1ファイルにする構成が、そのまま使えます。

サイトにClaudeの機能を組み込むと、公開の条件が変わる

静的な1ページが仕上がったら、Claudeを呼び出すArtifactにもできます。来訪者が質問を入力して返事をもらう自己紹介チャットのような仕組みを、コードを書かずに足せます。Claudeがコードを書き、アプリはAnthropicの基盤で動くので、APIキーは要りません。

課金の向きは来訪者側です。使った分は来訪者自身のプランの上限から引かれ、作った側に費用は発生しません。10人に使われても1万人に使われても同じです。Team・Enterpriseで組織内に配る場合も、作成者の負担は増えません。

ここに公開方法の落とし穴があります。新しいArtifactでは、アプリの連携やClaudeの呼び出しを含むものは「Anyone with the link」を選べません。メール招待で社外の人に渡した場合も、Claudeやコネクタを使う部分は招待先で動きません。誰でも開ける個人サイトにClaudeの機能を足したいなら、legacy artifactをPublishする道が公式の説明で残っています。

来訪者の書き込みを残したいなら、データを保存する機能も使えます。保存は個人用と共有用に分かれ、共有用は全員が同じデータを見ます。テキストのみ、1つのArtifactあたり20MBが上限です。legacy artifactではPublishするまで保存が成功しません。新しいArtifactはPublishなしで保存できます。

保存や連携の設計はArtifactを作る人が決めるので、機微な情報を入れる前に共有用かどうかを見ておく必要があります。複数人で作り込む場合はClaude Code Artifactsのデザインシステムと共同編集の仕組みも使えます。ProjectsとArtifactsの組み合わせはClaude Projects完全ガイドにあります。マーケティング用のランディングページならClaudeマーケティング活用も合わせて読めます。

まとめ

訪問者にアカウントを求めない公開は、2026年9月16日より前のArtifactをPublishするか、HTMLを書き出して自分のホスティングに置くかの2通りです。新しく作るなら、Shareで閲覧者にもClaudeへのサインインを求める前提になります。名刺やSNSに載せるURLなら自分のホスティングです。Claudeを使っている知人への試作なら、新しいShareで足ります。