WebMCP — AIエージェントでホイールを操作
WebMCP を使うと、このサイトはブラウザ内で動作する AI エージェントに操作を委ねられます。どこをクリックするか推測する代わりに、エージェントはホイールのツールを直接呼び出せます — 項目の設定、回転、当選者の取得。
WebMCP とは？
WebMCP（Web Model Context Protocol）は、ウェブサイトが構造化された呼び出し可能なツールを AI エージェントに宣言できるブラウザ API です — document.modelContext（以前は navigator.modelContext）。エージェントはツールの名前、説明、パラメータを読み取り、スクリーンショットを撮って正しいピクセルをクリックしようとする代わりに、関数のように呼び出します。
これは W3C Web Machine Learning Community Group の初期ドラフトです。2026年時点で Microsoft Edge にネイティブ搭載され、Chrome ではオリジントライアル中です。他のブラウザでは、対応が追加されるまで統合は休止状態のままです。
Spin and Wheel での仕組み
このサイトのすべてのホイール — 名前ピッカー、はい/いいえ、数字、文字、Twister の各ホイール、そして名前パックのページ — は、ブラウザが WebMCP に対応していると小さなツールセットを登録します。これらのツールは画面に表示されているホイールそのものを操作します：項目を設定するとキャンバスが更新され、回転させると通常の抽選と同じように当選者モーダルが開きます。
通常の訪問者にとっては何も変わりません。WebMCP 対応のエージェントが存在しない場合、登録は無害な何もしない処理となり、ページは他と同じように動作します。
利用できるツール
各ホイールは次の4つのツールを公開します：
| ツール | 機能 | 入力 |
|---|---|---|
get_entries |
ホイール上の現在の項目リストを返します。 | なし |
set_entries |
すべての項目を新しいリストに置き換えます — 各文字列がホイールの1セグメントになります。 | entries: string[] |
spin_wheel |
ホイールを回し、ランダムに選ばれた当選者を返します。回転前に新しい項目を設定することもできます。 | entries?: string[] |
get_winner |
最新の当選者を返します。 | なし |
使い方
1. WebMCP 対応のブラウザを使う
Microsoft Edge 147 以降または Chrome 149 以降で任意のホイールを開きます。Chrome では chrome://flags/#enable-webmcp-testing でフラグを有効にする必要がある場合があります。このページ上部のバッジで、現在のブラウザが準備できているかわかります。
2. ホイールを開いてエージェントを用意する
ホイールのページを開き、ブラウザ内の AI エージェント（ブラウザ内蔵のアシスタントやエージェント拡張機能）を使います。ホイールのツールが自動的に検出されます — 設定、アカウント、API キーは不要です。
3. 普通の言葉で頼む
やりたいことをエージェントに伝えます。適切なツールを選び、パラメータを入力すると、ホイールが画面上で反応します — 項目が更新され、ホイールが回転し、当選者が読み上げられます。
プロンプトの例
- 「ピザ、寿司、タコスをホイールに入れて回して。」
- 「今ホイールにはどんな項目がある？」
- 「ホイールを回して、誰が勝ったか教えて。」
プライバシー
WebMCP のツールは完全にブラウザ内で実行されます。開いているページのホイールのみを読み取り・変更します — サーバーにデータは送信されず、統合によって追加のトラッキングが加わることもありません。このホイールにはバックエンドがありません。
ホイールで試す
名前ホイールを開いて、エージェントに回させてみましょう。
ホイールを開く