Claude Artifacts（アーティファクト）とは？できること・使い方と公開・共有の注意点【2026年版】

Claude Artifacts（アーティファクト）は、Claudeが生成したコードや文書、図表を、チャットの流れから切り離して画面右側の専用パネルに表示し、その場で動かせるようにする機能です。HTMLを書かせればブラウザ上でそのまま描画され、Reactコンポーネントなら操作もできます。2024年の登場時はベータ扱いの限定機能でしたが、現在は無料プランを含む全プランで使え、作ったものをリンク1本で配布したり、Claudeの推論を組み込んだアプリとして公開したりできるところまで広がりました。この記事では、アーティファクトが生成される条件と対応形式、有効化から公開までの手順、そして公開・共有まわりで後から取り返しがつかなくなる仕様を、Anthropicのヘルプセンターと公式ブログの記載に沿って整理します。

まとめ

先に結論を挙げます。

• アーティファクトは「重要かつ自己完結した内容」で、目安として15行を超えるものが対象。短い返答はチャット内に留まります。
• 対応形式はMarkdown/プレーンテキストの文書、コードスニペット、単一ページのHTML、SVG画像、図表・フローチャート、インタラクティブなReactコンポーネント。
• 有効化はFree/Pro/Maxなら設定の Capabilities で「Code execution and file creation」をオンにします。これを有効にしないアーティファクトはサポート対象外だと公式に明記されています。
• 公開すればClaudeアカウントを持たない相手も閲覧・操作できます。ただしAI機能を使う場面ではサインアップが求められます。
• AI搭載アーティファクトの利用量は閲覧者本人のサブスクリプションに計上され、作成者の負担はゼロです。
• 永続ストレージとMCP連携はどちらもPro以上かつClaude webまたはデスクトップ限定。うち永続ストレージは公開後でないと動かず、MCP連携はMCPとは？AIと外部ツールをつなぐ標準規格の仕組み・MCPサーバーの役割を解説で扱う認証を閲覧者ごとに行う必要があります。
• 公開を取り消すと、同じアーティファクトを再び公開することはできず、永続ストレージに溜まったデータも完全に削除されます。

以降は、判断が分かれる順に、機能の範囲、プランと環境の条件、公開の不可逆性という並びで整理します。

Claude Artifactsの定義と生成される条件

アーティファクトの本質は、成果物をチャットログから独立させることにあります。通常のチャットでは、生成されたコードは会話の一部としてテキストで流れていき、動作を確かめるにはコピーしてエディタや別の実行環境へ移す必要があります。アーティファクトはこの往復を省き、画面右側のパネルで結果そのものを見せます。

アーティファクトが生成される判断基準

Claudeが何でもアーティファクトにするわけではありません。Anthropicのヘルプセンターは、生成の基準を「重要かつ自己完結していること、目安として15行を超えること」と説明しています。加えて、利用者が後から編集・再利用したくなる内容であること、単独で成立する複雑さがあること、後で参照する価値があることが条件として挙げられています。

この基準を知っていると指示の出し方が変わります。数行のスニペットだけを頼むとチャット内に返ってきますが、自己完結の要件を満たすよう条件を足せばパネル側に切り出されます。同じ依頼でも、次の2つでは結果が変わります。

【チャット内に返りやすい依頼】
アンケート集計の関数だけ書いて

【アーティファクトになりやすい依頼】
アンケート結果を入力すると集計結果を表示する画面を、
外部ファイルを読み込まない1ファイル完結のHTMLで作って

逆に、会話しながら細かく詰めたい断片をアーティファクトにさせても、パネルの切り替えが増えるだけです。

生成できるコンテンツ形式

ヘルプセンターが挙げる形式は次の6種類です。

• Markdownまたはプレーンテキストの文書
• コードスニペット
• 単一ページのHTMLサイト
• SVG画像
• 図表・フローチャート
• インタラクティブなReactコンポーネント

単一ページのHTMLとReactコンポーネントが、この機能を単なるプレビューから隔てている部分です。前者は静的なランディングページやレポートの体裁確認に、後者はボタンや入力欄が実際に反応する試作品づくりに向きます。SVGはCMSや資料に貼るための図版として扱えます。

IT用語のアーティファクトとの使い分け

artifactは英語では人工物や遺物を指す一般名詞で、ソフトウェア開発の文脈では従来「ビルド成果物」を意味してきました。コンテナイメージやjarファイルを保管するリポジトリサービスにArtifact Registryとは？Google Cloudの成果物リポジトリの仕組み・料金とContainer Registry移行を実装者目線で解説で扱っているような名前が付いているのはこの用法です。Claudeのアーティファクトは「対話から切り出された成果物」を指しており、CI/CDのビルド成果物とは別物です。

さらに紛らわしいのが、Claude内部にも同名の別機能がある点です。ヘルプセンターは「Artifacts are available in Claude, Claude Desktop, and Claude Code.」としつつ、Claude Code側のアーティファクトはTeamとEnterpriseプラン限定だと区別しています。この記事が扱うのはClaudeアプリ側の機能で、開発者向けの共有ページ機能はClaude Codeがアーティファクトに対応｜作業を共有ページ化する新機能と利用条件が対象です。社内で用語がぶつかりやすいので、資料に書く際はどちらの意味かを明示しておくと混乱を避けられます。

有効化から生成・修正までの操作手順

設定画面での有効化

Free、Pro、Maxの個人プランでは、設定（Settings）から Capabilities を開き「Code execution and file creation」をオンにします。Team・Enterpriseプランの場合は Organization settings から Capabilities を開き、管理者が同じ項目を有効にします。ヘルプセンターは「We no longer support artifacts without Code execution and file creation enabled」と述べており、この項目が現在の唯一の入口です。

2024年時点の解説記事の多くは「Feature Preview をONにする」と案内していますが、上記のとおり現行の条件は Capabilities のトグルに一本化されています。古い手順のまま探しても該当項目が見つからないので、Capabilities を起点に確認してください。法人アカウントで項目が見当たらない場合は、管理者が組織全体で有効化する必要があるため、管理者に確認するのが早道です。

画面分割パネルの構成とHTMLのリアルタイムプレビュー

条件を満たす内容を生成すると、画面が左右に分割され、右側にアーティファクトのパネルが開きます。これがClaudeの画面分割の正体で、左のチャットで指示を出し、右で結果を確かめるという役割分担になります。HTMLを生成させた場合はレンダリング結果が表示され、パネル内でプレビュー表示とソースコード表示を切り替えられます。Reactコンポーネントなら、パネル上でクリックや入力を試せます。この分割表示はWeb版のClaudeだけでなく、デスクトップアプリでも同じように使えます。

修正手順とバージョンセレクタでの巻き戻し

修正はチャット側で言葉にして依頼するのが基本です。「ヘッダーの色を濃くして」「集計ロジックを月次に変えて」と伝えると、パネルの内容が差し替わります。過去の状態はヘルプセンターがバージョンセレクタと呼ぶUIで切り替えられるので、変更を重ねて悪化したときは前の版に戻せます。

試行錯誤の途中で気に入った状態が出てきたら、その時点でパネルからダウンロードしておくと確実です。書き出せる形式は生成物の種類に対応しており、文書ならMarkdownやテキスト、Webページや試作アプリならHTMLやソースコードとして手元に落とせます。公開せずに成果物だけ持ち出したい場合は、この手順で完結します。

作れるものの範囲と、この機能では作れないもの

実務でよく使われるのは、プレゼン資料や企画書、Webページやランディングページ、ダッシュボードのような小さな業務アプリ、学習用の教材やゲームです。スライド資料は構成をMarkdownで固めてから体裁を整えたHTMLに変換させる流れが扱いやすく、入力に反応する必要があるものはReactコンポーネントの守備範囲になります。

重要なのは、できない範囲を先に把握しておくことです。複数ページにまたがるWebサイト、サーバーサイドの処理を伴うシステム、既存の社内データベースに直接つなぐ仕組みは、この機能単体では作れません。アーティファクトは単一ページで完結する成果物を前提とした機能であり、そこを超える規模の開発は別の手段が必要です。試作の合意形成までをアーティファクトで済ませ、本実装は開発環境に移すという線引きが現実的です。

他社の生成AIにも同種のパネル機能はあります。この領域でのClaudeの強みは、成果物を配った後にあります。生成物をそのまま公開してAIアプリとして動かせること、その利用料が閲覧者側の負担になること、公開後は永続ストレージと外部ツール連携まで使えること。この3点が、生成物を見せるだけのプレビュー機能との違いです。どのサービスを主軸に据えるかを検討している段階であれば、ChatGPT・Gemini・Claude・Copilotを徹底比較｜対話型AIの違い・料金・選び方【2026年版】で料金や得意領域を含めて比較しています。

AI搭載アーティファクトと利用量の負担先

アーティファクトの中からClaudeを呼び出し、生成物自体をAIアプリにできる機能がベータで提供されています。質問に答えるツール、入力内容に応じて文章を作り分けるアシスタント、対話で進むゲームなどが作れます。提供開始時点ではテキストの補完のみという制約がありましたが、後述する2025年10月のアップデートで外部連携とデータ保持が加わっています。

ここで押さえておきたいのが費用の負担先です。Anthropicは公式ブログで「Their API usage counts against their subscription, not yours. You pay nothing for their usage.」と明記しています。つまり、公開したAIアプリを他人が使ったときのAPI利用量は、使った本人のサブスクリプションに計上され、作成者側は何も支払いません。APIキーを配る必要もありません。10人に使われても1万人に使われても作成者の負担が変わらないという設計は、社内ツールを配る場面でも、公開デモを置く場面でも効いてきます。

ただし利用者側から見れば、自分の利用上限を消費することになります。AI機能を含むアーティファクトを閲覧する場合はサインアップが求められるのもこのためです。無料プランの相手に配るときは、上限に当たって途中で止まる可能性を織り込んでおくべきです。

永続ストレージとMCP連携が動く条件

2025年10月21日のアップデートで、アーティファクトはMCPと永続ストレージに対応しました。当初のAI搭載アーティファクトは「外部API呼び出しなし・永続的な保存なし・テキスト補完APIのみ」という制約下にあったので、この2つは機能の性格を大きく変えた追加です。

永続ストレージの4つの制約と公開後にしか動かない仕様

永続ストレージはセッションをまたいでデータを保持する仕組みで、日記、記録ツール、共同編集のような状態を持つアプリを成立させます。保存形態は2つあり、personalは利用者ごとに自分のデータだけが見える形、sharedは全員が同じデータを見て操作する形です。日記なら前者、ランキング表なら後者という使い分けになります。

ヘルプセンターが挙げる仕様上の制約は4点です。1アーティファクトあたりの上限は20MB。保存できるのはテキストのみで、画像やファイル、バイナリデータは扱えません。personalとsharedのストレージは互いに分離されています。そして、公開を取り消すと紐づく保存データはすべて完全に削除されます。

これらとは別に、最も引っかかりやすい制約があります。永続ストレージが使えるのは公開済みのアーティファクトだけで、開発・テストの段階では保存操作が成功しないとヘルプセンターに明記されています。作っている最中に保存が効かないのは不具合ではなく仕様なので、動作確認は公開してから行ってください。

MCP連携で接続できる外部サービスと認証の単位

MCP（Model Context Protocol）に対応したことで、アーティファクトからAsana、Googleカレンダー、Slackといった外部サービスの読み書きができるようになりました。Anthropic公式の連携先に加えて、自分で設定したカスタムMCPサーバーにも接続できます。仕組みそのものはMCPとは？AIと外部ツールをつなぐ標準規格の仕組み・MCPサーバーの役割を解説で扱っています。

運用面で効いてくるのは認証の単位です。アーティファクトがMCPツールにアクセスしようとすると、初回の操作時に承認を求めるプロンプトが表示されます。そして各ユーザーは、共有・公開されたアーティファクトを使う場合であっても、MCPサーバーの認証を個別に行う必要があります。作って配れば全員がそのまま外部サービスにつながる、という動き方はしません。社内向けの業務ツールとして配布するなら、受け取る側にも同じ連携設定が要る前提で案内してください。

組織管理者の権限にも範囲があります。管理者はアーティファクトのMCPアクセスを組織単位でオンオフできますが、どのMCPサーバーを使ってよいかを個別に管理することはできません。全面的に許可するか禁止するかの二択になるため、ガバナンス設計ではこの粒度を前提に判断が必要です。

機能ごとの対応プランと対応環境

アーティファクト本体と拡張機能では、必要なプランも動く環境も違います。導入判断で見るべき組み合わせは次のとおりです。

モバイルアプリへの対応は2025年7月21日のアップデートで追加されました。なお、この表はClaudeアプリ側のアーティファクトを対象としています。Claude Codeのアーティファクトは同名の別機能で、TeamとEnterpriseプラン限定です。

永続ストレージとMCP連携が無料プランとモバイルから外れている点が、実務では効いてきます。外出先のスマートフォンで動かす前提の業務ツールを作るなら、この2つに依存しない設計にしておく必要があります。

公開・共有の手順と取り消しが不可逆である点

公開したいバージョンを表示した状態でPublishボタンを押すと、公開リンクが生成されます。公開したアーティファクトはサイドバーのArtifactsセクションに入るので、元の会話をたどらなくても後から開けるようになります。逆に言えば、公開していないアーティファクトはサイドバーに並ばず、生成した会話の中にしか存在しません。

公開リンクを受け取った相手の見え方は2通りです。Claudeアカウントを持たない人でも、公開されたアーティファクトの閲覧と操作はできます。サインアップが求められるのはAI機能を使う場面だけです。Claudeユーザーであれば閲覧・操作に加えてコードのコピーができます。かつて用意されていたRemixボタンは廃止されており、ヘルプセンターは「コードを新しいチャットに貼り付けることで置き換えられる」と説明しています。手を加えた版が欲しい場合は、コピーしたコードを新しいチャットでClaudeに渡し、独立した別のアーティファクトとして作り直す流れになります。自社サイトに埋め込みたい場合は埋め込みコードを取得し、Allowed domainsに許可するドメインを指定します。

ここで最も注意すべきなのが、公開の取り消しが一方通行だという点です。ヘルプセンターは「一度アーティファクトの公開を取り消すと、同じアーティファクトを再び公開することはできない」と述べています。公開範囲を間違えたので一旦戻して直す、という運用ができません。さらに、取り消しは公開を止めるだけでは終わりません。前述のとおり、そのアーティファクトに紐づく永続ストレージのデータもすべて削除されます。日記や記録ツールとして配っていた場合、閲覧者が入力してきた内容ごと消えるということです。社外に配る前提のものは、公開前に内容とバージョンを確定させてから押すのが安全です。

Team・Enterpriseプランでは、そもそも一般公開ができません。共有先は自組織内に限られ、閲覧者はTeamまたはEnterpriseのアカウントで認証する必要があります。顧客に配る資料を法人アカウントで作ってしまうと外に出せないため、配布先を先に決めてから作る場所を選ぶべきです。機密情報や顧客データを含む成果物については、公開範囲の制御が組織側にあることを前提に運用してください。

対応モデルの現状とClaude 3.5 Sonnet世代からの変化

アーティファクトはClaude 3.5 Sonnetの時代に登場した機能で、当時の解説記事はこのモデル名とセットで書かれています。ただしClaude 3.5 SonnetのAPI提供は既に終了しており、claude-3-5-sonnet-20241022と claude-3-5-sonnet-20240620 はいずれも2025年10月28日で提供が終了しています。モデル名を手がかりに情報の新しさを判断できるということでもあり、3.5 Sonnetを前提に書かれた手順は、有効化の導線を含めて現行と食い違っている可能性が高いと考えてください。

現行世代はClaude 5系です。上位モデルの位置づけと料金はClaude Opus 5とは？料金・使い方・Opus 4.8からの移行判断【2026年7月】、コストと性能のバランスを取る選択肢の料金比較はClaude Sonnet 5とは？料金・Opus 4.8との違いと移行の判断基準【2026年6月30日リリース】で整理しています。アーティファクト自体の利用料はプランに含まれるため、どのプランを契約するかの判断は各プランの料金ページと合わせて行ってください。

なお、デザイン業務側でアーティファクトに近い機能を探している場合は、Anthropic Claude Designの全体像とデザイン業務における役割が対象になります。

よくある質問

Claude Artifactsは無料プランでも使えますか？

使えます。アーティファクトはFree、Pro、Max、Team、Enterpriseの全プランに対応しています。ただし永続ストレージとMCP連携はPro以上が条件で、無料プランでは利用できません。

アーティファクトが表示されないときはどこを確認すればよいですか？

まず設定を確認してください。Free/Pro/Maxでは Settings の Capabilities にある「Code execution and file creation」がオンになっている必要があります。Team・Enterpriseでは管理者が Organization settings の Capabilities で有効にしていないと使えません。設定が正しくてもパネルが開かない場合は、生成された内容が15行に満たないなど生成条件を満たしていない可能性があります。AI搭載アーティファクトが途中で応答しなくなった場合は、自分のプランの利用上限に達していないかも確認してください。

作ったアーティファクトを共有すると自分の利用量が減りますか？

減りません。AI搭載アーティファクトを他人が使った場合、そのAPI利用量は使った本人のサブスクリプションに計上されます。Anthropicは公式ブログで、作成者は閲覧者の利用分について何も支払わないと明記しています。

公開を取り消した後で、修正して公開し直せますか？

できません。一度公開を取り消したアーティファクトは、同じものを再び公開することができない仕様です。加えて、そのアーティファクトに紐づく永続ストレージのデータも完全に削除されます。修正版を配布したい場合は新しいアーティファクトとして作り直し、新しいリンクを配ることになります。社外に出すものは公開前に内容とバージョンを確定させてください。

スライドやWebページ、ゲームも作れますか？

作れます。プレゼン資料やレポートはMarkdown文書やHTMLとして、ランディングページは単一ページHTMLとして、操作に反応するゲームや業務ツールはReactコンポーネントとして生成できます。ただし複数ページにまたがるサイトや、サーバー側の処理を伴うシステムは対応形式の範囲外です。

関連記事

• Claude Codeがアーティファクトに対応｜作業を共有ページ化する新機能と利用条件
• Claude Opus 5とは？料金・使い方・Opus 4.8からの移行判断【2026年7月】
• MCPとは？AIと外部ツールをつなぐ標準規格の仕組み・MCPサーバーの役割を解説
• ChatGPT・Gemini・Claude・Copilotを徹底比較｜対話型AIの違い・料金・選び方【2026年版】
• Anthropic Claude Designの全体像とデザイン業務における役割