- URL: Chrome DevTools MCP で AI エージェントのフロントエンド開発をサポートする
- 著者: azukiazusa (@azukiazusa9)
- 公開日: 2025-09-27
いつ読むか？
- AI で E2E テストを自動化するとき
読書メモ
Chrome DevTools MCP = AI エージェントがブラウザを自動操作できるようにするツール
使いどき
- フロントエンドのE2Eテスト自動化
- ブラウザのコンソールログ・ネットワークログを AI に取得させたい
- パフォーマンス分析・アクセシビリティ検査の自動化
セットアップ（Claude Code）
claude mcp add chrome-devtools npx chrome-devtools-mcp@latest主な機能
- ブラウザ自動操作（Puppeteer）
- スクリーンショット撮影
- コンソール/ネットワークログ取得
- パフォーマンストレース