WebMCPとは？Cloudflareの新機能も解説 ― AIエージェント時代のサイト設計

概要

WebMCP（MCPのブラウザ版）について、その仕組みとCloudflareが新たに発表したβ機能を解説する動画。AIエージェントがWebサイトを操作する際の信頼性・速度を高める手段として、サービス提供者が今のうちに押さえておくべきポイントが紹介されている。

主なポイント

• WebMCPとは「MCPがブラウザに来たもの」で、サイトが提供する操作可能なツール一覧をAIエージェントが直接呼び出せる仕組み。
• 従来のブラウザ自動化（要素クリックの推測やスクリーンショット解析）は、モデルやバージョンによって精度が不安定で、遅さや壊れやすさの問題があった。
• サイト側がツールを公開しておけば、エージェントは「できること一覧」から通路（ツール）を呼び出すだけでタスクを完遂でき、再現性・速度・成功率が向上する。
• WebMCPの実装はシンプルで、HTML内にMCPサーバーのツール定義のような形でツールをレジスト（登録）するだけでよい。
• Cloudflareが公開したブログでは、MCP未対応のサイトでもエッジ側でスクリプトを自動注入し、ツールを持たせられる新機能（β版）が紹介された。
• Cloudflareの新機能では「コンテンツ来歴（クレデンシャル）の検査」と「既存MCPサーバーへの中継（プロキシ）」の2つを有効化でき、ログイン状態を保ったまま安全に中継できる。
• 中継機能を使えば、元のソースコードを変えずに、既にデプロイ済みのMCPサーバーへエージェントのアクセスを転送できる。
• サービス提供者視点では、ソースコードを晒さずに済む点や、ツールのコンテキスト消費を抑えられる点がMCPサーバー方式のメリットとして挙げられている。
• 今後エージェント経由のアクセスが増える前提でサイト設計をするなら、WebMCPを実装に組み込んでおく選択肢が有効。
• エージェントからのアクセスを「怪しいボット」として弾くのではなく、正規のアクセス経路として迎える発想への転換が提案されている。

実践に使えること

• 自社サービスやサイトを持つ場合、AIエージェントが今後の主要な流入経路になる可能性を見据え、WebMCPでの「できること一覧」の公開を検討する。
• 既存サイトでMCP未対応の場合は、Cloudflareのエッジスクリプト注入機能（β）を使って、コード変更を最小限にツール公開を試す選択肢を持っておく。
• ブラウザ操作系エージェント（Chrome拡張・CLIブラウザ操作など）に頼る前に、対象サイトがWebMCPやMCPツールを提供していないか確認し、あれば優先的に利用することで作業の再現性を高める。
• 自社でMCPサーバーをすでに運用している場合、Cloudflareの中継機能でログイン状態を保ったまま安全にエージェントアクセスを橋渡しできないか検討する。