WebMCP対応サイトの日本語ディレクトリ

ChromeでのWebMCP：現在の状況

• ChromeはWebMCPを、リリース済みではなく提案中（proposed）としています。
• 開発者はChrome 146から、実験用のフラグを有効にすれば試せます。
• オリジントライアルがChrome 149〜156で実施され、162まで延長されています。サイトは実際のユーザーでテストできます。
• 仕様は随時更新される草案です。document.modelContextを使います。古いチュートリアルでは、以前の名前であるnavigator.modelContextが使われています。

まだ試験段階なので、一般のユーザー全員が今日から使えるわけではありません。日本向けのサービスで検討する場合も、まずは検証用のページや一部のユーザーで試すのが現実的です。

日本語で読めるWebMCPディレクトリ

WebMCPの情報は、仕様も実装例もほとんどが英語です。このディレクトリでは、各サイトについて、エージェントがそこで何をできるのか、どんなツールが公開されているのかを日本語でまとめています。サイトそのものは海外向けで、画面やツールの返す内容は英語の場合がありますが、「WebMCPで実際にどんなことができるのか」を日本語で把握するための実例集として使えます。

掲載サイトの例

掲載サイトは、ECから業務ツール、デザイン、ゲームまで幅広い分野にわたります。日本でも知られたブランドの例です。

各サイトの詳しいツールの一覧は、ディレクトリの個別ページで確認できます。

日本のサイト運営者にとっての意味

ECサイト、予約サイト、SaaSの管理画面など、ユーザーがログインして操作するサイトほど、WebMCPの使いどころがあります。たとえば次のような場面です。

• ECサイト： 「この条件で商品を探して比較して」と頼まれたエージェントが、画面を読み取って推測するのではなく、サイトが用意した検索ツールを呼び出します。
• 予約サイト： 空き状況の確認や予約内容の照会を、サイトが決めた手順どおりに実行させられます。
• 業務SaaS： レコードの検索や集計といった定型操作をツールとして公開し、ユーザーがエージェントに任せられるようにします。

サイト側がツールを定義するので、エージェントに何をさせ、何をさせないかを運営者が決められるのが利点です。

サイトがツールを公開する方法

開発者にとって、ツールひとつはJavaScriptの呼び出しひとつです。

document.modelContext.registerTool({
  name: "search_products",
  description: "Search the catalog by text and maximum price",
  inputSchema: {
    type: "object",
    properties: {
      query: { type: "string" },
      maxPrice: { type: "number" }
    },
    required: ["query"]
  },
  async execute({ query, maxPrice }) {
    return searchCatalog(query, maxPrice)
  }
})

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

WebMCPとMCPの違い

MCPはサーバーを通じてアシスタントをサービスにつなぎ、WebMCPは開いているページの中で動きます。両者は互いに補い合う関係です。詳しい比較はMCPとWebMCPの違いに、今すぐClaudeやChatGPTで使えるサーバーは日本語のMCPライブラリにあります。両方を使うエージェントについてはAIエージェントのガイドで、MCPそのものはMCPとはで解説しています。

日本のサイトの掲載を募集しています

このディレクトリには、日本のサイトはまだほとんど載っていません。自社のサイトやサービスでWebMCPのツールを公開している方は、サイトのアドレスを添えてenvia@mcpteca.comまでお知らせください。掲載は無料です。

掲載サイトの選び方

WebMCPツールを公開しているサイトを見つけ、サイトが宣言しているツールを読み、その公開情報をもとにAIで日本語の各ページを作成しています。私たちはこれらのサイトの開発も監査もしていないため、利用する前にサイト自体を確認してください。