Cloudflareが2024年8月6日に発表した、既存のWebサイトに「WebMCP」インターフェースを付与する新機能について解説する動画です。AIエージェントがWebサイトを操作する際、これまでの「画面を見て推測する」方式から、サイト側が「できること」を提示する方式への転換を促す技術であり、開発者やサイト運営者にとって重要なパラダイムシフトを提示しています。

背景

従来のAIエージェントによるWebブラウジングは、画面のスクリーンショットを撮り、どのボタンを押すべきか推測してクリックするという手法が一般的でした。しかし、この方法は動作が遅く、サイトのデザイン変更に弱い（壊れやすい）という課題がありました。これに対し、MCP（Model Context Protocol）をブラウザ上で利用可能にする「WebMCP」という標準案が登場し、AIエージェントとWebサイトが共通の言語でやり取りできる環境が整いつつあります。Cloudflareはこの流れを汲み、エッジ側でWebMCPを有効化する機能を公開しました。

この動画の要点

1. 「制御の反転」による効率化：AIエージェントがサイトを解析するのではなく、サイト側が「ツール」として操作メニューを提示します。これにより、エージェントは推測の手間を省き、確実かつ高速にタスクを実行できるようになります。

2. WebMCPの正体：MCP（Model Context Protocol）をブラウザ内に持ち込んだ仕組みです。JavaScriptのAPI（document.modelContext.registerToolなど）を通じて、サイトが持つ機能をAIエージェントに直接公開することが可能になります。

3. Cloudflareによるエッジ注入：Cloudflareを利用しているサイトであれば、コードを一行も変更することなく、エッジサーバー側でWebMCP用のスクリプトを自動挿入できます。これにより、既存サイトのAIエージェント対応が容易になります。

4. 初期のツールパック：現在は「コンテンツ由来の検査（C2PA）」と「MCPサーバーへの中継」の2つの機能が提供されています。画像の真偽確認や、既存のMCPサーバーへの安全なアクセスをAIエージェントに許可することができます。

なぜ重要か

この技術の重要性は、Webサイトのあり方が「人間向け」から「AIエージェント併用」へと進化する点にあります。サイト側が自ら「何ができるか」を宣言することで、エージェントによる誤操作を防ぎ、ユーザー体験を向上させることができます。Cloudflareのようなインフラ側がこの機能をサポートすることで、個別の開発者が複雑な実装をせずとも、インターネット全体が「AIフレンドリー」な構造へと一気に移行する可能性を秘めています。これは、スクレイピングに頼らない新しいWebの形と言えます。

こんな人におすすめ

Webサイトの開発者、SaaS提供者、AIエージェントの活用を検討しているビジネス担当者。AIに優しいサイト設計の最新トレンドと、具体的な実装イメージを掴むことができます。