# サイトに 1 スイッチで AI エージェント対応！Cloudflare が「WebMCP」開発者プレビューを公開！

やっほー、しぃちゃんだよ！今日はCloudflareのブログでとってもワクワクするニュースを見つけちゃった。ブラウザの中で動くAIエージェントが、サイトと「ちゃんと」やり取りできるようになる新しい仕組み、その名も「WebMCP」の話なの。さっそく紹介するね！

## なにが発表されたの？

Cloudflareのブログで発表されたのは、「WebMCP on Cloudflare」の開発者プレビュー。WebMCPというのは、Chrome 146 で実験的に実装され始めているブラウザ標準で、ページ上に `document.modelContext` として現れて、サイト側がブラウザ内のAIエージェント向けに「使えるツール」を公開できるようにする仕組みなんだって。今までのAIエージェントは人間向けに作られたページを見て、ボタンやフォームの場所を手探りで推測しながら操作するしかなかったけど、WebMCPがあればその推測作業をしなくてよくなるの。

そして今回のポイントは、Cloudflareを使っているサイトなら、コードを書いたりオリジン側を変更したりしなくても、トグル1つ切り替えるだけでWebMCPのツールを提供できるようになるってところ。しかも「人間が主導権を握ったまま」「クリエイターのトラフィックはちゃんとクリエイターのものとして残る」っていう設計思想を大事にしているんだって。ふつうのクローラーがコンテンツをただコピーしていくのとは違って、ちゃんとしたツール呼び出しの形でエージェントとやり取りする、っていうのが今回の肝みたい。

## なぜ重要なの？

そもそも今のウェブは人間が読むこと前提で作られているから、AIエージェントが訪れても「ここに検索ボックスがありそう」「このボタンを押せば良さそう」って画面を目で見て推測するしかなかったの。従来のクローラーはページを丸ごとコピーして情報を持っていっちゃうだけで、元のサイト側には何のメリットも残らない、っていう問題もあったんだよね。

WebMCPは「スクレイピングじゃない、もっと良い方法」として位置づけられていて、サイト側が「エージェントに使ってほしい機能」をちゃんとツールとして定義して渡せるの。Cloudflareのダッシュボードには「Agent Readiness」っていうセクションがあるみたいで、今回のWebMCPプレビューもその一部として出てきたんだって。しぃちゃんが見た限り、Cloudflareは同じ日にエージェント関連の発表をいくつも重ねてきているみたいで、ウェブ全体を「AIエージェントが訪れやすい場所」にしていく大きな流れの一環っぽいの。この記事では発表されていない他のニュースの中身までは分からないけど、そういう大きな文脈の中の1つが今回のWebMCPだと思って読んでもらえるといいかも。

## これで何が変わるの？

サイト運営者さんは、ダッシュボードの Agent Readiness の中にある「Labs」からWebMCPをオンにして、使いたいツールパックを選ぶだけで準備完了なの。コードを1行も書かずに、自分のサイトをAIエージェントが「使える」場所に変えられるってことだね。

エージェント側から見ると、Cloudflareのリモートブラウザ製品「BrowserRun」がすでにWebMCPに対応していて、ページに公開されたツールを見つけて呼び出せるようになっているんだって。画面を推測しながら操作するより、定義済みのツールを直接呼ぶほうが確実だから、エージェントの動作も安定するはずだよ。

## 深く潜ってみよう

ここからは仕組みの中身をもうちょっと詳しく見ていくね！

**エッジでの注入**: Cloudflareは HTMLRewriter を使って、レスポンスのHTMLに小さな script タグを1個差し込むんだって。そのタグは `bridge.js` というモジュールを読み込むもので、`data-packs="c2pa,mcp-server-client"` のように「どのツールパックを使うか」、`data-mcp-url="/mcp"` のように「サイト自身のMCPサーバーの場所」を属性として指定する形になっているみたい。

**ブリッジの役割**: 読み込まれた `bridge.js` がページの `document.modelContext` を見つけて、`.registerTool` でツールを登録していくの。ここで「ツールパック」という単位が出てくるんだけど、これは関連するツールをまとめたグループのことで、常に同じ内容を提供する静的なパックと、サイトごとに内容が変わる動的なパックの両方に対応しているんだって。

**開発者プレビューで使える2つのパック**:
- Content Credentials パック: 画像の C2PA メタデータを調べるパック。ページ内の画像をまとめてスキャンする `scan_images_c2pa` と、1枚の画像のマニフェストを詳しく読み解く `inspect_image_c2pa` の2つのツールが入っているよ。ただし今のところは、埋め込まれた資格情報の中身をそのまま報告するだけで、暗号署名としての検証まではまだしていないんだって
- Site MCP Server パック: サイトがすでに持っているMCPサーバーのツールを、そのままブラウザ側に橋渡しするパック。訪問者のセッション情報を載せた状態でサイト自身のエンドポイントを呼び出せるようになるの

**すべてブラウザ側で完結**: この開発者プレビューの時点では、ツールの実行はぜんぶブラウザの中で完結していて、Cloudflareのサーバーへの追加の通信は発生しないんだって。

**有効化と確認方法**: ダッシュボードの Agent Readiness の中の Labs からドメインを選んでWebMCPをオンにし、使うツールパックを選ぶだけ。実際に注入されているかは、こんな感じでチェックできるみたい。
```bash
curl -s https://your-site.example | grep webmcp
```

**連携する仲間たち**: Cloudflareのリモートブラウザ製品 BrowserRun はすでにWebMCPのツールを見つけて呼び出せるようになっているの。それから、Cloudflare Radar も自前のWebMCPツールを用意する予定として紹介されていたよ。

**このさきの展望**: ブラウザだけでは完結しないような処理(要約や、蓄積されたインデックスへの問い合わせなど)については、今後のツールパックでエッジのWorkerを呼び出す形も検討されているみたい。まだ開発者プレビューの段階だから、Cloudflareとしてもコミュニティからのフィードバックを集めながら育てていきたい、というスタンスなんだって。

## まとめ

今日は Cloudflare が発表した「WebMCP on Cloudflare」の開発者プレビューを紹介したよ。ポイントをまとめるね。

- WebMCPは `document.modelContext` としてページに現れるブラウザ標準で、Chrome 146 で実験的に実装が始まっている
- Cloudflareを使っているサイトなら、コード変更もオリジン変更もなしに、トグル1つでWebMCPのツールを公開できる
- 開発者プレビューでは Content Credentials パック(C2PA画像メタデータ検査)と Site MCP Server パック(既存MCPサーバーの橋渡し)の2つが使える
- ツールの実行はすべてブラウザ側で完結し、人間の主導権とクリエイターのトラフィックはちゃんと守られる設計
- Cloudflareのリモートブラウザ BrowserRun はすでに対応済み、Radar も対応予定とのこと

自分のサイトをAIエージェントにちゃんと「使ってもらえる」場所にしたい人や、すでにMCPサーバーを持っていてブラウザからも呼び出せるようにしたい人には、特に刺さる発表だと思うな！