Claude Code ArtifactsがMCPコネクタに対応——静的プレビューから「ライブアプリ」へ
2026年7月15日、Anthropicの公式Xアカウント（@ClaudeDevs）が、Claude Code ArtifactsのMCPコネクタ対応を正式にアナウンスしました。日本語での発信がまだ少ない内容なので、裏取りした情報をもとにまとめます。
そもそもArtifactsとは？
Artifactsは、Claudeとの会話の中でHTML・React・SVGなどを生成し、リアルタイムでプレビューできる機能です。ダッシュボード、ゲーム、フォーム、インタラクティブなツールなど、コーディング不要でウェブアプリを作れます。
claude.aiのArtifacts（チャット内で動作するもの）については、2025年10月21日にすでにMCP対応済みでした（Anthropic公式ブログに記載あり）。
今回の発表は、Claude Code（CLIツール）のArtifactsへの追加対応です。
今回のアップデートの内容
MCPコネクタをArtifacts内から呼び出せる
MCP（Model Context Protocol）は、外部サービスとClaudeをつなぐための標準プロトコルです。これまではClaude本体がMCPを使ってデータを取得していましたが、今回のアップデートでArtifactsを開いたユーザー自身が、自分の認証・権限でリアルタイムデータを取得できるようになりました。
Anthropic公式アカウントの発表文をそのまま紹介すると：
Claude Code artifacts can now call MCP connectors, letting you build dashboards and apps that can fetch information and take actions for each viewer on demand.
つまり、同じArtifactsを開いても、閲覧者ごとに自分専用のデータが表示されるという動作が実現します。
イメージ図
【これまで】
Claude → MCPでデータ取得 → Artifactsに埋め込み → 全員に同じ内容を表示
【今回から】
Artifactsを開く → 閲覧者ごとにMCP呼び出し → 各自の権限でデータ取得 → パーソナライズされた表示
対応プランと制限
利用可能なプラン：Pro / Max / Team / Enterprise
利用不可：公開共有されたArtifacts（非公開・組織内共有に限定）
セキュリティ上の理由から、誰でもアクセスできる公開URLでは外部MCPへの接続はできない設計になっています。
何ができるようになるのか？
Anthropicが公式に言及した接続例はBigQueryですが、MCPコネクタのディレクトリ（2026年7月時点で700件超）を考えると、実用的な用途は多岐にわたります。
ビジネス・チーム向け
BigQuery・Google Sheetsから最新のKPIや売上データを自動取得するダッシュボード
Jira・GitHub・Sentryと連携したプロジェクト状況の可視化
閲覧者の権限に応じて表示データをフィルタリングする社内ツール
開発者向け
デプロイ状況やエラーレートのリアルタイムモニタリング
PRレビューや課題管理をArtifacts上で直接操作
claude.ai ArtifactsとClaude Code Artifactsの違い
混乱しやすいポイントなので整理しておきます。
① claude.ai Artifacts
動作環境：ブラウザのチャット内
MCP対応時期：2025年10月21日〜
主な用途：アイデア出し・プロトタイプ
② Claude Code Artifacts
動作環境：Claude Code（CLIツール）のセッション
MCP対応時期：2026年7月15日〜（今回）
主な用途：コードベースと連動した成果物・チーム共有
Claude Codeは、ローカルのリポジトリや会話履歴をもとに動作するため、より開発フロー寄りの位置づけです。そのArtifactsがMCPに対応したことで、「コードを書く→動くアプリとして共有→閲覧者が自分のデータで動かす」という流れが、Claude Code単体で完結するようになります。
まとめ
Claude Code ArtifactsのMCPコネクタ対応は2026年7月15日に公式アナウンス
閲覧者ごとにリアルタイムデータを取得できる「パーソナライズドダッシュボード」が実現
Pro / Max / Team / Enterprise 限定、公開共有Artifactsでは使用不可
Anthropicの認証済みMCPコネクタは700件超（2026年7月時点）
Artifactsはもはや「Claudeが生成した静的なプレビュー」ではなく、外部サービスと接続できる軽量なライブアプリ基盤に進化しています。Claude Codeユーザーは要チェックのアップデートです。
情報の確認：Anthropic公式ブログ（claude.com/blog/build-artifacts）、@ClaudeDevs（2026年7月15日投稿）
