WebMCP

Alexandra Klepper
Alexandra Klepper
GitHub Bluesky

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

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 フラグとして利用できます。

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

WebMCP API を使用する

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

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

制限事項

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

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

権限に関するポリシー

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

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

デモ

命令型と宣言型の両方の実装をカバーするデモの例は、次のとおりです。

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

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

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

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

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

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

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

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

次へ
命令型 API