Build web experiences that are optimized for browser and user AI agents 🛠️

WebMCP provides explicit paths in your UI, allowing agents to execute site-specific tasks with higher reliability.

Get started → https://t.co/XVVlLs89Sf https://t.co/ds0StKyNQS

WebMCP

Source: https://developer.chrome.com/docs/ai/webmcp?hl=ja

公開日: 2026 年 5 月 18 日、最終更新日: 2026 年 6 月 9 日

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

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

商品の解説ウェブ拡張機能Chrome ステータスインテントGitHubオリジン トライアル表示テストの目的## WebMCP を使用する理由

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

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

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

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

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

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

ユースケース

ウェブ上で WebMCP を使用する方法はたくさんあります。次に例を示します。

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

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

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

• 構造化フォームへの入力:submit\_applicationツールを作成して、エージェントがユーザーとの会話から収集したデータをフォーム フィールドに正しくマッピングできるようにします。たとえば、フィールドにフルネームが必要か、姓と名を別々に入力する必要があるかを区別できます。
• 人間中心のインターフェースでのエージェントの操作をサポートする: 特定のフィールドは 人間ユーザー向けに設計されていますが、エージェントが理解できない場合があります。予約やイベントの予約で複雑な日時選択を可能にするdate\_pickツールを作成できます。
• アプリケーションのデバッグを迅速化する: デベロッパー設定ページにrun\_diagnosticsツールを作成すると、エージェントはネストされたメニューの奥に隠れている修正をトリガーできます。

ユースケースが見つかりませんか？WebMCP について共有したいアイデアはありますか？早期プレビュー プログラムに参加して、フィードバックをお寄せください。

始める

Chrome 149 からWebMCP オリジン トライアルに参加してください。詳しくは、オリジン トライアルを始める方法をご覧ください。

ローカル WebMCP

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

1. Chrome を開き、chrome://flags/\#enable\-webmcp\-testingに移動します。
2. フラグを [有効] に設定します。
3. Chrome を再起動して変更を適用します。

WebMCP API を使用する

ウェブサイト ツールを設定するには、次の 2 つの API を使用できます。

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

制限事項

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

• ブラウジング コンテキストが必要: ツール呼び出しは JavaScript で処理されるため、 表示可能なインターフェースと ブラウザ コンテキストを提供するには、ブラウザタブまたは WebView を開く必要があります。つまり、エージェントや補助ツールがヘッドレス状態でツールを呼び出すことはできません。
• 複雑なインターフェースのオーバーヘッドが増加: サイトが非常に複雑な場合は、アプリケーションとインターフェースの状態を処理するために JavaScript のリファクタリングまたは追加が必要になる可能性があります。
• ツールの検出可能性: クライアントとブラウザは、呼び出し可能なツールがあるかどうかを 確認するために、サイトに直接アクセスする必要があります。

セキュリティと権限

WebMCP API は、オリジン分離要件と権限ポリシーの両方によって制限されます。

オリジン分離

WebMCP は、オリジン分離されたドキュメントでのみ使用できます。これにより、ドキュメントのオリジンがツールのライフサイクル全体を通じて安定した状態に保たれます。

ドキュメントでdocument\.domainが有効になっている場合（Origin\-Agent\-Cluster: ?0HTTP ヘッダーを使用するなど）、WebMCP API は無効になります。

権限に関するポリシー

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

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

デモ

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

• WebMCP zaMakerは WebMCP 命令型 API を使用します。
• 旅行デモ（React）は WebMCP 命令型 API を使用します。
• Le Petit Bistro デモは WebMCP 宣言型 API を使用します。

GitHub

インスペクタ拡張機能を使用してエージェント チャットを模倣する

Model Context Tool Inspector Extensionをインストールして、エージェントを試して、WebMCP ツールがライブデモや独自の アプリケーションでどのように動作するかを確認します。自然言語プロンプトを使用して、エージェントが WebMCP ツールを期待どおりに操作するかどうかを判断します。

この拡張機能を使用すると、次のことができます。

• WebMCP API をモニタリングして、ページに登録されているツールを確認します。
• ツールを手動で呼び出して関数を実行します。
• JSON スキーマが正しく定義されていること、ブラウザがツールで想定されているとおりにデータを解析できることを確認します。
• ツールから返された構造化出力またはエラー メッセージを表示して、エージェントが理解できるように、明確に記述され、正しくフォーマットされていることを確認します。

自然言語を使用してエージェントに話しかけ、適切な WebMCP ツールを正しく識別して呼び出すことができるかどうかを確認します。プロンプトはデフォルトでgemini\-3\-flash\-previewモデルに送信されます。

WebMCP は現在議論されており、今後変更される可能性があります。これらの API を試してフィードバックをお寄せください。

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