「え、チャット画面の中でアプリが動くの？」

はい、動きます。しかも3日前に発表されたばかりの激アツ機能です。

2026年1月26日、Anthropicが発表したMCP Appsにより、Claudeのチャットウィンドウ内でサードパーティアプリのUIが直接表示・操作できるようになりました。

これ、地味に見えてAIの歴史が変わるレベルの発表です。

結論から言うと

MCP Appsにより、AIは「テキストを返すだけの存在」から「UIを持つアプリケーションプラットフォーム」へ進化しました。

今までのAI：「この表を作りました」→ テキストで返答
これからのAI：「この表を作りました」→ インタラクティブなダッシュボードが表示される

MCP Appsとは何か？

Before: 従来のMCP

Model Context Protocol (MCP) は、AIが外部ツールやAPIと連携するための「USB-C的な」標準規格として2024年末にAnthropicが発表しました。

ユーザー → Claude → MCP Server → 外部API
                  ← テキスト結果 ←

データは取れる。でも返ってくるのはテキストだけ。

After: MCP Apps

ユーザー → Claude → MCP Server → 外部API
                  ← インタラクティブUI ←

チャート、フォーム、ダッシュボード、ゲームまでがチャット内で動く。

何がすごいのか？5つのポイント

1. もう別タブを開かなくていい

Slackの通知確認→Slackアプリへ
Figmaのデザイン確認→Figmaへ
スプレッドシートの編集→Google Sheetsへ

この「コンテキストスイッチ地獄」から解放されます。

全部Claudeの画面内で完結。

2. ローンチパートナーがガチ

初日から使えるアプリ：

Figma - デザインレビューがチャット内で
Slack - メッセージ確認・返信がその場で
Asana - タスク管理をAIと一緒に
Canva - 画像編集までチャット内で
monday.com - プロジェクト管理
Amplitude - 分析ダッシュボード
Box - ファイル管理
Hex - データ分析

3. OpenAIも追従を発表

MCP Appsは、実はOpenAIのApps SDKとの共同開発。ChatGPTも今週中にサポート予定。

これ、競合同士が手を組んだってことです。それくらい業界標準になると確信されている。

4. VS Codeでも使える

GitHub Copilotを使っている人朗報。VS Code内でもMCP Apps対応が発表されています。

コーディング中に「このAPIのドキュメント見せて」→ その場でインタラクティブなドキュメントが表示

5. セキュリティもちゃんと考えられている

「外部コードがチャット内で動くって危なくない？」

Anthropicの回答：

サンドボックス化されたiframeで実行
事前宣言されたテンプレートのみ許可
すべての通信はJSON-RPCでログ取得可能
ツール呼び出しには明示的なユーザー同意が必要

実際に何ができるのか？

ユースケース1: データ分析

Before:

ユーザー: 先月の売上データを分析して
Claude: 以下が分析結果です...（長いテキスト）

After:

ユーザー: 先月の売上データを分析して
Claude: [インタラクティブなダッシュボードが表示]
        ↑ フィルター変更、ドリルダウン、エクスポートがその場で可能

ユースケース2: デザインレビュー

Before:

ユーザー: このFigmaファイルレビューして
Claude: リンクを開いて確認しました。問題点は...

After:

ユーザー: このFigmaファイルレビューして
Claude: [Figmaのデザインがチャット内に表示]
        ここの余白が狭すぎますね（画面上で直接ハイライト）

ユースケース3: タスク管理

Before:

ユーザー: 今日のタスクは？
Claude: 以下の5件です: 1. xxx 2. xxx...

After:

ユーザー: 今日のタスクは？
Claude: [Asanaのタスクボードが表示]
        ↑ ドラッグ&ドロップで優先度変更、その場で完了マーク

開発者視点：MCP Appsの作り方

MCP Appsを作るには、既存のMCPサーバーにUIリソースを追加するだけ。

// 従来のMCPツール
server.tool("analyze_data", async (params) => {
  const result = await analyzeData(params);
  return { type: "text", text: JSON.stringify(result) };
});

// MCP Apps対応
server.tool("analyze_data", async (params) => {
  const result = await analyzeData(params);
  return {
    type: "ui",
    resource: {
      uri: "app://dashboard",
      html: generateDashboardHTML(result)
    }
  };
});

注意: HTML内で実行されるJavaScriptには制限があります。外部リソースの読み込み、Cookie/LocalStorageへのアクセスなどは制限されています。

2026年、AIエージェントはどうなる？

MCP Appsの発表は、より大きなトレンドの一部です。

Gartnerの予測

2026年末までに、エンタープライズアプリの40%がAIエージェントを使用（2025年は5%未満）

Databricksの調査

マルチエージェントワークフローの利用が4ヶ月で327%増加

日本市場の動向

ソフトバンク：配送効率40%向上を達成
製造業：在庫管理・予知保全でPoCが活発化
2026年は「AIで稼ぐ企業」と「AIがコストになる企業」の二極化元年

まとめ：今すぐやるべきこと

MCPに慣れておく
- MCP公式ドキュメントをチェック
- Claude Codeを使っているなら既にMCP対応済み
ローンチパートナーのアプリを試す
- Claude Pro/Team/Enterpriseで利用可能
- Figma, Slack, Asanaあたりから始めるのがおすすめ
自社ツールのMCP対応を検討
- 社内ツールをMCP Apps化すれば、AIアシスタントと完全統合

最後に

MCP Appsは「AIがUIを持つ」という、当たり前のようで革命的な進化です。

2025年は「AIを試す年」でした。
2026年は「AIで成果を出す年」です。

この波に乗り遅れないでください。

この記事が参考になったらいいねとストックをお願いします！

質問があればコメントで聞いてください。特にMCP Appsの具体的な実装について知りたいことがあれば、続編記事で解説します。

あなたはMCP Appsで何を作りたいですか？ コメントで教えてください！

参考リンク