MCP Apps(エムシーピー・アップス)とは

MCP Appsとは、AIチャットの会話内にグラフや入力フォームなどの操作画面を表示する、MCP(AIが外部の道具へ接続する共通規格)の公式拡張です。AIへ文章で頼む操作と、画面で選ぶ操作を同じ会話で組み合わせられます

会話の途中で、画面を直接操作できる

通常のMCPツールは文章や構造化データを返しますが、細かな条件選択まで文章で往復すると手間が増えます。MCP Appsは、ツールに対応する画面を会話内へ差し込み、利用者の操作結果を次の処理へ渡す仕組みです。公式ブログによると、MCPで最初の公式拡張として2026年1月26日に公開されました。

例えば、売上を尋ねた後でグラフの地域を選び、気になる店舗だけを詳しく見る使い方が考えられます。これは業務への応用例であり、MCP Apps自体に売上データや会計機能が備わっているわけではありません。

接続先と表示側の両方に対応が必要

画面のHTMLはMCPサーバーが用意し、チャットを提供するホストが取得して、周囲と分離された表示領域に読み込みます。画面から別のツールを呼ぶ場合もホストを介する設計。単なる外部サイトへのリンクとは違い、会話と操作を結び付けます。

ただし、MCP対応とMCP Apps対応は同じではありません。導入前には、使うチャットアプリがこの拡張を表示できるか、必要な画面やツールに対応するかを確認する必要があります。

表示領域の分離は、接続先が扱う業務データの権限を保証するものではありません。閲覧と更新を分け、送信や削除を伴うボタンには実行内容の確認を設けることが重要です。

Topic前身の取り組みを共通仕様へまとめた

MCP Appsの公式発表は、MCP-UIとOpenAI Apps SDKで育った仕組みを共通化した経緯を説明しています。別々に工夫されていた「会話の中に操作画面を置く」方法を、複数のホストが採用しやすい拡張へ整理したものです。MCP-UIが消えたわけではなく、公式リポジトリでもホスト向け実装の選択肢として紹介されています。

MCP Appsに関するよくある質問

普通のWebアプリをMCP Appsへ作り直す必要はありますか?
会話の流れと操作結果を結び付ける必要がなければ、通常のWebアプリで十分です。公式ガイドも、会話への統合に価値があるかを判断するよう勧めています。既存画面を移すこと自体が目的ではありません。
開発時にReactは必須ですか?
必須ではありません。公式リポジトリにはReactのほかVue、Svelte、素のJavaScriptなどの例があります。画面の作り方より、ホストとの通信仕様に従うことが共通の条件です。

あわせて読みたい記事