Claude Code Artifactsの使い方を解説

コードセッションが共有Webページのダッシュボードへ変換され組織内で共有されるイラスト
2026年6月最新

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日にβ提供開始
  • セッションで「アーティファクトにして」と頼むだけ。公開のたびに同じリンクで自動更新&バージョン管理
  • 【2026年10月20日 更新】公式ドキュメントでは、Pro・Max・Team・Enterpriseプランが対象で、非公開・組織との共有・公開リンクを選べると説明されています(記事の公開時は「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共有範囲(非公開・組織内・公開リンク)

各アーティファクトは、既定で作者本人だけが見られる非公開のページです。公式ドキュメントによると、非公開のまま使う、組織と共有する、公開リンクを作る、のいずれかを選べます(2026年10月20日確認。公開時は「組織内のみ」と説明していました)。Team・Enterpriseでは、管理者が組織全体で無効にできます。

使い方|セッションで「アーティファクトにして」と頼むだけ

特別なコマンドは不要です。Claude CodeのCLIまたはデスクトップアプリでセッションを開き、「アーティファクトにして」「ビジュアルで見せて」と頼むだけで生成されます。たとえば次のように指示します。

> このPRのウォークスルーをアーティファクトで作って。差分・その理由・テストした内容をまとめて

> サードパーティの依存ライブラリとそのライセンスを一覧にしたアーティファクトを作って

生成されたページはブラウザで開けます。あとはセッションで作業を続ければ、ページが自動で更新されていきます。「コマンドを覚える」より「やってほしいことを言葉で頼む」スタイルです。

主なユースケース

Anthropicが挙げる用途は、エンジニアリングに限らず幅広いのが特徴です。

ユースケース 内容
PRウォークスルー 差分・変更理由・テスト内容をまとめたレビュー用ページ
ダッシュボード フィルタや並び替えができる、状況を可視化したページ
リリースチェックリスト 作業の進行に合わせて自動で項目が埋まっていくチェックリスト
インシデント/ポストモーテム 障害対応の経緯や原因をまとめた共有ページ
システム/アーキテクチャ解説 構成や処理の流れを図解した説明ページ
依存・ライセンス監査、コストマップ 依存ライブラリのライセンス一覧、クラウド費用の可視化など

セキュリティの指摘をコード行に紐づけて見せる、といった使い方もできます。複数AIを連携させる Claude Code Agentsの使い方 と組み合わせると、調査から共有ページ化までを一気通貫で回せます。

発想としては、GitHub Copilot Appの「Canvases(人とAIが共同編集する作業面)」と近い方向性です。各社が「エージェントの作業を、人が見て介入できる形で可視化する」方向に進んでいます。比較は GitHub Copilot Appの解説 もどうぞ。

使えるプランと有効化方法

【2026年10月20日 更新】公式ドキュメントでは、ArtifactsはPro・Max・Team・Enterpriseプランで使えると説明されています(記事の公開時は、Team・Enterprise限定のβでした)。Free プランは、公式ドキュメントに記載がありません。以下の表は、公開時(6月)の内容です。

プラン 利用可否 有効化
Free / Pro / Max(個人) ×(非対応) —
Team ○ 既定でオン
Enterprise ○ 管理者が組織の管理設定で有効化

以下は公開時の説明です。現在は、Pro・Maxでも使えます。Team・Enterpriseと個人プランの違いは Claudeのプラン比較|個人とTeam・Enterpriseの違いと選び方 で詳しく解説しています。

ArtifactsはβのためQ3(7〜9月)にかけて権限・パフォーマンス・バージョニングが調整される見込みです。仕様や提供条件は変わる可能性があるため、導入前に公式の最新情報を確認してください。

技術的な制限と注意点

Artifactsのページは「組織内で安全に共有する自己完結型のHTML」という性格上、いくつかの制限があります。

  • 閲覧時に外部APIを呼び出せない
  • フォーム送信の受け付け・保存ができない
  • 外部のスクリプトやスタイルを読み込めない
  • 複数ルート(複数ページ構成)を持てない(単一ページ)

これらは「動的なWebアプリ」ではなく「共有・閲覧用のページ」という用途に絞った仕様です。インタラクティブな業務システムを作る用途には向きませんが、進捗共有・レビュー・ドキュメント化には十分です。

よくある質問(FAQ)

Q. 個人のProプランでArtifactsは使えますか?

A. 現在は使えます。公式ドキュメントでは、Pro・Max・Team・Enterpriseが対象です(2026年10月20日確認)。記事の公開時(6月)はTeam・Enterprise限定でした。使うには、/login でclaude.aiのアカウントにサインインしている必要があります。

Q. 作ったページを社外の人に公開できますか?

A. 公式ドキュメントには、組織との共有のほか、公開リンクを作る方法も説明されています(2026年10月20日確認)。社外に出す前に、内容に機密情報が含まれていないか確認してください。

Q. claude.aiのArtifactsと同じものですか?

A. 別物です。claude.aiのArtifactsはチャット横の対話パネル。Claude Code Artifactsは、コーディングセッションを組織内で共有できるライブWebページにする機能です。

Q. ページはどうやって更新されますか?

A. Claude Codeが変更を公開するたびに、同じリンクのままページがその場で更新されます。各更新はバージョンとして残り、過去版へ復元もできます。

まとめ

Claude Code Artifactsは、ターミナルの作業をチームで共有できる自動更新のWebページに変える機能です。「アーティファクトにして」と頼むだけでPRウォークスルーやダッシュボード、チェックリストを生成でき、状況共有のコミュニケーションを大きく減らせます。対応プランは、公開時はTeam・Enterprise限定でしたが、現在はPro・Maxも対象です(共有範囲も、組織内のほか公開リンクを選べます)。外部API不可などの制限がある点に注意。チーム開発でClaudeを使うなら、押さえておきたいアップデートです。

出典・参考資料(2026年10月20日に確認)

本文の対応プランと共有範囲は、公式ドキュメントの現在の記載に合わせて訂正しました(2026年10月20日)。公式ドキュメントには、「Bedrock・Google Cloud・Microsoft Foundryでは使えない」「APIキーのセッションでは公開できない」という利用条件もあります。「閲覧時に外部APIを呼べない」「複数ページ不可」などの技術的な制限は、公式ドキュメントでも「バックエンドのない1枚の自己完結ページ」とされていますが、各制限の細部は今回の照合の対象外です。

タイトルとURLをコピーしました