Google は AI 技術を使用して、コンテンツをご希望の言語に翻訳しています。AI 翻訳には誤りが含まれる場合があります。

WebMCP

Alexandra Klepper

François Beaufort

Kasper Kulikowski

公開日: 2026 年 5 月 18 日、最終更新日: 2026 年 10 月 7 日

WebMCP は、AI エージェント用の構造化ツールを構築して公開するためのウェブ標準案です。WebMCP は JavaScript を提供し、HTML フォーム要素にアノテーションを付けることで、エージェントがページ機能とどのようにやり取りするかを正確に把握し、ユーザーエクスペリエンスをサポートできるようにします。これにより、エージェントの作動のパフォーマンスと信頼性が大幅に向上します。

AI エージェントは比較的新しいテクノロジーです。人間のユーザーが、非常に複雑で技術的なタスクをより適切に完了できるように支援します。WebMCP は、エージェントタスクの完了精度を高め、プログレッシブエンハンスメントとして追加できます。

商品の解説	ウェブ	拡張機能	Chrome ステータス	インテント
GitHub	オリジントライアル		表示	テストの目的

WebMCP のメリット

WebMCP は、ウェブアプリケーションとエージェントの間のギャップを埋めるインタラクションのルールを提供し、効率、信頼性、タスクの完了を向上させます。エージェントがボタンやフィールドなどの要素を確認してその目的を理解するのではなく、ウェブサイトが要素の目的を宣言するため、意図したとおりに使用されます。

これは、複数のステップがあり、各ステップがエージェントによる解釈に委ねられる可能性があるアクチュエーションよりも信頼性が高くなります。

左側では、エージェントが DOM をスクレイピングしています。右側では、エージェントがツールを呼び出しています。予約デモで実際にお試しください。

ウェブサイトは、tool を定義することで、検索や購入などの明示的な目的を共有できます。ツールはウェブページ上で視覚的に実行されるため、ユーザーはタスクが想定どおりに完了したという信頼を得ることができます。また、ブランドと人間中心のデザインの選択もそのまま維持されます。

WebMCP は以下をサポートしています。

検出: ページがエージェントにツールを登録するための標準的な方法（checkout や filter_results など）。
JSON スキーマ: 入力と想定される出力の明示的な定義。ハルシネーションや誤解を減らします。
状態: 現在のページコンテキストの共有された理解。これにより、エージェントはリアルタイムで操作できるリソースを把握できます。

Google の目標は、エージェント機能を備えたブラウザであれば実装してメリットを得られる API を構築し、ユーザーがタスクをより簡単に完了できるようにすることです。このプロセスは GitHub で確認できます。

ユースケース

WebMCP を使用する方法は多数あります。次に例を示します。

お客様がサポートを受けられるようにする。顧客にソフトウェアを提供している場合、さまざまな質問に対応するための複雑なサポートフローが必要になることがあります。WebMCP を使用すると、エージェントが適切なフォームにすばやく移動し、ユーザーから提供された情報をフィールドに入力できます。
旅行の予約を増やす。エージェントが、複雑な複数都市、複数乗客の旅行を少ないステップで予約できるようにします。

購入などの一部のアクションは、機密性が高い場合があります。確認ダイアログでユーザー操作をリクエストするコマンドを含めることができます。

実際には、ツールは次のタスクを実行できます。

構造化フォームに入力する: submit_application ツールを構築して、エージェントがユーザーとの会話から収集したデータをフォームフィールドに正しくマッピングできるようにします。たとえば、フィールドにフルネームが必要な場合と、姓と名を別々に入力する必要がある場合を区別できます。
人間優先のインターフェースでエージェントのインタラクションをサポートする: 特定のフィールドは人間のユーザー向けに設計されていますが、エージェントが理解できない場合があります。予約やイベントの予約で複雑な日時を選択できる date_pick ツールを構築できます。
アプリケーションのデバッグの高速化: デベロッパー設定ページで run_diagnostics ツールを構築できるため、エージェントは、ネストされたメニューの背後に隠れている修正をトリガーできます。

ユースケースが見つからない場合は、WebMCP について共有したいアイデアがある場合は、GitHub で質問を投稿したり、ディスカッションに参加したりする。

始める

Chrome 149 から WebMCP オリジントライアルに参加します。詳しくは、オリジントライアルのスタートガイドをご覧ください。

ローカル WebMCP

WebMCP は、ローカル開発用の Chrome フラグとして利用できます。

Chrome を開いて chrome://flags/#enable-webmcp-testing に移動します。
フラグを [Enabled] に設定します。
Chrome を再起動して変更を適用します。

WebMCP API を使用する

ウェブサイトツールを設定するために使用できる API は 2 つあります。

命令型 API: フォーム入力、ナビゲーションツール、状態管理、その他の関数など、さまざまな種類のツールを標準の JavaScript で定義します。
宣言型 API: 標準の HTML フォームにアノテーションを追加して、WebMCP ツールを作成します。

Chrome DevTools を使用して、WebMCP ツールをデバッグし、ブラウザが JSON スキーマをどのように解析するかを検証できます。

制限事項

WebMCP は、エージェントと人間にとって複雑なタスクを簡素化することを目的としていますが、次のような制限があります。

ヘッドレスブラウジング: ヘッドレス環境で WebMCP ツールを実行することは可能ですが、この API は主に、人間参加型のローカルブラウザワークフロー向けに設計されています。
複雑なインターフェースのオーバーヘッド: サイトが非常に複雑な場合は、アプリケーションとインターフェースの状態を処理するために、JavaScript をリファクタリングまたは追加する必要があります。
ツールの検出可能性: クライアントとブラウザは、呼び出し可能なツールがあるかどうかを確認するために、サイトに直接アクセスする必要があります。

権限ポリシー

どちらの API も tools 権限ポリシーによって制限されています。このポリシーのデフォルトは self です。これにより、トップレベルコンテキストと同一オリジンコンテキストでのツールの登録が許可され、クロスオリジン iframe では無効になります。

クロスオリジンの iframe で WebMCP ツールを許可するには、iframe に allow="tools" 属性を追加します。

デモ

命令型と宣言型の両方の実装をカバーするデモの例を以下に示します。

WebMCP zaMaker は、WebMCP Imperative API を使用します。
旅行デモ（React）は、WebMCP Imperative API を使用します。
Le Petit Bistro のデモでは、WebMCP Declarative API を使用しています。

GitHub でデモのソースコードを確認して調べることもできます。

エージェントを模倣してツールをテストする

Google は、デモやアプリケーションで WebMCP ツールの動作を確認できるように、2 つの Chrome 拡張機能を作成しました。

Example Agentic Chrome 拡張機能 をインストールして、自然言語プロンプトで WebMCP ツールを検査、モニタリング、実行します。特に、この拡張機能は常に WebMCP のアノテーションを信頼します。これにより、エージェントに機密性の高いアクションを警告できます。これは、アノテーションによってツールのパフォーマンスがどのように変化するかを示しています。

デフォルトでは、この拡張機能は AI SDK を備えた小規模な Node サーバーを使用します。API キーは必須で、ローカルサーバーに保存されます。プロンプトはデフォルトで gemini-3.6-flash モデルに送信されますが、拡張機能の .env ファイルでモデルの選択と API プロバイダを変更できます。OpenAI、Google、Anthropic のフィールドがあります。また、別のプロバイダのモデルを使用するように拡張機能をカスタマイズすることもできます。

または、Prompt API でクライアントサイドモデルを使用することもできます。API キーは必要なく、データはデバイスに保存されます。これを行うには、chrome://flags/#prompt-api-tool-use を有効にします。

Model Context Tool Inspector 拡張機能をインストールして、エージェントをテストし、ライブデモや独自のアプリケーションで WebMCP ツールがどのように機能するかを確認します。自然言語プロンプトを使用して、エージェントが WebMCP ツールと想定どおりにやり取りしているかどうかを判断します。

Gemini を使用してツールを呼び出すには、API キーが必要です。このキーは、拡張機能のインターフェースで指定します。プロンプトは、デフォルトで gemini-3.6-flash モデルに送信されます。別の Gemini モデルを選択してテストすることも、拡張機能コードをカスタマイズして別のプロバイダのモデルを使用することもできます。

意見交換とフィードバックの提供

WebMCP は現在活発な議論が進められており、今後変更される可能性があります。これらの API をお試しになり、フィードバックがございましたら、ぜひお聞かせください。

WebMCP オリジントライアルに参加し、Chrome ステータスで Chrome の実装をフォローしてください。
WebMCP の説明を読み、質問を投稿してディスカッションに参加してください。
WebMCP のベストプラクティスを確認する。
WebMCP ツールのセキュリティガイダンスとベストプラクティスをご覧ください。
Chrome の実装についてフィードバックがある場合は、Chromium のバグを報告してください。

命令型 API