2026年11月12日

Claude MCP Apps拡張とは?アプリツールと埋め込みサイトでClaude内にフルアプリ

室谷室谷代表取締役
こんにちは、.AI(ドットエーアイ)の室谷です。今回はAnthropicがClaudeでMCP Apps拡張のサポートを広げたというニュースを解説します。

Claude MCP Apps拡張は、Anthropicが2025年に発表したMCP Appsの機能拡張で、アプリのツールや埋め込みサイトを含む「アプリ全体」をClaude内で動かせるようにするものです。
テキトー教師テキトー教師DotAI 認定講師
そうなんですよ。これまでもMCP AppsでインタラクティブなUIを会話内に表示できましたが、今回の拡張でさらに踏み込んだことができるようになりました。

単にUIを表示するだけじゃない話なんです。
室谷室谷代表取締役
公式スレッドによると、ClaudeがサポートするMCP Apps拡張の範囲が広がり、アプリツールや埋め込みサイトが使えるようになった、と。これで「フルアプリ」がClaude内で動くというわけですね。
テキトー教師テキトー教師DotAI 認定講師
ええ。あわせて「インタラクティブコネクタ」という新しい仕組みも発表されました。

Adobe、Atlassian、Boxなどのツールのフルバージョンを会話の横で開けるようになります。Webとデスクトップで順次提供され、現在はパブリックプレビュー段階です。

Claude MCP Apps拡張とは?今回発表されたこと

MCP Apps拡張のポイント
MCP Apps拡張のサポート拡大
アプリツールや埋め込みサイトが使えるようになり、より完全なアプリ体験が可能に
インタラクティブコネクタの提供開始
発表のポイントの一つ
パブリックプレビューとして展開
発表のポイントの一つ
室谷室谷代表取締役
まず前提を整理しておきましょう。MCP(Model Context Protocol)は、AIアプリと外部ツールやデータを接続するための規格です。

MCPサーバーを介してClaudeが外部サービスを利用できる仕組みですね。
テキトー教師テキトー教師DotAI 認定講師
そのMCPの拡張として「MCP Apps」があります。MCPサーバーがAIアプリ内にインタラクティブなUI(チャートや地図など)を描画できる拡張で、今年前半に登場しました。

今回はそのMCP Appsがさらに進化したという発表です。
室谷室谷代表取締役
公式ドキュメントによると、MCP AppはMCPサーバーがClaudeの会話内にレンダリングするインタラクティブUIのこと。開発者はMCP Apps SDKを使って自分のMCPサーバーの一部として構築します。
テキトー教師テキトー教師DotAI 認定講師
これまでのMCP Appsは、あくまで「ビュー」を会話内に表示するにとどまっていました。アプリの全機能をClaude内で動かすには不十分だったんです。

今回の拡張で、アプリツールや埋め込みサイトが使えるようになり、より完全なアプリ体験が可能になりました。
室谷室谷代表取締役
発表のポイントは大きく3つ。MCP Apps拡張のサポート拡大、インタラクティブコネクタの提供開始、そしてパブリックプレビューとしての展開です。

順番に見ていきましょう。

Claude MCP Appsでできること——アプリツール・埋め込みサイト・サイドパネル

Claude MCP Appsでできること
サイドパネル/フルスクリーン表示
会話の横や全画面でアプリを表示できる
エントリーポイント
Artifactsページから開く、サイドバーにピン留めして起動できる
アプリツール
アプリのUI側にツールを登録し、Claudeが画面上の表示内容(リストや選択行など)を変更できる
メッセージ
アプリからClaudeへメッセージを送れる(例:ボタンクリックで計画を依頼)
埋め込みサイト
アプリ内の<iframe>で自社サイト(エディタやダッシュボードなど)を読み込める
ダウンロード
アプリからユーザーのデバイスにファイルを保存できる
室谷室谷代表取締役
公式ドキュメントの「Get started with MCP Apps」ページには、MCP AppがClaude内でできることが整理されています。まず「サイドパネルとフルスクリーン」表示。

会話の横や全画面でアプリを表示できます。
テキトー教師テキトー教師DotAI 認定講師
次に「エントリーポイント」。ClaudeのArtifactsページからアプリを開いたり、サイドバーにピン留めしたりできます。

Claudeに頼まなくてもアプリにアクセスできるのは便利ですね。
室谷室谷代表取締役
そして「アプリツール」。アプリのUI側にツールを登録して、Claudeが画面上の表示内容(リストや選択行など)を変更できるようにします。

これが今回の拡張の目玉の一つです。
テキトー教師テキトー教師DotAI 認定講師
「メッセージ」機能もあります。アプリからClaudeにメッセージを送れるんです。

たとえばアプリ内のボタンをクリックしたときに、Claudeに計画を依頼するような使い方ですね。
室谷室谷代表取締役
さらに「埋め込みサイト」。アプリ内の<iframe>で自社サイト(エディタやダッシュボードなど)を読み込めます。

これでアプリの全機能をClaude内で使えるようになります。
テキトー教師テキトー教師DotAI 認定講師
「ダウンロード」機能も。アプリからユーザーのデバイスにファイルを保存できます。
室谷室谷代表取締役
整理すると、MCP Appでできることは以下の通りです。
  • サイドパネル/フルスクリーン表示
  • エントリーポイント(Artifactsページやサイドバーから起動)
  • アプリツール(ClaudeがUIを操作)
  • メッセージ(アプリからClaudeへ通知)
  • 埋め込みサイト(iframeで自社サイトを表示)
  • ダウンロード(ファイル保存)
テキトー教師テキトー教師DotAI 認定講師
これらの機能により、単なるチャットの枠を超えて、アプリのワークフローをClaude内で完結できるようになるわけです。

インタラクティブコネクタでAdobe・Atlassian・BoxをClaude内で使う

従来のコネクタ vs インタラクティブコネクタ
従来のコネクタ
  • Claudeが外部サービスにアクセス
  • データを取得・操作する
  • ツールのUIは表示されない
インタラクティブコネクタ
  • ツールのフルバージョンをClaude内で開ける
  • ツールのUI自体をClaude内に表示
  • 会話の横で開き、自分で変更するかClaudeと一緒に変更するか選べる
  • ダッシュボード・タスクボード・デザインツールを会話内で直接レンダリング
  • コネクタディレクトリで「Interactiveバッジ」付きのものを確認できる
室谷室谷代表取締役
今回の発表で特に注目したいのが「インタラクティブコネクタ」です。公式スレッドによると、Adobe、Atlassian、BoxなどのツールのフルバージョンをClaude内で開けるようになります。
テキトー教師テキトー教師DotAI 認定講師
会話の横でフルバージョンを開いて、自分で変更するか、Claudeと一緒に変更するか選べるんです。これは業務の流れを大きく変える可能性がありますね。
室谷室谷代表取締役
従来のコネクタは、Claudeが外部サービスにアクセスしてデータを取得したり操作したりするものでしたが、インタラクティブコネクタはさらに一歩進んで、ツールのUI自体をClaude内に表示します。
テキトー教師テキトー教師DotAI 認定講師
公式のサポートページには「Interactiveバッジ」の記載があります。コネクタディレクトリでインタラクティブ対応のコネクタを見つけられるようですね。

ダッシュボードやタスクボード、デザインツールなどを会話内で直接レンダリングできると。
室谷室谷代表取締役
Adobe、Atlassian、Boxが具体的にどの機能を提供するのかは、現時点では明らかにされていませんが、これらのツールを使っている企業にとっては大きなアップデートです。
テキトー教師テキトー教師DotAI 認定講師
特にAtlassianのJiraやConfluence、Boxのファイル管理、Adobeのクリエイティブツールなどは、多くのビジネスパーソンが日常的に使っていますからね。Claudeを離れずに作業できるのは生産性向上につながります。
室谷室谷代表取締役
ただし、これらのインタラクティブコネクタの利用には、各サービスのアカウントと権限が必要です。Claudeは接続先サービスの権限を継承するので、元のサービスでアクセスできないファイルやレコードにはClaudeからもアクセスできません。

Claude MCP Appsの使い方・始め方(開発者向けセットアップ)

室谷室谷代表取締役
ここからは開発者向けの話です。MCP AppsをClaudeで動かすには、まずMCPサーバーを構築する必要があります。

公式ドキュメントのクイックスタートでは、プレーンJavaScriptでビルドステップなしのワンツールMCP Appを作る方法が紹介されています。
テキトー教師テキトー教師DotAI 認定講師
既存のMCPサーバーがある場合は、MCP Apps SDKを使ってUIを追加できます。サーバー側でregisterAppTool()とregisterAppResource()を使ってツールとリソースを登録し、アプリ側でApp.connect()をトランスポート引数なしで呼び出すと、SDKがホストを検出してトランスポートを選択します。
室谷室谷代表取締役
ホストごとにメタデータを生成してくれるので、一度コードを書けばClaudeだけでなく他のMCP Apps対応ホストでも動くのが特徴です。
テキトー教師テキトー教師DotAI 認定講師
Claude用にはui.domainを設定する必要があります。これはアプリが配信されるサンドボックスオリジンで、サーバーURLのSHA-256ハッシュの最初の32文字に.claudemcpcontent.comを付けたものです。

公式ドキュメントに計算コマンドが載っています。
室谷室谷代表取締役
例のサーバーをClaude Desktopで試すこともできます。MCP Appsリポジトリには、npxで実行できるサンプルサーバーが公開されています。

顧客セグメンテーション、地図、ShaderToy、楽譜などがありますね。
テキトー教師テキトー教師DotAI 認定講師
Claude Desktopの設定ファイルにサーバーを追加して再起動すれば、Claudeにアプリの使用を依頼できます。初回は権限を求められるので、「一度だけ許可」か「常に許可」を選びます。
室谷室谷代表取締役
AIコーディングエージェントを使っている場合は、MCP Appsスキルをインストールすると開発をガイドしてくれます。Claude Codeではプラグインマーケットから追加できます。
テキトー教師テキトー教師DotAI 認定講師
既存のOpenAI Apps SDKで作ったアプリがある場合は、移行リファレンスに従ってMCP Apps SDKに移行できます。MCP Appsスキルを使えばエージェントに移行を依頼することも可能です。
室谷室谷代表取締役
開発の詳細はClaude Code設定完全ガイドでもMCPの設定方法を解説しているので、あわせて参考にしてください。

提供範囲と制約——パブリックプレビュー・対応環境・埋め込みサイトの制限

室谷室谷代表取締役
ここは重要です。今回の機能はパブリックプレビューとして提供されています。

AnthropicはMCP Appsコミュニティと標準化を進めている段階で、実装の詳細は変更される可能性があると明記しています。
テキトー教師テキトー教師DotAI 認定講師
提供環境はWebとデスクトップです。公式スレッドに「Rolling out on web and desktop」とあります。

モバイルについては現時点では明らかにされていません。
室谷室谷代表取締役
埋め込みサイトには多くの制約があります。公式ドキュメントによると、ディレクトリコネクタの場合、Verified listingでのみ許可され、Community listingではブロックされます。

カスタムコネクタは一部の組織に限定され、すべての会話で使えるわけではありません。
テキトー教師テキトー教師DotAI 認定講師
さらに、カメラ、マイク、位置情報、クリップボードへの書き込みは使用できません。ポップアップやダウンロードも制限されます。

window.open()やtarget="_blank"リンクは開かず、alert()やprompt()も効果がありません。
室谷室谷代表取締役
セッションを維持するには、ui.domainの設定とCookie属性(SameSite=None; Secure; Partitioned)が必要です。また、サイト側でClaudeからのフレーミングを許可するために、frame-ancestorsディレクティブにhttps://claude.aiとコネクタのサンドボックスホストを追加する必要があります。
テキトー教師テキトー教師DotAI 認定講師
組織のアクセス制限もあります。サイドパネルやエントリーポイント、アプリツールを使うには、組織がその機能にアクセスできるか確認する必要があります。
室谷室谷代表取締役
カスタムコネクタを使う場合、Freeプランは1つまでという制限があります。これは公式サポートページに記載されています。
テキトー教師テキトー教師DotAI 認定講師
整理すると、現時点の制約は以下の通りです。
  • パブリックプレビュー段階で仕様変更の可能性あり
  • Webとデスクトップで提供(モバイルは未発表)
  • 埋め込みサイトはVerified listingのディレクトリコネクタか、一部組織のカスタムコネクタのみ
  • カメラ・マイク・位置情報・クリップボード書き込みは利用不可
  • ポップアップ・ダウンロード・ダイアログに制限
  • カスタムコネクタはFreeプランで1つまで
室谷室谷代表取締役
これらの制約は、セキュリティとプライバシーを考慮した結果でしょう。特に埋め込みサイトはサンドボックス内で動作するため、ホストページへの影響を防ぐ設計になっています。

MCP Appsが業界標準を目指す意味——他AIアプリでも動く設計

室谷室谷代表取締役
今回の発表で見逃せないのが、MCP Appsが特定のAIアプリに依存しない設計になっている点です。公式スレッドには「あなたのMCP AppはMCPサーバーと同梱されるので、Claudeに限定されない。

拡張をサポートする任意のAIアプリで動作する」とあります。
テキトー教師テキトー教師DotAI 認定講師
これは大きいですよ。MCP Appsが業界標準になれば、開発者は一度作るだけで複数のAIアプリに対応できます。

AnthropicはMCP Appsコミュニティと標準化を進めていると明言しています。
室谷室谷代表取締役
実際、公式ドキュメントにはOpenAI Apps SDKからの移行リファレンスも用意されています。既存のOpenAI Apps SDKアプリをMCP Apps SDKに移行する手順が公開されているんです。
テキトー教師テキトー教師DotAI 認定講師
これはAnthropicがMCP Appsをオープンな標準として育てたいという意思の表れですね。自社プラットフォームに囲い込むのではなく、エコシステム全体で使える規格にしようとしています。
室谷室谷代表取締役
MCP自体がAnthropic発のオープン規格として始まり、今では多くのAI企業が採用しています。MCP Appsも同じ道をたどる可能性が高いでしょう。
テキトー教師テキトー教師DotAI 認定講師
開発者にとっては、プラットフォームごとに別々のアプリを作る必要がなくなるメリットがあります。一方で、AIアプリ側から見ると、MCP Apps対応のアプリが増えれば増えるほど自社の価値も高まるという好循環が生まれます。
室谷室谷代表取締役
この流れは、AIアプリが単なるチャットから「アプリケーションプラットフォーム」へと進化していることを示しています。Claudeもその一つです。
テキトー教師テキトー教師DotAI 認定講師
関連記事として、AWSのClaude apps gatewayやNotebookLM連携ガイドも参考になります。AIアプリ同士の連携が進んでいることがわかります。

よくある質問

室谷室谷代表取締役
最後に、よくある質問に答えておきましょう。
テキトー教師テキトー教師DotAI 認定講師
まず「Claude MCP Appsとは何か」ですが、MCPサーバーがClaudeの会話内にインタラクティブなUIを表示するための拡張機能です。アプリツールや埋め込みサイトを使って、アプリ全体をClaude内で動かせます。
室谷室谷代表取締役
「MCP Appsはいつから使えるか」については、現在パブリックプレビューとしてWebとデスクトップで順次提供中です。正式リリースの時期は現時点では明らかにされていません。
テキトー教師テキトー教師DotAI 認定講師
「料金プランは」という質問もありますが、公式ドキュメントにはMCP Apps自体の利用に追加料金が必要とは書かれていません。ただし、カスタムコネクタはFreeプランで1つまでという制限があります。

また、TeamやEnterpriseプランでは組織のオーナーがコネクタを有効化する必要があります。
室谷室谷代表取締役
「セキュリティは大丈夫か」という点については、Claudeは接続先サービスの権限を継承するため、元のサービスでアクセスできないデータにはClaudeもアクセスできません。また、埋め込みサイトはサンドボックス内で動作し、カメラやマイクなどのデバイス機能は制限されています。
テキトー教師テキトー教師DotAI 認定講師
「どんなアプリが対応しているか」は、Connectors Directoryで「Interactive」バッジが付いたコネクタを探すのが確実です。Adobe、Atlassian、Boxは今回の発表で名前が挙がっています。
室谷室谷代表取締役
「開発者ではないが使えるか」という質問もありそうですね。インタラクティブコネクタはエンドユーザーがそのまま使えます。

MCP Appsの開発は開発者向けですが、提供されるアプリを使うだけなら特別なスキルは不要です。
テキトー教師テキトー教師DotAI 認定講師
以上、Claude MCP Apps拡張の速報解説でした。進化が速い分野なので、公式ドキュメントをこまめにチェックすることをおすすめします。
室谷室谷代表取締役
はい、ぜひ公式情報を確認してください。それではまた。

Related

関連記事

New Articles

新着記事

ニュース

CognitionのDevin SecurityでClaude Mythos 5.2提供開始、1億ドル超クレジットで脆弱性修正へ

2026年11月12日
室谷テキトー教師
ニュース

Google DeepMindの「AlphaGenome 2」とは?細胞ごとの変異予測を約2倍の精度で

2026年11月12日
室谷テキトー教師
ニュース

OpenAIの「Sign in with ChatGPT」とは?ChatGPT Businessの利用枠を外部ツールで使う仕組み

2026年11月12日
室谷テキトー教師
ニュース

Google Antigravityの/swarmとは?Gemini 4 Carbon搭載の並列エージェント機能

2026年11月12日
室谷テキトー教師
ニュース

n8nの「Nod」とは?オープンソースAIエージェントの実力と安全性

2026年11月12日
室谷テキトー教師
ニュース

Runwayの「Praxis-1」とは?動画事前学習からロボット制御へ、27Bの世界行動モデル

2026年11月12日
室谷テキトー教師
ガイド

Geminiとは何ができる?使い方と最新モデル・料金をわかりやすく整理

2026年11月12日
室谷テキトー教師
ニュース

Cursor Team Projectsとは?チームとエージェントが1つのワークスペースで協働

2026年11月12日
室谷テキトー教師
ニュース

AlphaProof Codeとは?Google DeepMindがSignalの実装コードを数学的に証明

2026年11月12日
室谷テキトー教師
ニュース

Anthropicの「無料フルリセット」とは?Pro・Max・Ultra・Team対象の期限付き補償

2026年11月12日
室谷テキトー教師

Join

AIプレナーになる。

入会は審査制です。いまの事業と、AIで何を動かしたいのかを聞かせてください。

参加を申請する