目次
2026年6月18日、Anthropic は Claude Code Artifacts を発表した（ベータ）。これは ターミナルでのコーディングセッションを、チームで共有できる“ライブなWebページ”に変える機能だ。Claude Code が git diff やログを延々とテキストで流す代わりに、注釈付きのPRウォークスルー・自動更新されるダッシュボード・インシデントのタイムラインなどを、1枚のページとして公開してくれる。
本記事では、Artifacts とは何か・2024年の claude.ai Artifacts との違い・使い方・制約・利用条件を、公式ドキュメントに基づいて整理する。先に要点を3つ。① セッションの出力を、claude.ai 上の“非公開URL”を持つ単一ページとして公開し、作業の進行に合わせて中身が更新される。② /artifact のような専用コマンドは無く、自然言語で頼む（「このPRを注釈付きで解説するページを作って」）。③ 対象は Pro / Max / Team / Enterprise プランで、/login でサインインしたセッションでのみ使える（API キー利用では不可）。
セッションを“共有ページ”に変える
— ターミナルの出力を、見て・触れるライブページへ
公開先は claude.ai の非公開URL（共有するまでは自分だけが閲覧できる）。
更新するたびに同じURLの新バージョンになり、開いた人の画面もその場で更新される。
1. Claude Code Artifacts とは
公式ドキュメントの定義はこうだ：「Artifact とは、Claude Code がセッションから claude.ai 上の非公開URLへ公開する、ライブで対話可能なWebページ」。ブラウザで開くと、セッションが進むにつれてその場で内容が更新される。ページは 「セッションが触れられるあらゆるもの——コードベースや、接続したツール（MCP コネクタ）経由で取得したデータ——から構築」される。
ポイントは 「ターミナルのテキストでは伝わりにくい成果を、見て・触れる1枚のページにする」こと。たとえば長い調査タスクの最中に、インシデントのタイムラインが少しずつ埋まっていくページや、チェック項目が作業の完了に合わせて自動でチェックされていくリリースチェックリストを、チームに共有できる。公式は 「チームが“状況共有”に費やす時間を減らし、作るほうに時間を使えるようにする」協働ツールだと位置づけている。Skills や MCP と並ぶ、Claude Code の新しい出力手段だと考えるとよい。
2. 2024年の「claude.ai Artifacts」との違い
「Artifacts」と聞くと、2024年に claude.ai のチャットに登場した サイドパネル（キャンバス）の Artifacts を思い浮かべる人も多いだろう。名前と系譜は共通だが、今回の Claude Code Artifacts は別の“面”だ。混同しやすいので整理しておく（※この対比は本記事による整理で、Anthropic が公式に並べて比較しているわけではない）。
| claude.ai Artifacts（2024） | Claude Code Artifacts（2026） | |
|---|---|---|
| どこに出る | claude.ai チャット横のキャンバス | ターミナルのコーディングセッション由来の独立ページ |
| 内容の元 | チャットの会話 | セッション全体（コードベース・コネクタ） |
| 閲覧者向けの自動更新 | なし（チャットで作り直す） | あり（公開すると開いた画面もその場で更新） |
| 共有範囲 | 公開も可能 | 既定は自分だけ、組織内共有や公開リンクも可（Team / Enterprise の公開リンクは Owner の許可制） |
一言でいえば、2024年版は「チャットの中に成果物を描く」、2026年の Claude Code 版は「ターミナルのコーディングセッションを、自己更新する共有Webページに変える」。名前は同じでも、使う場面と共有のされ方が違うと覚えておけばよい。
3. 何に使えるのか
公式が挙げる用途は、まさに「テキストで読むより、ページで見たほうが速い」ものばかりだ。
テキストより“ページ”が効く場面
共通する判断軸：「行ごとに読むより、見て・触れたほうが速い成果物か？」
4. 使い方
最大の特徴は 「/artifact のような専用コマンドが無い」こと。自然言語で頼むか、出力がページ向きだと Claude が自分で提案してくる。流れはこうだ。
# 1) セッション中に自然言語で依頼（例）
このPRを、差分をインライン注釈付きで解説する artifact にして
先週のデプロイ失敗をサービス別にまとめたダッシュボードの artifact を作り、調査しながら更新して
# 2) Claude が .html（または .htm / .md）を書き出して公開する（場所を指定しなければプロジェクト外の一時フォルダ）
# プランモード中や、コネクタ呼び出しなどの機能を宣言する公開では、先に許可を求められる
# 3) URL が表示され、ブラウザで開く。直近の artifact は Ctrl+] で再表示
# 自動で開かないようにするには CLAUDE_CODE_ARTIFACT_AUTO_OPEN=0更新は、「ここを直して」と頼むだけ。Claude がファイルを編集して 同じURLに再公開し、各公開が新しいバージョンになる（ページ上部の Share で、閲覧者に見せる版を選べる）。別のセッションから更新したいときは、その artifact のURLを貼る（貼らないと新しい artifact が作られる）。新規の artifact は最初はあなたにしか見えない。共有はページ上部の Share から行い、Team / Enterprise では特定の人や組織全体に許可できる。公開リンクにすれば claude.ai にサインインしていない人も開ける（Team / Enterprise では Owner が外部共有を有効にした場合のみ）。共有相手は既定で閲覧者だが、Team / Enterprise では編集者にもできる。全 artifact は claude.ai/code/artifacts のギャラリーで一覧できる。
5. 制約——「アプリ」ではない
公式ドキュメントは 「Artifact は“作業のキャプチャ”であって、アプリケーションではない」と明言している。ここを誤解すると期待外れになるので、制約を押さえておこう。
主な制約（公式）
・バックエンドが無い：単一の静的ページで、閲覧者の認証や複数ルートはできない（ページ内アンカーのみ）。閲覧時に新しいデータを取るには、claude.ai 経由の MCP コネクタ呼び出しを使う。
・外部リクエストは限定的：厳格な CSP により、読み込めるのは Google Fonts のフォントと5つの公開CDN（cdnjs・unpkg・jsDelivr など）のスクリプトだけ。それ以外の外部スクリプト/CSS/フォント/画像はブロックされ、fetch・XHR・WebSocket はページ自身のオリジンと Google Fonts にしか届かない。それ以外の CSS/JS はインライン化、画像は data URI で埋め込む。
・ファイル種別とサイズ：.html / .htm / .md のみ。レンダリング後 16 MiB 以下（巨大画像が公開失敗の主因）。
・トークン消費：インラインCSS/JSやdata URI画像のぶん、ターミナルのテキスト出力よりトークンを多く消費する。
つまり Artifacts は 「動くアプリを作る機能」ではなく、「セッションの成果を、見やすく共有できる1枚に固める機能」だ。外部と通信する本格的なツールが欲しいなら、別途デプロイする通常の開発に進む。組織の外に見せたいときは、公開リンクで共有する（Team / Enterprise では Owner が外部共有を有効にしている場合）か、Claude に生のHTMLファイルを出してもらう。
6. 利用条件と管理
2026年10月4日時点の利用条件は次のとおり（最新は公式で確認を）。
| 項目 | 内容 |
|---|---|
| プラン | Pro / Max / Team / Enterprise。Team / Enterprise は既定でオンで、Owner が組織単位でオフにできる。 |
| 状態 | 2026年6月18日にベータとして発表（当初は Team / Enterprise のみ）。 |
| 使える場所 | Claude Code CLI、または Claude デスクトップアプリ（v1.13576.0 以降）。Agent SDK / GitHub Action / MCPサーバ文脈では既定オフ。 |
| 認証 | /login で claude.ai にサインイン必須。API キー・ゲートウェイトークン・クラウド資格情報では公開不可。 |
| モデル提供元 | Anthropic API のみ（Amazon Bedrock / Google Vertex / Microsoft Foundry は非対応）。 |
| 組織ポリシー | CMEK・HIPAA・ゼロデータ保持（ZDR）が有効な組織では無効。 |
管理面では、組織レベルのオン/オフ、ロールベースのスコープ（Enterprise RBAC）、保持ポリシー、監査ログ（claude_artifact_*）、コンプライアンスAPIが用意されている。ユーザー側で無効化したい場合は、設定の "enableArtifact": false、環境変数 CLAUDE_CODE_DISABLE_ARTIFACT=1、または Artifact 権限の拒否で止められる。なお認証で詰まったら 認証・ログインエラーの対処を参照。
まとめ
Claude Code Artifacts（2026年6月18日発表）は、ターミナルのコーディングセッションを、claude.ai の非公開URLを持つ“ライブな共有ページ”に変える機能だ。PRウォークスルー・ダッシュボード・インシデントタイムライン・チェックリストなど、「テキストで読むより見たほうが速い成果物」を、チームに共有できる。2024年の claude.ai のキャンバス型 Artifacts とは別物で、セッション由来・自己更新・既定は非公開が特徴。/artifact コマンドは無く自然言語で依頼し、Claude が .html を書き出して公開、更新するたび同URLの新バージョンになる。
ただし 「アプリではなく作業のキャプチャ」——バックエンド無し・外部リクエストの制限（CSP）・単一ページ・16 MiB 以下という制約がある。利用は Pro / Max / Team / Enterprise プランで、/login サインインが必須（API キーでは不可）、Anthropic API のみ（Bedrock 等は非対応）。状況共有のコストを下げたいチームには強力な選択肢だ。関連：Claude Agent Skills、MCP、Claude Cowork。
FAQ
Q. 2024年の claude.ai の Artifacts と同じものですか？
A. 別物です。2024年版は claude.ai のチャット横のキャンバスに成果物を描く機能。今回の Claude Code Artifacts は、ターミナルのコーディングセッションを、claude.ai の非公開URLを持つ独立ページに変える機能で、セッション全体（コードベースやコネクタ）から構築・自己更新・既定は非公開という違いがあります。名前と系譜は共通ですが、使う面と共有のされ方が異なります。
Q. どうやって作るのですか？専用コマンドはありますか？
A. /artifact のような専用コマンドはありません。セッション中に自然言語で「〜の artifact を作って」と頼むか、出力がページ向きのとき Claude が自分で提案します。Claude が .html（または .htm / .md）を書き出して公開し、URLが表示されます（プランモード中や、コネクタ呼び出しなどの機能を宣言する公開では先に許可を求めます）。直近の artifact は Ctrl+] で再表示できます。
Q. 作ったページは誰でも見られますか？公開できますか？
A. 新規の artifact は最初はあなたにしか見えません。ページ上部の Share から、Team / Enterprise では特定の人や組織全体に共有できます。公開リンクにすれば、claude.ai にサインインしていない人も開けます（Team / Enterprise では Owner が外部共有を有効にした場合のみ）。共有相手は既定で閲覧者ですが、Team / Enterprise では編集者にもできます。
Q. 動くWebアプリを作れますか？
A. 作れません。Artifact は公式に「作業のキャプチャ」とされ、バックエンド無し・外部リクエストの制限（CSP で fetch/XHR/WebSocket はページ自身のオリジンなどに限られる）・単一ページ・16 MiB 以下という制約があります。任意のAPI呼び出しやデータ保存が要るなら、通常の開発でデプロイしてください。Artifacts は「成果を見やすく共有する」用途に特化しています。
Q. 自分のプランで使えますか？
A. 2026年10月4日時点では Pro / Max / Team / Enterprise の各プランで使えます。Team / Enterprise は既定でオンで、Owner が組織単位でオフにできます。/login で claude.ai にサインインしたセッションが必要で、API キー・クラウド資格情報では公開できません。提供元は Anthropic API のみ（Bedrock/Vertex/Foundry は非対応）。範囲は変わりうるので最新は公式で確認してください。
