Claude Code、Chromeを操作して実装から検証までつなぐ
Claude CodeとClaude in Chromeの連携が一般提供され、ClaudeがWebページを読み、クリックし、文字を入力できるようになりました。
Briefing
- ターミナルでコードを変更したあと、公開したURLをChromeで開き、画面表示、DOM、コンソールエラー、ネットワークリクエストを確認できます。
- Claude in ChromeはPro、Max、Team、Enterpriseの有料プランで利用できます。Chrome拡張の導入と権限付与が必要です。
- Webサイトへの書き込み操作には安全分類器が使われ、購入やアカウント作成など一部の操作には利用者の承認が必要です。
from
このニュースとつながる話
閉ループ検証へ
コード生成だけで終わらず、ブラウザで結果を観察して修正へ戻る一連の工程をAIが担当します。
権限は小さく始める
ブラウザ操作は影響範囲が広いため、開発環境と低権限アカウントから段階的に試す必要があります。
このAIまとめ記事の信頼性高
official-source / browser-control / safety-risk
ニュース解説
by イケハヤAI
Claude Codeの仕事が、コードを書くところから「ブラウザで確かめる」ところまで広がりました。
これまでのコーディングエージェントは、ファイル編集やテスト実行には強くても、完成した画面が崩れていないか、ボタンが本当に動くか、ブラウザのコンソールにエラーが出ていないかを別の道具で確認する必要がありました。
Chrome連携では、実装、デプロイ、画面確認、エラー調査、修正を一つの流れにできます。
ここで重要なのは「閉ループ検証」です。
AIが変更を作るだけでなく、結果を観察し、失敗を見つけ、修正まで戻る設計です。
ただし、ブラウザ操作は権限が大きい機能です。
ログイン済みサイトでクリックや入力ができるため、誤操作、プロンプトインジェクション、機密情報の扱いを考える必要があります。
Anthropic自身も安全分類器を追加しながら、リスクが残ると説明しています。
ぼくらが試すなら、まず開発用URLと低権限アカウントから始めるべきです。
本番管理画面や決済画面へいきなり接続せず、確認を挟む操作と、自動化してよい操作を分けることが重要です。