Claude Code Artifactsとは？セッションを共有Webページにする使い方・対応プラン
ターミナルの作業を、チームが見られる「自動更新のWebページ」に変える新機能。PRウォークスルーやダッシュボードを、頼むだけで生成できます。
2026年6月18日、AnthropicはClaude CodeにArtifacts（アーティファクト）を追加しました。これは、Claude Codeのコーディングセッションをライブ更新される共有可能なWebページに変換する機能です。PRの解説ページやダッシュボード、リリースチェックリストなどを「作って」と頼むだけで生成でき、作業の進行に合わせて中身が自動で更新されます。この記事では、Claude Code Artifactsの特徴・使い方・ユースケース・対応プラン・制限を、2026年6月時点の情報で解説します。
先に要点（3行まとめ）
- Claude Codeの作業を共有できるWebページにする機能。2026年6月18日にβ提供開始
- セッションで「アーティファクトにして」と頼むだけ。公開のたびに同じリンクで自動更新＆バージョン管理
- 対応はTeam・Enterpriseプランのみ。組織内限定で共有され、一般公開はできない
Claude Code Artifactsとは？何が新しいのか
Artifactsは、Claude Codeのセッション内容をブラウザで開ける1枚のWebページに変換する機能です。ページは、そのセッションの全文脈——コード、接続したツール、チャット履歴——から生成されます。これまでターミナル内で完結して消えていた作業を、チームで共有できる“残る記録”にできるのが新しい点です。
claude.aiの「Artifacts」とは別物です。claude.ai（チャット）のArtifactsは、会話の横に出る対話的なプレビューパネルでした。今回のClaude Code Artifactsは、コーディングセッションを組織内で共有できるライブWebページにするもので、チーム共有・自動更新・組織内限定という点が大きく異なります。
狙いは「状況共有のコミュニケーションを減らす」ことにあります。進捗や設計をSlackやドキュメントで逐一説明する代わりに、ページのリンクを1本渡せば、相手はブラウザで最新状態を見られます。Claude Codeの並列運用やセッション管理の基本は Claude Codeの便利な使い方まとめ も参考にしてください。
主な特徴（ライブ更新・バージョン履歴・組織内共有）
1ライブ更新（同じリンクのまま中身が変わる）
Claude Codeが変更を公開すると、新しいページを作るのではなく既存のページがその場で更新されます。作業が進むにつれてダッシュボードやチェックリストが自動で埋まっていくイメージです。共有相手は同じURLを開き直すだけで最新状態を見られます。
2バージョン履歴と復元
公開のたびに同じリンクのまま新しいバージョンが作られ、履歴として残ります。変更を追跡でき、過去のバージョンへいつでも復元可能です。
3ギャラリーで一括管理
作成したアーティファクトはギャラリーから一覧・管理できます。どんなページを作ったかを後から見渡せます。
4組織内限定の共有
各アーティファクトは既定で作者本人のみ。共有しても組織の認証メンバーだけが閲覧でき、一般公開（公開URL化）はできません。管理者がロール単位でアクセスを制御します。
使い方｜セッションで「アーティファクトにして」と頼むだけ
特別なコマンドは不要です。Claude CodeのCLIまたはデスクトップアプリでセッションを開き、「アーティファクトにして」「ビジュアルで見せて」と頼むだけで生成されます。たとえば次のように指示します。
> このPRのウォークスルーをアーティファクトで作って。差分・その理由・テストした内容をまとめて
> サードパーティの依存ライブラリとそのライセンスを一覧にしたアーティファクトを作って
生成されたページはブラウザで開けます。あとはセッションで作業を続ければ、ページが自動で更新されていきます。「コマンドを覚える」より「やってほしいことを言葉で頼む」スタイルです。
主なユースケース
Anthropicが挙げる用途は、エンジニアリングに限らず幅広いのが特徴です。
| ユースケース | 内容 |
|---|---|
| PRウォークスルー | 差分・変更理由・テスト内容をまとめたレビュー用ページ |
| ダッシュボード | フィルタや並び替えができる、状況を可視化したページ |
| リリースチェックリスト | 作業の進行に合わせて自動で項目が埋まっていくチェックリスト |
| インシデント／ポストモーテム | 障害対応の経緯や原因をまとめた共有ページ |
| システム／アーキテクチャ解説 | 構成や処理の流れを図解した説明ページ |
| 依存・ライセンス監査、コストマップ | 依存ライブラリのライセンス一覧、クラウド費用の可視化など |
セキュリティの指摘をコード行に紐づけて見せる、といった使い方もできます。複数AIを連携させる Claude Code Agentsの使い方 と組み合わせると、調査から共有ページ化までを一気通貫で回せます。
発想としては、GitHub Copilot Appの「Canvases（人とAIが共同編集する作業面）」と近い方向性です。各社が「エージェントの作業を、人が見て介入できる形で可視化する」方向に進んでいます。比較は GitHub Copilot Appの解説 もどうぞ。
使えるプランと有効化方法
ArtifactsはClaude Team・Enterpriseプラン限定のβ機能です。Free・Proなどの個人プランでは使えません。
| プラン | 利用可否 | 有効化 |
|---|---|---|
| Free / Pro / Max（個人） | ×（非対応） | — |
| Team | ○ | 既定でオン |
| Enterprise | ○ | 管理者が組織の管理設定で有効化 |
つまりArtifactsを使うには、組織向けプランの契約が前提です。Team・Enterpriseと個人プランの違いは Claudeのプラン比較｜個人とTeam・Enterpriseの違いと選び方 で詳しく解説しています。
ArtifactsはβのためQ3（7〜9月）にかけて権限・パフォーマンス・バージョニングが調整される見込みです。仕様や提供条件は変わる可能性があるため、導入前に公式の最新情報を確認してください。
技術的な制限と注意点
Artifactsのページは「組織内で安全に共有する自己完結型のHTML」という性格上、いくつかの制限があります。
- 閲覧時に外部APIを呼び出せない
- フォーム送信の受け付け・保存ができない
- 外部のスクリプトやスタイルを読み込めない
- 複数ルート（複数ページ構成）を持てない（単一ページ）
これらは「動的なWebアプリ」ではなく「共有・閲覧用のページ」という用途に絞った仕様です。インタラクティブな業務システムを作る用途には向きませんが、進捗共有・レビュー・ドキュメント化には十分です。
よくある質問（FAQ）
Q. 個人のProプランでArtifactsは使えますか？
A. いいえ。Artifactsは Team・Enterprise プラン限定です。個人プラン（Free/Pro/Max）では利用できません。
Q. 作ったページを社外の人に公開できますか？
A. できません。閲覧できるのは組織の認証メンバーのみで、一般公開（公開URL化）には対応していません。
Q. claude.aiのArtifactsと同じものですか？
A. 別物です。claude.aiのArtifactsはチャット横の対話パネル。Claude Code Artifactsは、コーディングセッションを組織内で共有できるライブWebページにする機能です。
Q. ページはどうやって更新されますか？
A. Claude Codeが変更を公開するたびに、同じリンクのままページがその場で更新されます。各更新はバージョンとして残り、過去版へ復元もできます。
まとめ
Claude Code Artifactsは、ターミナルの作業をチームで共有できる自動更新のWebページに変える機能です。「アーティファクトにして」と頼むだけでPRウォークスルーやダッシュボード、チェックリストを生成でき、状況共有のコミュニケーションを大きく減らせます。対応はTeam・Enterprise限定のβで、組織内限定共有・外部API不可などの制限がある点に注意。チーム開発でClaudeを使うなら、押さえておきたいアップデートです。
