WebMCP入門 - WebにAI用の窓口を作ろう

WebMCPとは、Googleが提唱しているWebページ上にAI用の窓口（MCP）を準備するためのしくみです。 例えば、旅行の予約サイトとか、経費の申請画面など、ユーザーがWebブラウザを通じて入力する場面があります。これらを、AIエージェントに代行してもらいたい場合、現在はWebブラウザをAIが操作して、HTMLの構造などを解析しながら操作をします。 しかし、これでは複雑な操作ができなかったり、入力欄の作りによってはAIエージェントがうまく認識できなかったりしました。 そこで、Webページ側からAIエージェントに、各パーツの役割などを伝えるしくみが、このWebMCPです。現在では、まだ一般的に利用できる段階ではなく、Open AI Codex内蔵のWebブラウザなど、一部の環境で利用できます。 ここでは、そんなWebMCPについて簡単に紹介していきましょう。 WebMCP https://developer.chrome.com/docs/ai/... WebMCP - Model Context Tool Inspector https://chromewebstore.google.com/det... サンプルサイト https://tsundoku-book-finder.seltzer.... ■ 目次 00:00 スタート 00:33 WebMCPとは 02:42 WebMCPを有効化しよう 04:31 WebMCPを試してみよう 07:17 宣言型API 13:28 命令型API 15:10 WebMCPで広がるAI連携