Google、「Chrome DevTools for agents 1.0」を正式公開　AIエージェントに実ブラウザのデバッグ環境を提供

AIコーディングツールはコードを書くスピードこそ圧倒的ですが、これまで大きな弱点がありました。書いたコードが実際のブラウザ上でどう動いているのか、AI自身には見えていなかったという点です。

どれだけ綺麗に見えるコードでも、実際に画面を開いてみるとハンバーガーメニューが動かなかったり、スタイルが崩れていたりするトラブルは珍しくありません。

Googleは5月19日、AIエージェントに実ブラウザの検証能力を与える「Chrome DevTools for agents 1.0」を正式リリースしました。数カ月前にプレビュー公開されていた機能が、いよいよ安定版として利用可能になります。

エージェントが実環境を「見て」直す7つの機能

今回の1.0リリースでは、エージェントをブラウザに接続する手段として3つの方法が用意されました。

標準プロトコルとして普及が進むMCP（Model Context Protocol）サーバー、トークン消費を抑えつつ操作をまとめて実行できるCLI、そしてアクセシビリティやパフォーマンス改善の専門的な手順を教え込むAgent skillsです。

接続されたエージェントは、人間が開発者ツールを使って行うような高度な作業を自律的にこなせるようになります。

代表的なのがLighthouseによる品質監査の自動化です。SEOやアクセシビリティ、Agentic Browsingの適合性をチェックし、本番環境に問題が混入するのを防ぐ品質ゲートとして機能します。

さらに画面サイズのリサイズや位置情報の偽装、ネットワークやCPUの帯域制限などをエージェント自ら設定し、過酷な実環境での挙動を検証できます。人間がブラウザの幅を手作業で縮めて確認する手間はもう不要です。

Chrome拡張機能の開発も効率化されます。エージェントが自ら拡張機能をインストールしてリロードし、バックグラウンドスクリプトに潜むバグまで追跡します。WebMCPの試験運用にも対応しており、DOMの推測に頼らず構造化されたツールを直接呼び出すことが可能です。

メモリヒープのスナップショットを取得して解放漏れしたDOMノードを特定できるほか、ログイン済みのセッションをエージェントにそのまま引き渡す自動接続機能も備えています。

導入環境も整っており、Antigravity 2.0に標準搭載されているほか、Gemini CLIやClaude Code向けのプラグイン、npm経由での提供も始まっています。

なぜ重要か

私たちは、このアップデートがWebフロントエンドにおけるAI開発の決定的なミッシングリンクを埋めたと考えています。

これまで開発者は、AIが書いたコードをブラウザに持ってきて手動で動かし、エラーログをコピーしてAIに戻すという不毛な往復を強いられていました。エージェントがDevToolsを直接操作できるようになれば、コード生成から実ブラウザでの動作検証、修正までが1つのループで完結します。

業界の視点で見ても、Googleが独自の囲い込みに走らず、MCPに対応してClaude Codeなど他社ツールにも門戸を開いた判断は極めて合理的です。ブラウザという自社の圧倒的アセットを、AI時代の開発基盤として位置付ける狙いが透けて見えます。

一方で、ログイン状態のセッションをエージェントに渡せる機能などは、権限管理を誤ると意図しない操作を実行してしまうリスクを孕んでいます。安全策の設計は引き続き不可欠です。

とはいえ、AIが「目隠し状態」を脱してランタイムの現実世界に降りてきた意味は大きく、Web開発の現場において試す価値は十分にあります。