Claude in Chrome — ベータ版の落とし穴
Claude in Chrome は、Claude Code を Google Chrome / Microsoft Edge ブラウザに接続し、Web アプリのテスト・コンソールログでのデバッグ・フォーム自動入力・Web ページからのデータ抽出をすべて CLI または VS Code 拡張機能から実行できるベータ版機能です(出典: Chrome で Claude Code を使用する(ベータ版))。
Claude はブラウザのログイン状態を共有するため、Google Docs・Gmail・Notion・Linear など API コネクタなしで認証済み Web アプリと対話できます。一方で Brave・Arc など他の Chromium ブラウザ非対応、WSL 非対応、サードパーティプロバイダー(Bedrock / Vertex / Foundry)経由ではライセンス上利用不可など、ベータ段階特有の制約も把握しておくべきです。本記事は claude in chrome を 5 分で動かすセットアップ手順と落とし穴を Anthropic 公式情報ベースで整理します。
Claude in Chrome は Claude Code の Chrome 拡張統合(ベータ版)で、Web アプリのテスト・ライブデバッグ・データ抽出・Google Docs/Gmail 自動操作を 1 つのセッションで完結します。利用条件は Google Chrome または Microsoft Edge / 拡張機能 v1.0.36 以降 / Claude Code v2.0.73 以降 / 直接 Anthropic プラン(Pro・Max・Team・Enterprise)の 4 つで、Brave・Arc・他 Chromium ブラウザは未対応、WSL も非対応、Bedrock や Vertex AI 経由でも使えません。claude --chrome または /chrome で起動し、サイト権限は Chrome 拡張機能から継承されます。/chrome で「Enabled by default」にすると毎回 --chrome を渡す必要がなくなりますが、コンテキスト消費が増えます。
目次 (15)
- Claude in Chrome とは — Computer Use との優先順位
- Computer Use との優先順位
- Computer Use との比較表
- 4 つの利用条件 — Chrome/Edge / 拡張 v1.0.36+ / Code v2.0.73+ / 直接 Anthropic
- Brave・Arc が使えない理由
- Bedrock / Vertex / Foundry 経由で使えない理由
- 5 分セットアップ — --chrome フラグまたは /chrome で起動
- 「Enabled by default」のトレードオフ
- サイト権限の管理
- できること 7 種 — ライブデバッグ / E2E テスト / データ抽出 / GIF 記録
- コンソールデバッグの注意点
- トラブルシューティング — 4 つの典型エラー
- まとめ — Claude in Chrome を選ぶ判断基準
- 出典(一次情報)
- 関連記事
Claude in Chrome とは — Computer Use との優先順位
Claude in Chrome は、Anthropic が公式に Chrome Web Store で提供する Claude in Chrome ブラウザ拡張機能 を介して、Claude Code が Chrome / Edge を直接操作できるようにする統合機能です(出典: Chrome で Claude Code を使用する(ベータ版))。
Claude はブラウザタスク用に新しいタブを開き、ユーザーがログイン済みのサイトにアクセスできる状態でアクションを実行します。CAPTCHA やログイン画面に遭遇した場合は一時停止して手動操作を求めるため、自動化が暴走する設計にはなっていません。
Computer Use との優先順位
Claude Code が外部サービスと対話する優先順位は MCP コネクタ → Bash → Chrome の Claude → Computer Use の順で、ブラウザ作業には Chrome の Claude が Computer Use より優先されます(出典: Claude に CLI からコンピュータを使用させる)。
| 優先順位 | ツール | 適用条件 |
|---|---|---|
| 1 | MCP コネクタ | 対象サービスの公式・自作 MCP がある |
| 2 | Bash | シェルコマンドで完結する |
| 3 | Claude in Chrome | ブラウザ作業で Chrome 拡張がセットアップ済み |
| 4 | Computer Use | 上記いずれも適用できない GUI 限定タスク(macOS のみ) |
Claude in Chrome のティアは Computer Use の「ブラウザはビューのみ」制限を上書きし、Chrome 拡張経由でクリック・入力・スクロールが可能になります。Computer Use がブラウザに対して敢えて視覚のみに絞るのは、フィッシングサイト等で送金ボタンを誤操作するリスクを避けるためで、Claude in Chrome では Chrome 拡張のサイト権限管理が代替の安全装置になります。
Computer Use との比較表
| 観点 | Claude in Chrome | Computer Use |
|---|---|---|
| サポート OS | macOS / Windows / Linux | macOS のみ |
| サポートブラウザ | Chrome / Edge | 全ブラウザ(視覚のみ) |
| プラン | Pro / Max / Team / Enterprise(直接 Anthropic 経由) | Pro / Max(直接 Anthropic 経由) |
| 速度 | 高速(専用ツール) | 低速(スクリーンキャプチャ駆動) |
| 認証共有 | ブラウザログイン状態を継承 | ブラウザビューでログインを目視 |
| 最適な用途 | Web アプリ全般 | ネイティブアプリ・iOS Simulator |
つまり Web 作業に限れば Claude in Chrome が常に第一選択で、Linux 環境や Windows 環境でも使えるため適用範囲が広いことが分かります。
4 つの利用条件 — Chrome/Edge / 拡張 v1.0.36+ / Code v2.0.73+ / 直接 Anthropic
Claude in Chrome は他の Claude Code 機能と異なり、利用条件が厳格に絞られています。4 つすべて満たさないと拡張機能と CLI の通信が確立しません(出典: Chrome で Claude Code を使用する(ベータ版))。
| 条件 | 詳細 | 確認方法 |
|---|---|---|
| Chrome または Edge ブラウザ | Brave・Arc・他 Chromium 系は未サポート | ブラウザ種別を確認 |
| 拡張機能 v1.0.36 以上 | Chrome Web Store で両ブラウザ共通 | chrome://extensions でバージョン確認 |
| Claude Code v2.0.73 以降 | 古いバージョンは Native Messaging 未対応 | claude --version |
| 直接 Anthropic プラン | Bedrock / Vertex / Foundry 経由は不可 | /status でプロバイダー確認 |
加えて WSL(Windows Subsystem for Linux)非対応 という制約があります。Windows ユーザーがネイティブ Windows 環境ではなく WSL から Claude Code を起動している場合、Native Messaging 経路が確立されないため Chrome 拡張に到達できません。WSL を常用している場合、Windows ネイティブの Claude Code に切り替えるか、Linux 上の Chrome を使う構成にします。
Brave・Arc が使えない理由
Brave や Arc はそれぞれ Chromium ベースで Chrome 拡張機能をインストールできますが、Native Messaging Host 設定の探索パスが Chrome / Edge と異なるため拡張機能と CLI の通信が確立しません。Anthropic は公式に「Brave、Arc、その他の Chromium ベースのブラウザではまだサポートされていません」と明示しており、将来的なサポート可能性は否定されていません。
それまでは普段使いを Brave / Arc にしている開発者でも、Claude in Chrome 利用時のみ Chrome / Edge を起動する運用が現実的です。
Bedrock / Vertex / Foundry 経由で使えない理由
サードパーティプロバイダー経由で Claude にアクセスしている組織では、Claude in Chrome 機能フラグがアカウントに乗らないため、Chrome 統合が起動しません。エンタープライズで Bedrock を主に使っている場合でも、Claude in Chrome のためだけに別の claude.ai アカウント(Pro / Max 個人プラン)を用意する必要があります。
これは Computer Use や Routines と同様の制約で、Anthropic 直接プランでないと最新の研究プレビュー機能が解放されない構造になっています。
5 分セットアップ — --chrome フラグまたは /chrome で起動
利用条件をクリアしたら、セットアップは 2 ステップで完了します(出典: Chrome で Claude Code を使用する(ベータ版))。
# Step 1: Chrome Web Store で拡張機能をインストール
# https://chromewebstore.google.com/detail/claude/fcoeoabgfenejglbffodgkkbkcdhcgfn
# Step 2: Claude Code を Chrome モードで起動
$ claude --chrome
# または既存セッション内から /chrome を実行
# 接続確認
$ claude
> /chrome
# 「Enabled by default」を選ぶと毎回 --chrome を渡す必要がなくなる
Chrome 統合を初めて有効にすると、Claude Code は Native Messaging Host 設定ファイルを以下の場所にインストールします。Chrome は起動時にこのファイルを読むため、最初の試行で「Extension not detected」が出る場合は Chrome を再起動して新しい設定を取得してください。
| OS | Chrome 設定ファイルパス |
|---|---|
| macOS | ~/Library/Application Support/Google/Chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json |
| Linux | ~/.config/google-chrome/NativeMessagingHosts/com.anthropic.claude_code_browser_extension.json |
| Windows | レジストリ HKCU\Software\Google\Chrome\NativeMessagingHosts\ |
セットアップ後、自然言語で Web 作業を依頼します。
Go to code.claude.com/docs, click on the search box,
type "hooks", and tell me what results appear
「Enabled by default」のトレードオフ
/chrome で「Enabled by default」を有効にすると、毎セッション --chrome を渡す必要がなくなり便利ですが、ブラウザツールが常にロードされるためコンテキスト消費量が増加します。コンテキスト圧迫を感じたら、この設定を無効にして必要なときだけ --chrome で起動する運用に戻します。
VS Code 拡張機能では Chrome 拡張機能がインストールされている場合、Chrome は常に利用可能で追加フラグ不要です。CLI とは挙動が異なるため、両方を併用する場合は注意します。
サイト権限の管理
Claude がブラウズ・クリック・入力できるサイトは Chrome 拡張機能のサイトレベル権限から継承されます。chrome://extensions で拡張機能の詳細を開き、「サイトへのアクセス」設定で許可サイトを限定できます。デフォルトでは全サイトアクセス可能ですが、機微な業務サイト(銀行・社内 SaaS 等)はホワイトリスト方式に絞る運用が安全です。
セッション中に「Browser extension is not connected」が出たら、/chrome を実行して Reconnect extension を選択します。長時間アイドルで Service Worker が停止した場合の典型的な復旧手順です。
できること 7 種 — ライブデバッグ / E2E テスト / データ抽出 / GIF 記録
Claude in Chrome は ブラウザアクションとコーディングタスクを単一ワークフロー内でチェーン できます。公式ドキュメントは 7 種類の代表ユースケースを示しており、API コネクタが整備されていない領域でも Web UI 経由で実行できる点が強みです(出典: Chrome で Claude Code を使用する(ベータ版))。
| ユースケース | 概要 | 典型プロンプト例 |
|---|---|---|
| ライブデバッグ | コンソールエラー + DOM 状態を読み取りコード修正 | "Open the dashboard page and check the console for any errors" |
| デザイン検証 | Figma モックから UI 実装後にブラウザで一致確認 | "Check the implemented header against the Figma mock" |
| Web アプリテスト | フォーム検証・ビジュアルリグレッション・ユーザーフロー | "Submit the form with invalid data, check error messages" |
| 認証済みアプリ操作 | Gmail / Notion / Google Docs / Sheets を直接操作 | "Draft a project update and add it to Google Doc abc123" |
| データ抽出 | Web ページから構造化情報を取得し CSV 等で保存 | "Extract product name, price, availability and save as CSV" |
| タスク自動化 | データ入力・フォーム入力・マルチサイト横断 | "For each row in contacts.csv, fill in the CRM form" |
| GIF 記録 | ブラウザ操作シーケンスを共有可能な GIF として記録 | "Record a GIF showing the checkout flow" |
これらは「Web に存在するが API がない」「あるが MCP コネクタが未整備」サービスに対して特に強力で、Google Docs に直接書き込ませて API キー不要でドキュメント生成、CRM の手動入力代行、Notion ページの一括更新など、人間が GUI でやってきた作業をそのまま委譲できます。
コンソールデバッグの注意点
コンソールログの取得は便利ですが、ログ量が多い大規模アプリでは Claude のコンテキストを圧迫します。「すべてのコンソール出力を見て」と漠然と依頼するのではなく、「特定のエラーパターンを探して」「ログイン後に出るエラーのみ報告して」のように絞り込み指示を与えると効率的です。
ローカルサーバーを使った開発では localhost:3000 への直接ナビゲーションも問題なく動作するため、フロントエンド開発フローに自然に組み込めます。
トラブルシューティング — 4 つの典型エラー
Claude in Chrome 利用中に最も頻繁に遭遇するエラーは 4 種類で、いずれも公式ドキュメントに修正手順が明記されています(出典: Chrome で Claude Code を使用する(ベータ版))。
| エラー | 原因 | 修正手順 |
|---|---|---|
Browser extension is not connected |
Native Messaging Host が拡張に到達できない | Chrome と Claude Code を再起動 → /chrome で Reconnect |
Extension not detected |
拡張機能未インストールまたは無効化 | chrome://extensions でインストール / 有効化 |
No tab available |
タブ準備前に Claude が動作した | Claude に新しいタブを作成して再試行を依頼 |
Receiving end does not exist |
Service Worker がアイドル化 | /chrome で Reconnect extension を選択 |
長時間セッションで接続が切れる現象は Chrome 拡張機能の Service Worker 仕様によるもので、Anthropic 側のバグではありません。1 時間以上ブラウザツールを使っていない場合は予防的に /chrome で reconnect しておくと安全です。
Windows 固有では「名前付きパイプ競合(EADDRINUSE)」が発生することがあり、別の Claude Code セッションが同じパイプを使っている場合に起きます。Chrome を使っている他のセッションを閉じてから再起動します。
まとめ — Claude in Chrome を選ぶ判断基準
Claude in Chrome はブラウザ作業全般で Computer Use より優先される高速な統合機能で、Web アプリのライブデバッグ・E2E テスト・データ抽出・認証済みサービス操作・GIF 記録の 7 用途で第一選択になります。Linux / Windows / macOS 全 OS に対応するため、Computer Use の macOS 限定制約も回避できます。
利用前のチェックリストは次の 4 項目です。
- Google Chrome または Microsoft Edge を使う(Brave・Arc は未対応)
- Claude in Chrome 拡張機能 v1.0.36 以降をインストール済み
- Claude Code v2.0.73 以降を実行している
- 直接 Anthropic プラン(Pro・Max・Team・Enterprise)で認証済み(Bedrock / Vertex / Foundry 経由は不可)
セットアップは Chrome Web Store で拡張機能をインストールし、claude --chrome で起動するだけで完了します。/chrome で「Enabled by default」にするとフラグ不要になりますが、コンテキスト消費が増えるため必要なときだけ起動する運用も検討します。
ベータ版のため API 形式や対応ブラウザは今後変更される可能性があります。最新仕様は Chrome で Claude Code を使用する で確認してください。
出典(一次情報)
- Chrome で Claude Code を使用する(Claude Code 公式ドキュメント・ベータ版)
- Claude に CLI からコンピュータを使用させる(Claude Code 公式ドキュメント)
- VS Code でのブラウザ自動化(Claude Code 公式ドキュメント)
- Claude in Chrome 拡張機能(Chrome Web Store)
- Chrome で Claude を使い始める(Anthropic Support)
