Cloudflare、開発者プレビューとしてWebMCPインターフェースを公開
本文の状態
日本語全文を表示中
詳細モードで約9分の本文を読めます。
同じ出来事の情報源
この情報源を基点に整理
Cloudflare AI
Cloudflare は、WebMCP という新しいブラウザ標準に対応した開発者プレビューを発表し、コード変更なしで AI エージェントがサイトを操作できるツール機能をワンタップで提供可能にした。
AI深層分析を開く2026年8月6日 22:30
AI深層分析
キーポイント
WebMCP の Cloudflare 実装
Cloudflare は HTMLRewriter を用いたエッジインジェクションにより、Origin サイトのコードを変更せずに WebMCP ブリッジを注入する仕組みを提供している。
AI エージェント向けのツール公開
WebMCP はブラウザ標準として Chrome 146 で実験的に実装されており、サイトが AI エージェントに対して特定の操作ツールのセットを明示的に公開することを可能にする。
ツールパックの柔軟な管理
関連するツールをグループ化した「ツールパック」形式で提供され、開発者は再デプロイなしで設定を切り替えることで必要な機能をオンオフできる。
ブラウザ内での完全実行とサーバーレス動作
すべてのツールは訪問者のブラウザ内で完結して実行され、サーバーへの往復がない。既存のセッションとオリジンを用いて直接 MCP サーバーエンドポイントに通信する。
エッジワーカーによる拡張性
ブリッジコードはエッジで動作するワーカーによって提供され、ページ単独では不可能なタスクの処理余地を確保している。将来的には Workers AI を用いたサイトマップ要約や AI 検索インデックスへのクエリなどが可能になる。
重要な引用
The web was built on the assumption that there is a person on the other end: someone to read the page, click buttons, and fill in the forms.
WebMCP is a new browser standard, shipping experimentally in Chrome 146, that shows up in the page as document.modelContext.
Our implementation comprises two parts, both in front of your origin. Neither touches your site's code.
The browser is just another place MCP runs.
編集コメントを表示
編集コメント
WebMCP は AI エージェントとウェブサイトの相互運用性を根本から再設計する画期的な標準であり、Cloudflare がその普及を後押しする実装を提供した点は業界にとって大きな一歩である。コード変更の負担を排除したこのアプローチは、多くのサイト運営者が AI エージェント対応への参入障壁を感じていた現状を変える可能性を秘めている。
Source Article
元記事を日本語で読む
本文に関係しない購読案内、埋め込み通知、サイト内プロモーションは除いています。
本日、Cloudflare 上で WebMCP の開発者プレビュー版をリリースしました。これをオンにすれば、サイト側でコードを書き換えたり、オリジンサーバーを変更したりすることなく、ブラウザエージェントがすぐにあなたのサイトと連携し始められます。Cloudflare はページ間に小さなブリッジを追加し、訪問者のエージェントが利用可能なツール群を登録します。
ウェブは「向こう側に人間がいる」という前提の上に構築されました。つまり、ページを読み、ボタンをクリックし、フォームに入力する人がいるという前提です。しかし現在、AI エージェントからのアクセスが増加しており、これは本来人間のために作られたインターネットへの訪問です。これまでの一般的なアプローチはクローラーによるもので、コンテンツをサーバーにコピーするものですが、その結果、元のサイトにはトラフィックがほとんど流れず、クレジットも得られないケースが多々あります。
より良い方法があります。それはスクレイピング(データ収集)を伴わないものです。
WebMCP は新しいブラウザ標準規格で、Chrome 146 で実験的に実装されています。ページ内では document.modelContext として表示されます。サイト側がエージェントに利用可能なツールセットを公開することで選択可能になります。これにより、人間向けに設計されたページの中でエージェントが推測して操作する必要がなくなります。その結果、エージェントはユーザーとは異なるブラウジング体験を得られ、トークンをナビゲーションではなくタスク実行に集中して使用できるようになります。
ただし注意点として、この機能を実装するのはサイト側です。
Cloudflare はこの仕組みの両端を構築し続けています。リモートブラウザ「BrowserRun」にはすでに WebMCP のサポートが追加されており、エージェントがサイトが提供するツールを検出して呼び出すことが可能です。また、クラウドレーダー(Radar)でも間もなく独自の WebMCP ツールを提供する予定です。
今回のプレビューで焦点を当てているのは、その逆の側面です。Cloudflare 上のあらゆるサイトに、コードを書かずに単一のスイッチを入れるだけでツールを追加できる仕組みです。
Cloudflare における WebMCP の開発者プレビュー
WebMCP を手動で実装するのは小規模なプロジェクトです。公開するツールの設計を行い、インターフェースに接続し、標準の進化に合わせて機能を維持する必要があります。しかし、私たちはそれよりもシンプルな方法を目指しました。設定を切り替えるだけでツールを有効化できる仕組みです。
これらのツールは「パック」という形で提供されます。関連するツールがグループ化されており、まとめてオンオフできます。この構成は拡張性を意識して設計されています。新しいパックを追加すれば、サイト側は再デプロイすることなく、スイッチを入れるだけで利用可能になります。
今回の開発者プレビューでは、ブラウザ上で完全に動作する 2 つのツールパックを収録しています。
仕組みと動作概要
私たちの実装には 2 つの構成要素があり、どちらもオリジンサーバーの手前に位置します。サイトのコードに直接手を加えることはなく、サイトが静的なページなのかシングルページアプリ(SPA)なのかに関わらず、同じように機能します。
まず、エッジでの注入です。Cloudflare ダッシュボードで WebMCP をオンにすると、HTMLRewriter を使って各 HTML レスポンスの末尾に 1 行を追加します。これは、私たちが提供するブリッジスクリプトへの参照です。タグと読み込まれるスクリプトの両方がエッジから提供され、同じオリジンから配信されるため、ページの他の部分には一切変更が加わりません。
data-packs属性は、有効化するパックのリストを指定します。既存のModel Context Protocol (MCP) サーバーをお持ちの場合は、data-mcp-urlでそのサーバーへのパスを指定できます(デフォルトでは同じオリジンの /mcp になります)。
次に「ブリッジ」です。これはページ内で動作し、WebMCP のインターフェースを検出します。ブラウザに該当するものが存在しない場合は何もしないため、ページの挙動は従来通り維持されます。
その後、ブリッジが data-packs で指定されたパックを結合してツールリストを作成し、.registerTool を通じてそれぞれを登録します。パックとは、MCP ツールの記述子とそのハンドラからなるセットのことです。静的なパック(例:Content Credentials)は起動時にツールの定義を宣言しますが、動的なパック(例:Site MCP Server パック)は、ツールを登録する前に起動時に自動的に発見します。
今回のプレビュー版では、すべてのツールが訪問者のブラウザ内で完結して実行されます。サーバーとの往復通信は一切発生しません。Content Credentials パックは画像を取得し、その最初の数キロバイトに含まれるコンテンツの出自に関するメタデータをローカルで解析します。また、Site MCP Server パックは、訪問者のオリジン上で既存のセッションを保持したまま、ページから直接 MCP サーバーのエンドポイントに通信を行います。
ブリッジのコードは、エッジで動作するワーカーによって配信されます。これにより、今後の拡張余地が生まれます。将来的なパックでは、このワーカーを呼び出して、ページ単独では処理できないタスク(例:Workers AI を用いたサイトマップの要約や、AI Search インデックスへの問い合わせなど)を実行できるようになります。
エージェントにとって、これらはすべて標準的な MCP ツールに過ぎません。Model Context Protocol 独自の Tool や CallToolResult タイプを採用しているため、すでに MCP サーバーと通信できるエージェントであれば、特別な追加なしでページを操作できます。ブラウザもまた、MCP が動作する場所の一つにすぎないのです。
以下の例では、ユーザーが持つ既存の MCP ツールの一つを、訪問者のエージェントが呼び出せるツールに変換する方法を示しています。
コンテンツメタデータの確認
私たちは現在、さまざまな種類のメタデータを読み取るためのパックも開発中です。例えば、C2PA プログラムの参加者に関する認証情報は、「Content Credentials」パックを使用して取得できます。scan_images_c2pa は画像をすべてスキャンし、各画像について簡潔なサマリーを返します。
より詳細に確認したい場合は、inspect_image_c2pa を使用して、1 枚の画像の完全なマニフェスト(編集履歴、明記された著者、署名証明書など)をデコードできます。これは純粋な TypeScript で書かれたリーダーであり、画像そのものではなく、メタデータが格納されている画像の先頭部分のみを数キロバイト読み取るだけです。
現時点では、このツールは認証情報を復号化して報告するだけで、暗号的な検証までは行いません。そのため、すべての結果には signatureVerified: false が付与され、エージェントが復号化された主張を検証済みと誤認することはありません。
実際に試してみる
WebMCP の利用を開始するには、Cloudflare ダッシュボードの「Agent Readiness > Labs」へアクセスしてください。ここではドメインごとに WebMCP をオンに切り替え、追加するパックを選択できます。デフォルトでは「Content Credentials」と「Site MCP Server」が有効になっており、今後リリースされる新しいパックもここに表示されます。これがセットアップのすべてです。デプロイする必要もなく、オリジンサーバー側で変更を加える必要もありません。サイトから送信される次の HTML には自動的にブリッジが含まれるようになります。
設定が完了したか確認するには、サイトの任意の HTML ページを参照し、Cloudflare が注入した行を探してください。
ツールが動作しているかを確認するために、独自のエージェントを用意する必要はありません。Cloudflare のリモートブラウザ「BrowserRun」にサイトの URL を指定するだけで、訪問者のエージェントと同様に、登録されたパックのツールを発見して呼び出すことができます。これが全体の流れです。「BrowserRun」はエージェントに対してブラウザを操作させる手段を提供し、このプレビュー機能はサイトに対して操作されるためのツールを提供します。そしてこれらはオープンスタンダードを通じて接続されます。ブラウザが個人のノートパソコン上にある場合でも、クラウド上でヘッドレスで動作している場合でも、ツールの挙動は同じです。
なぜ私たちはこれを構築したのか
私たちの役割はインターネットをより良くすることです。インターネットの進化に伴い、ドメインオーナーには、完全な再構築なしに新しい訪問者である AI エージェントと対話できるツールを提供する必要があります。これは、訪問者が常に人間とは限らない未来でもウェブが繁栄し続けるための一歩です。
現在は開発者向けプレビュー版です。ぜひフィードバックをお寄せください。オンにしてご自身のサイトで試した結果を、Cloudflare Developers Discord やコミュニティフォーラムで教えてください。
原文を表示
Today we are launching a developer preview of WebMCP on Cloudflare. Switch it on and browser agents can start working with your site, with no code and nothing changed at your origin. Cloudflare adds a small bridge to your pages, which registers a set of tools for a visitor’s agent to use.
The web was built on the assumption that there is a person on the other end: someone to read the page, click buttons, and fill in the forms. But now more and more visits come from AI agents instead, to an Internet made for humans. The usual approach has been crawlers, which copy content back to a server and, too often, give the original site none of the traffic and little of the credit. There is a better way, and it does not involve scraping.
WebMCP is a new browser standard, shipping experimentally in Chrome 146, that shows up in the page as document.modelContext. A site can choose to expose a set of tools for agents running in the browser, meaning agents no longer have to guess their way through a page built for humans. This enables agents to have a different browsing experience from the user and use tokens on tasks, not navigation. The catch: the site has to implement it.
Cloudflare has been building both ends of this. BrowserRun, our remote browser, already added WebMCP support, so an agent can discover and call the tools a site exposes. Cloudflare Radar will soon offer WebMCP tools of its own. This preview is about the other side: a way to give any site on Cloudflare those tools with a single switch, and no code.
A developer preview of WebMCP on Cloudflare
Implementing WebMCP by hand is a small project: design the tools to expose, wire them into your interface, and keep them working as the standard evolves. We wanted it to be simpler than that: just toggle a setting to enable tools.
These tools come in packs — groups of related tools that can be turned on together. These are built to grow: as we add packs, a site can opt in to more just by turning them on, no redeploy needed. We are including two tool packs in this developer preview, which both run entirely in the browser.
What this does and how it works
Our implementation comprises two parts, both in front of your origin. Neither touches your site’s code and both work the same way whether your site is static or a single-page app.
First, an injection at the edge. When your site has WebMCP switched on in your Cloudflare Dashboard, we use HTMLRewriter to add one line to each HTML response: a small reference to a bridge script that we also serve. Both the tag and script it loads come from the edge, same origin, so nothing else about the page changes:
The data-packs attribute is the list of packs to activate. If you have an existing Model Context Protocol (MCP) server, the data-mcp-url points at your own MCP server (defaulting to the same origin /mcp).
Second, the bridge. This runs in the page and finds the WebMCP surface. If the browser does not have one, it returns and does nothing, so the page behaves exactly as before.
From there, the bridge composes the packs named in data-packs into one tool list and registers each with .registerTool. A pack is just a set of MCP tool descriptors and their handlers. Static packs, such as Content Credentials, declare their tools up front. A dynamic pack, such as the Site MCP Server pack, discovers its tools at boot before registering anything.
In this preview, every tool runs entirely in the visitor’s browser. There is no round trip to a server of ours. The Content Credentials pack fetches an image and parses its first few kilobytes of content provenance metadata locally. The Site MCP Server pack talks straight to your MCP server endpoint from the page, on the visitor's origin and with their existing session.
The bridge code is served by a worker running at the edge. This leaves us room to grow the offering — future packs will be able to call this worker for tasks the page cannot do alone, like summarizing a sitemap with Workers AI or querying an AI Search index.
To an agent, all of these are ordinary MCP tools. We use Model Context Protocol’s own Tool and CallToolResult types, so an agent that already talks to MCP servers can drive a page with nothing special added. The browser is just another place MCP runs. The example below shows how the bridge turns one of your own MCP tools into a tool the visitor’s agent can call.
Checking out content metadata
We are also developing packs to read different types of metadata. For example, credentials for participants of the C2PA program can be retrieved using the Content Credentials pack. scan_images_c2pa sweeps every image and returns a short summary of each:
For a closer look, inspect_image_c2pa decodes one image’s full manifest: its edit history, the stated author, and the signing certificate. It is a plain TypeScript reader that touches only a few kilobytes of the metadata at the front of the image, not the image itself. For now, it reads and reports the credential, rather than cryptographically verifying it: every result carries signatureVerified: false, so an agent won’t mistake a decoded claim for a checked one.
Try it out
Get started with WebMCP by going to Agent Readiness > Labs in the Cloudflare Dashboard. Here you can toggle on WebMCP for a domain, and pick which packs to add: both Content Credentials and Site MCP Server are on by default, and more packs will show up here as we ship them. That's the whole setup. There's nothing to deploy and nothing to change at your origin, and the next HTML your site sends will include the bridge.
To confirm it’s live, ask your site for any HTML page and look for the line Cloudflare injected:
You do not need your own agent to see the tools work. Point BrowserRun, Cloudflare’s remote browser, at your URL, and it will discover and call the tools your packs registered, exactly as a visitor’s agent would. That is the whole loop: BrowserRun gives agents a browser to act on, this preview gives your site the tools to be acted on, and they meet using the open standard. The tools behave in the same way whether the browser is on someone’s laptop or running headless in the cloud.
Why we built this
Our job is to help make the Internet better, and as the Internet changes we need to provide domain owners with tools that allow new visitors, AI agents, to interact without a full rebuild. It is one step towards a web that can still thrive when visitors are not always human.
This is a developer preview, and we want your feedback. Turn it on, try it against your own site, and tell us how it goes in the Cloudflare Developers Discord or on the Community forum.
関連記事
今日のまとめ
AIデイリーブリーフで今日の重要ニュースをまとめ読み