あなたのMCPを目立たせる
/mcp-vs-webmcp

MCPとWebMCPの違いとは?比較とどちらが必要か(2026年)

MCPはAIアシスタントをサービスにつなぎ、WebMCPはWebサイトをエージェント用のツールにします。違いと実例、どちらが向いているかを比較して解説します。

2026/11/11· 読了目安 4 分

名前はほとんど同じで、どちらもAIがツールを使えるようにするものですが、動く 場所が違います。MCPは、サーバーを通してAIアシスタントをサービスにつなぎ ます。WebMCPは、ブラウザでそのページを訪れているエージェントに、Webページが 自分のツールを提供できるようにします。

違いをひと目で

MCPWebMCP
何かアシスタントをサービスにつなぐプロトコルWebサイトがツールを提供するためのブラウザAPI
動く場所アシスタントの中:Claude、ChatGPT、Gemini CLI、VS Codeなどブラウザで開いたページの中
公開する人MCPサーバーの作者Webサイトの運営者
インストールアシスタントにサーバーを追加する不要:ツールはサイト自体にある
ログインサーバーが独自の認可(OAuth)を求めるそのサイトですでに開いているセッションを使う
状況使われている標準、バージョン2026-07-28草案、Chromeで試験中
例Context7asus.com

MCPをひと言で

MCP(Model Context Protocol)は、Claude Fable 5.2、ChatGPT、Gemini CLI、 Cursorなど多くのアプリが、サービスやデータにつながるために使うオープンな標準 です。アシスタントにサーバーを一度追加すれば、どの会話でもそのツールを使え るようになります。詳しくはMCPとは?で解説しています。

WebMCPをひと言で

WebMCPは、W3CのWeb Machine Learningコミュニティグループによる提案です。 ページがブラウザに「これが私のツールです」と、名前・説明・必要なデータを 伝えられるようにします。ページを訪れたエージェントは、クリックをまねたり HTMLを手探りで読んだりせずに、そのツールを直接使えます。

開発者にとっては、ツールを1つずつ登録するJavaScriptの関数 document.modelContext.registerTool()です。

document.modelContext.registerTool({
  name: "search_products",
  description: "テキストと上限価格でカタログの商品を検索します",
  inputSchema: {
    type: "object",
    properties: {
      text: { type: "string" },
      maxPrice: { type: "number" }
    },
    required: ["text"]
  },
  async execute({ text, maxPrice }) {
    return searchCatalog(text, maxPrice)
  }
})

ツールはページ自体の中で、サイトがすでに持っているコードで動くので、すぐに 応答し、ユーザーが見ているのと同じデータを返します。

それぞれの例

MCP: Context7を一度Claudeに接続しておけば、どの チャットでも「Supabaseの認証の設定方法は?最新のドキュメントを使って」と 聞くだけで、Webサイトを開かなくてもClaudeがサーバーに問い合わせます。

WebMCP: WebMCPに対応したブラウザでasus.com を開きます。このサイトは、商品検索やよくある質問の確認など、7つのツールを エージェントに提供しています。「1,500ドル以下のゲーミングノートPCを見せて」 と頼むと、エージェントはボタンを順に押すのではなく、サイト自身の検索機能を 使います。

WebMCPの現状(2026年11月)

WebMCPはまだ安定していません。

  • Chromeでは「提案中」の扱いです。開発者はChrome 146から、試験的な設定を

有効にして試せます。

  • 実際のユーザーで試せるよう、Chrome 149〜156でオリジントライアルが行われて

おり、162まで延長されています。

  • 仕様は毎週変わる草案です。使うのはdocument.modelContextで、古い解説には

以前の名前navigator.modelContextと書かれていることがあります。

  • 一部のサイトが紹介している、JavaScriptなしでHTML属性から登録する方法は、

仕様には含まれていません。

それでも、私たちのWebMCPディレクトリには、すでに多くの WebMCP対応サイトが載っています。

どちらが必要か

あなたのケース役に立つもの
アシスタントにデータを調べさせたり、サービスを使わせたりしたいMCP:ディレクトリでサーバーを探す
自社のサービスをClaudeやChatGPTの中で使えるようにしたいMCP:MCPサーバーを公開する
検索・予約・フォームのあるサイトを、エージェントにうまく使ってほしいWebMCP:試し始める
アシスタントとブラウザのエージェントの両方に届けたい両方

いまのところ、ほとんどのユーザーにとっての答えはMCPです。Claude、ChatGPT、 Geminiですでに使えます。Webサイトを持つ人にとって、WebMCPはこれから来るもの であり、今のうちに試しておけば先行できます。

MCPを始めるなら、MCPのインストール方法に進んでください。

このガイドで紹介したサーバー

よくある質問

WebMCPはMCPに取って代わりますか?

いいえ。MCPはブラウザの外からアシスタントをサービスにつなぎ、WebMCPは開いているページの中で動きます。互いに補い合う関係です。

WebMCPに対応しているブラウザは?

2026年11月時点では、試験中のChromeだけです。開発者向けにはChrome 146から、オリジントライアルとしてはバージョン149〜162で提供されています。まだ全員に有効になってはいません。

AIに自分のサイトを理解してもらうにはWebMCPが必要ですか?

まだ必要ありません。今のアシスタントはサイトをテキストとして読んでいます。WebMCPは、エージェントがサイト上で確実に操作(検索、予約、絞り込み)できるようにするもので、早めに試しておく価値があります。

ClaudeやChatGPTでWebMCPは使えますか?

対応するブラウザやエージェント拡張機能を通してのみ使えます。通常のアシスタントが使うのはWebMCPではなくMCPです。

WebMCPは安全ですか?

ツールはページ自体の中で、そのサイトですでに持っているセッションと権限で動き、アクセスはブラウザが管理します。ただし草案の段階で、セキュリティはまだ議論が続いています。

企業にとって導入しやすいのはどちらですか?

検索やフォームのあるWebサイトがすでにあるなら、WebMCPは既存のコードを活かせます。自社のサービスをClaudeやChatGPTの中で使えるようにしたいなら、MCPサーバーが必要です。

無料のMCPサーバーディレクトリを見る、またはあなたのMCPを教えてください。

ディレクトリを見るMCPを送る