🔄アップデートKEITO【AI&WEB ch】

AIとWebを繋ぐ新規格「WebMCP」解説

AIエージェントがWebサイトを操作する際の効率を劇的に向上させる新規格「WebMCP」について解説します。Cloudflareが提供を開始したこの機能は、従来のAIによる画面認識の弱点を克服し、サイト側がAI専用の「メニュー」を提示することで、処理速度の向上と正確な操作を実現します。プログラミング知識不要で導入可能な点も大きな特徴です。

背景

従来のAIエージェント(ClaudeやCodexなど)がWebサイトを操作する場合、人間と同じように画面を「目」で見てボタンの位置を推測し、クリックするというプロセスをリアルタイムで行っていました。この方式は処理速度が非常に遅く、操作ミスが起こりやすい上に、AIのトークン消費量が多くコストが高くつくという課題がありました。これを解決するためにGoogleやMicrosoftが標準化を進めているのがWebMCPという新規格です。

この動画の要点

1. WebMCPはサイト側にAI専用の「注文窓口」を設ける仕組みです。AIがサイトにアクセスした際、サイト側が「できることリスト(メニュー)」を提示します。これにより、AIは画面を推測することなく、メニューに従って検索やカート投入などの操作を直接実行できるようになり、処理時間が約8割カットされ、操作の正確性も向上します。

2. Cloudflareを利用することで、既存のWebサイトにコードの書き換えなしでWebMCPを導入可能です。管理画面のスイッチをオンにし、使用するツールパックを選択するだけの3ステップで完了します。プログラミング知識がなくても、自社サイトを「AIファースト」な設計にアップデートできる点が画期的です。

3. AIスキルの共有方法としてもWebMCPは非常に有効です。スキルの内部ロジックを見せることなく、URLを共有するだけで他者が同じスキルを利用できる環境を構築できます。動画では、図解GIF作成や見積書作成のスキルをMCP化し、ClaudeデスクトップアプリからURL一つで連携・実行するデモが紹介されています。

なぜ重要か

WebMCPの登場は、Webサイトの在り方を「人間向け」から「AIと人間の両方に対応した窓口」へと変える転換点となります。特にECサイトやメディアサイトにおいて、AIエージェントによる自動購入や情報収集が一般化する中、サイト側がAIに最適化されたインターフェースを提供することは、ユーザー体験の向上に直結します。また、社内でのAIスキル展開においても、複雑なセットアップを排除しURLコピーだけで機能を共有できる仕組みは、AI活用の民主化を加速させる強力な武器になるでしょう。

こんな人におすすめ

Webサイト運営者、EC事業者、社内のAI導入担当者。AIエージェントに自社サイトを正しく、かつ高速に操作させたい方や、作成したAIスキルを安全かつ簡単にチーム内で共有・展開したい方に最適な内容です。

見どころ

この記事は KEITO【AI&WEB ch】 が公開した動画をAI(Google Gemini)が視聴して 日本語にまとめ、公開前に運営者が内容を確認したうえで掲載しています。 要約の性質上、細部が元の発言と異なる場合があります。 正確な内容は元の動画をご確認ください。

YouTubeで元の動画を見る

スポンサーリンク