Claude Codeがアーティファクトに対応｜作業を共有ページ化する新機能と利用条件

Anthropicは2026年6月18日、Claude Codeがアーティファクト（Artifacts）に対応したと発表しました。これはコーディングセッションの作業内容を、組織内で共有できるライブのWebページとして公開する機能で、TeamプランとEnterpriseプランのベータとして提供されます。同じ「アーティファクト」でも、Claudeチャットで使う従来の機能とは生成元も共有範囲も異なります。この記事では、対応の概要、作れる成果物、利用条件、ページ制約、作成・更新・共有の手順、組織での安全な運用、そして従来のArtifactsやOpenAIのCodex Sitesとの違いまでを、公式ドキュメントの記載に沿って整理します。

まとめ：Claude Codeアーティファクト対応の要点と導入可否の判断軸

結論として、Claude Codeのアーティファクトは「コーディングセッションの作業を、組織内の固定URLで共有・自動更新できるライブWebページ」です。PRのウォークスルーや調査タイムライン、ダッシュボードを、セッションのコードベースや接続ツール、会話の文脈からそのまま生成します。導入の可否は、まず利用条件で決まります。TeamまたはEnterpriseプランで、Anthropic APIに/loginでサインインしたClaude Code CLIかデスクトップアプリのセッションが前提で、Amazon BedrockやGoogle Vertex AI経由では使えません。

用途を見極める軸はシンプルです。ターミナルのテキストよりも、見て触れたほうが伝わる作業に向きます。逆に、フォーム入力の保存や外部API呼び出しを伴う本番ツールには向きません。1ページ16MiBまでの静的ページで、外部リクエストを遮断するCSPの下で動くためです。機密データの取り扱いや社外への公開が必要な場面も、設計上の前提から外れます。

セキュリティ面では、既定で作成者のみ閲覧、共有しても組織内に限定され、監査ログとCompliance APIで統制できます。情報システム部門の観点では、ここが従来のチャット版アーティファクトより評価しやすい点です。以降の章で、各論点を公式ドキュメントの記載に沿って具体的に整理します。

Claude Codeのアーティファクト対応の概要と2026年6月発表の位置づけ

2026年6月18日に発表されたClaude Codeアーティファクト対応の要点

Anthropicがこの機能を発表したのは2026年6月18日です。Claude Codeが、セッション中の作業進捗をアーティファクトとして取り込み、claude.ai上のプライベートURLに公開できるようになりました。公開されたページはセッションの進行に合わせてその場で更新され、URLは固定されたまま内容だけが差し替わります。提供形態はベータで、対象はTeamプランとEnterpriseプランに加入する組織です。Claude Code CLIとデスクトップアプリの両方から利用でき、できあがったページはブラウザで開けます。Claude Codeはコード生成AIを使った開発を支援するエージェントで、コード生成AI全般の利点と注意点はコード生成AIのメリットとデメリットで整理しています。

コーディングセッションを共有可能なライブWebページに変換する仕組み

アーティファクトの中身は、Claude Codeが行っている作業をリアルタイムに書き出したWebページです。インシデント調査からサービスのリファクタリング、数カ月分のデータ分析まで、セッションの内容は幅広いものになります。当事者は状況を把握していても、他のメンバーには進捗が見えにくい。この見えにくさを、共有できる1枚のページに変換して解消します。たとえば進捗のチェックリストを自動生成し、タスクの完了に合わせて項目が埋まっていく、といった更新が可能です。

Claudeチャットのアーティファクトとの生成元・共有範囲の違いの概要

同じ名前でも、Claudeチャットのアーティファクトとは別の機能です。チャット版は会話の横に成果物を表示し、個人向けのプランでも使えます。Claude Code版は、コーディングセッションから生成し、組織内に共有することを前提とします。生成元はターミナルやデスクトップアプリのセッション、公開先はclaude.ai上の組織内URLです。詳しい比較は後半の章で表にまとめます。

アーティファクトで生成できる成果物とロール別の具体的な利用場面

PRウォークスルー・ダッシュボード・調査タイムラインなど作れる成果物

公式ドキュメントが挙げる代表的な成果物は、注釈付きdiffを添えたPRのウォークスルー、セッションのデータから作るダッシュボード、長いタスクの進行に合わせて埋まる調査タイムラインです。ほかにも、実装案を横並びで比較するページや、スライダーやトグルで値を試せるインタラクティブなページも作れます。HTMLとCSS、インラインのJavaScriptで表現できるものは、おおむね対象に入ります。コードレビューの文脈では、Claude CodeのCode Review機能と組み合わせ、レビュー観点を1ページにまとめる使い方が考えられます。

ロール別の使いどころとターミナルのテキストより適する作業の見極め

ロールごとの使いどころは公式ドキュメントに例があります。SREやオンコール担当はインシデントページを育て、そのままポストモーテムにできます。エンジニアリングマネージャーは、マージされたPRから「今週何が出荷されたか」のページを作れます。スタッフエンジニアは、実際のimportグラフから引いたサービスの構成図を共有できます。判断軸は1つです。ターミナルのテキストを1行ずつ読むより、見て触れたほうが速い出力かどうか。これに当てはまるならアーティファクト、当てはまらないなら通常のテキスト出力で十分です。

アーティファクトの利用条件とTeam/Enterpriseでの有効化手順

アーティファクトを利用できる5つの条件の全体像

アーティファクトは、次の5つの条件をすべて満たしたときだけ公開できます。1つでも欠けると、Claude Codeはローカルにファイルを書き出すか、公開できないと応答します。

この5条件は、裏を返せば「個人プランのAPIキー運用」や「Bedrock経由の利用」では使えないということです。導入前に、自社がどのプロバイダでClaude Codeを動かしているかを確認しておくと、あとで「公開できない」と気づく手戻りを防げます。

Team（既定オン）とEnterprise（管理者設定）での有効化手順の違い

Teamプランでは、アーティファクトは既定で有効です。サインインしたセッションであれば、追加設定なしで公開できます。Enterpriseプランの場合は、管理者がclaude.aiの管理設定から有効化する必要があります。設定場所は「Settings＞Claude Code＞Capabilities」のArtifactsトグルです。Enterpriseのロールベースアクセス制御を使うなら、「Settings＞Roles」で対象ロールのArtifacts権限を個別に付与できます。サインインは、セッションで/loginを実行します。デスクトップアプリで使う場合はバージョンv1.13576.0以降が条件で、アプリ自体の位置づけはClaude Desktopの特徴で解説しています。

Bedrock・Vertex AIやZDR環境など公開できない代表的なケース

公開できない代表的なケースを具体的に挙げます。Amazon Bedrock、Google Cloud Vertex AI、Microsoft Foundry経由のセッションは対象外です。組織でCMEK（顧客管理の暗号鍵）、HIPAA、Zero Data Retentionのいずれかを有効にしている場合も公開できません。Agent SDK、GitHub Action、MCPサーバーのコンテキストでは既定でオフ、環境変数CLAUDE_CODE_DISABLE_NONESSENTIAL_TRAFFICを設定している場合もオフです。これらに該当する組織では、機能を待つより、対象プロバイダや認証方式の変更が必要かを先に検討すべきです。

セッション文脈からの生成の仕組みと16MiB上限などのページ制約

コードベース・接続ツール・会話からページを構築する仕組み

アーティファクトの強みは、セッションが参照できる情報すべてからページを組み立てる点にあります。ローカルのコードベース、MCPで接続したツールが引くデータ、そして会話そのものが材料です。たとえば1枚のインシデントページに、コード上の失敗したテストとその原因関数、接続した監視ツールのエラー急増、直前のセッションの原因分析を1つにまとめられます。外部データ連携やインフラ構築は要りません。接続ツールの連携例としては、Claude CodeとSerena MCPの連携のようにMCP経由でコード情報を渡す構成が挙げられます。

16MiB上限・CSP・バックエンドなしなどのページ制約とトークンコスト

便利な一方で、ページには明確な制約があります。設計思想は「アーティファクトは作業のキャプチャであって、アプリケーションではない」という一文に集約されます。

トークンの観点も実務では効きます。スタイル付きのページは、同じ内容をターミナルのテキストで返すよりも出力トークンを多く消費します。とくにデータURIで埋め込む画像が重い。図はSVGやHTML＋CSSで描く、不要なインタラクションは省く、大きなデータは要約してから載せる、といった工夫でコストを抑えられます。

アーティファクトの作成・更新・共有を行う具体的な操作手順

作成からURL公開までの操作手順

作成の流れは、セッション内で完結します。

1. 作りたい成果物を自然な言葉で指示する（例：このPRを注釈付きdiffで解説するページにして）
2. ClaudeがHTMLまたはMarkdownファイルをプロジェクトに書き出す
3. 公開前に「○○をclaude.aiのプライベートページに公開してよいか」と許可を求められるので承認する
4. URLが表示され、ブラウザでページが開く

一度承認した成果物の再公開では、許可を再度求められません。ページのタイトルとタブのアイコン（絵文字）はClaudeが自動で選びますが、指定もできます。

同一URLへの再公開によるバージョン管理と別セッションからの更新

更新は同じURLへの再公開で行います。ページを開いている全員に、その場で最新版が反映されます。公開のたびにバージョンが作られ、ページ上部のShareコントロールで閲覧者に見せるバージョンを選べます。別のセッションから更新したいときは、対象のURLをClaudeに渡して修正を依頼します。URLを渡さなければ、新しいアーティファクトとして作り直されます。直近のページはターミナルでCtrl+]から開き直せ、公開時にブラウザを自動で開かせたくない場合はCLAUDE_CODE_ARTIFACT_AUTO_OPEN=0を設定します。

組織メンバーへの共有範囲とギャラリーからの管理

新規のアーティファクトは、まず作成者だけが見られます。共有するには、ページ上部のShareコントロールで組織内の特定の人、または全員にアクセスを与えます。ヘッダーには作成者名が表示され、共有相手は誰が公開したページかを確認できます。作成したページは、claude.ai上のギャラリー（claude.ai/code/artifacts）から一覧・管理できます。共有は組織の外には及びません。社外の人に中身を渡したい場合は、ClaudeにHTMLファイルを出力させ、そのファイルを直接共有します。

組織で安全に運用するためのアクセス制御・監査ログ・保持ポリシー

組織内限定の公開範囲とロール単位のアクセス制御

セキュリティ設計の起点は「既定で非公開」です。作成者のみが見られる状態から始まり、共有しても組織内に限定され、インターネットへの公開はできません。閲覧者は、公開した組織と同じ組織のメンバーとしてclaude.aiにサインインしている必要があります。Enterpriseプランでは、ロールベースアクセス制御でアーティファクト権限をロール単位に絞れます。情報システム部門が利用範囲をコントロールしたい場合、この粒度が判断材料になります。

監査ログ・Compliance API・保持ポリシーによる管理と統制

運用統制の手段は3つあります。1つ目は監査ログで、公開・共有・削除がそれぞれclaude_artifact_*のイベントタイプで記録されます。2つ目はCompliance APIで、組織のアーティファクト一覧の取得、特定バージョンの内容取得、削除をAPIから行えます。3つ目は保持ポリシーで、「Settings＞Data & privacy controls」から、作成者のみの非公開ページと共有済みページに別々の自動削除期間を設定できます。社外との通信を制限している組織は、ビューア用ドメイン*.claudeusercontent.comをclaude.aiと合わせて許可リストに追加する必要があります。

チャットのArtifactsやCodex Sitesとの違いと採用を避けるべき場面

チャットのArtifactsやCodex Sitesなど類似機能との比較

混同しやすい類似機能との違いを整理します。

表のとおり、Claude Code版を選ぶ理由は「コーディングセッションの文脈を、組織内で安全に共有する」ことに尽きます。チャット版や他社ツールと役割が重なって見えても、生成元と共有範囲が異なります。ツール選定ではCursor Proのような他のAI開発支援ツールも候補に入りますが、セッションの作業共有という用途では位置づけが違います。

本番運用ツール化や外部公開など採用を避けるべき場面

採用を避けるべき場面を、条件付きで明確にしておきます。第一に、フォーム入力を保存したり、表示時にAPIを叩いたりする本番ツールを作りたい場合。静的ページの制約上、無理に使うべきではありません。バックエンドを持つ内部ツールは、自前のインフラに載せるのが正解です。第二に、社外の取引先や一般公開が前提の成果物。組織外には共有できないため、用途が合いません。第三に、顧客情報や個人情報をそのまま載せる場合。検証段階ではサンプルデータや匿名化データを使い、実データを入れる前に共有範囲を確認すべきです。

本格開発の前段やレビュー共有に向く現実的な使いどころ

向いているのは、本格開発の手前と、レビューや報告の共有です。アイデアを形にして認識を合わせる、長いタスクの進捗をチームに見せる、PRのレビュー観点を1ページにまとめる、といった使い方が現実的です。本番運用に必要な認証・ログ・監査・障害対応は別途設計する前提で、仮説検証と認識合わせの道具として位置づけると過不足がありません。まずはインシデント調査や週次の出荷報告など、テキストでは伝わりにくい作業から試すのが入りやすい入口です。

よくある質問

Claude Codeのアーティファクトについて、検索されやすい疑問に答えます。

Claude CodeのアーティファクトはClaudeチャットのArtifactsと何が違いますか？

生成元と共有範囲が違います。チャットのArtifactsは会話から成果物を作り、Free・Pro・Maxなど個人プランでも使えます。Claude Code版は、コーディングセッションのコードベースや接続ツール、会話の文脈からページを生成し、Team/Enterpriseの組織内で共有する前提です。名前は同じでも、別の機能として扱うのが正確です。

無料プランやProプランでもアーティファクトを使えますか？

Claude Code版は使えません。利用にはTeamプランまたはEnterpriseプランが必要で、Teamは既定で有効、Enterpriseは管理者の有効化が前提です。なお、チャット側のArtifactsはFree・Pro・Max・Team・Enterpriseで利用できます。ここを取り違えると「無料で使えるはず」という誤解につながります。

作成したアーティファクトを社外の人と共有できますか？

できません。共有は公開した組織の内部に限定され、インターネットへの公開はできない設計です。社外に中身を渡す必要がある場合は、ClaudeにHTMLファイルを出力させ、そのファイルを直接共有します。閲覧には、同じ組織のメンバーとしてclaude.aiにサインインしていることが条件です。

Amazon BedrockやGoogle Vertex AI経由のClaude Codeでも使えますか？

使えません。アーティファクトの公開はAnthropic APIのセッションに限られ、Amazon Bedrock、Google Cloud Vertex AI、Microsoft Foundry経由では利用できません。さらに、APIキーやゲートウェイトークン、クラウドプロバイダの認証情報でサインインしたセッションも対象外です。claude.aiに/loginでサインインする方式が前提になります。

アーティファクトが公開できずローカルのHTMLファイルになるのはなぜですか？

利用条件のいずれかを満たしていないサインです。プランがTeam/Enterpriseでない、/loginでサインインしていない、Bedrockなど非対応プロバイダを使っている、CMEK・HIPAA・Zero Data Retentionが有効、デスクトップアプリのバージョンが古い、のいずれかが該当します。Claudeが「公開できない」と応答したり、リンクなしでローカルHTMLを書き出したりしたときは、この5条件を順に確認してください。

関連記事

• SuperClaudeとは｜Claude Codeを強力にする次世代ツール：Claude Code本体を拡張するツールの解説。アーティファクトと併せて開発環境を整える参考に。
• Claude in Chromeとは｜Chrome拡張機能の解説：Claude製品群のうちブラウザ連携の機能。Claude Code以外との使い分けの参考に。
• Claude Code GitHub Actionsとは：Claude CodeをGitHub Actionsで動かす方法。アーティファクトがGitHub Actionコンテキストで既定オフな点と合わせて確認。
• FastMCPとは｜仕組みの解説：アーティファクトがデータを引く接続ツール（MCP）側の基礎知識。