メインコンテンツにスキップ

ChromeでClaudeを始める

Claude in Chromeはブラウザ拡張機能で、Claudeがウェブサイトを読み取り、クリックし、ナビゲートできます。Chrome側パネルからClaudeタスクを起動したり、Claude CoworkやClaude Codeから起動できます。

Claude in Chromeはすべての有料プラン(Pro、Max、Team、Enterprise)で利用できます。Claude CoworkおよびClaude Codeで利用でき、Chrome側パネルではベータ版です。MaxおよびTeamプランでは、側パネルはClaude Coworkセッションとして実行され、これはProプランにロールアウト中です。Enterpriseプランでは、管理者がクラウドでCoworkを有効にした場合、側パネルはCoworkセッションとして実行されます。それまでは、クラシック体験を使用します。

重要: Claude in Chromeはあなたに代わってウェブサイトと直接やり取りできます。Claude in Chromeは安全分類器で強化されていますが、リスクがあります。使用前にClaude in Chromeを安全に使用するをご確認ください。


Claude in Chromeを使用できる場所

Claude Code統合

Claude CodeとChrome拡張機能は、ビルド・テスト・検証ワークフローのために連携します:

  • ターミナルでClaude Codeを使用してビルドし、Claudeが到達できるURLにデプロイします。

  • Chrome拡張機能でブラウザでテストおよび検証します。

  • コンソールログを使用して問題をデバッグします。Claudeはエラー、ネットワークリクエスト、DOMの状態を直接読み取ることができます。

この統合は、デザイン検証(Figmaモックと構築出力の比較)、ライブデバッグ、自動テストに特に役立ちます。

Claude Desktop(Chat、Claude Cowork、Claude Code)からブラウザアクションを制御する

Claude Coworkでチャット、タスク、またはセッションを開始してウェブサイトに触れると、Claudeはブラウザを直接Chromeで開き、人間のようにクリック、入力、フォーム入力を行うことができます。ウィンドウを切り替えずにブラウザでの作業をClaudeに任せることができます。

デスクトップアプリでClaude in Chromeコネクタを有効にするには、以下の手順に従ってください:

  1. 左下隅のイニシャルをクリックし、「設定」を選択します。

  2. 「コネクタ」に移動します。

  3. リストからClaude in Chromeを見つけ、「設定」をクリックします。

  4. コネクタをオンにし、まだインストールしていない場合は拡張機能をダウンロードしてインストールします。

これらの手順を完了すると、Claude in ChromeがClaudeとのチャットの「コネクタ」ドロップダウンに追加されます。これはデフォルトで無効になっているため、各会話で手動で有効にする必要があります。

ブラウザ側パネルでClaudeとチャットする

Claude側パネルを開いて、あなたがいるページの隣でClaudeと作業します。Claudeはページに表示されている内容を確認でき、読み取り、クリック、入力、ナビゲート、フォーム入力を行うことで、ブラウザウィンドウを離れずにサポートを受けることができます。

MaxおよびTeamプラン、ロールアウトが到達したProプラン、および管理者が有効にしたEnterpriseプランでは、側パネルはClaude Coworkセッションとして実行されます。これは以下を意味します:

  • 会話は保存されます。すべての側パネルセッションは、他のCoworkセッションと同様に履歴に表示されます。

  • セッションはあなたと一緒に移動します。側パネルでセッションを開始し、ウェブ、Claude Desktop、またはClaude Mobileで続行します。セッションは開始したマシンではなく、Claudeアカウントに保存されます。

  • スキル、プラグイン、コネクタがここで機能します。デスクトップのCoworkと同じように動作します。側パネルでスキルを保存し、任意のサーフェスから実行します。

側パネルはその場でのブラウジングタスクに適しています:

  • タブ全体で開いているものを要約または比較します。

  • ページから詳細をメモ、ドキュメント、またはフォームに取得します。

  • サイト上のタスクをステップバイステップで進めながら監視します。

側パネルは「自動承認」モードで開始されます。Claudeは継続的に作業し、各アクションの安全性を確認し、承認が必要な場合は一時停止して質問します。別のモードに切り替えた場合、側パネルは今後のセッションで選択を保持します。詳細はClaude in Chrome権限ガイドをご覧ください。

注: Enterpriseプランでは、Cowork側パネルは管理者がクラウドでCoworkおよびClaude in Chromeを有効にする必要があります。クラシック側パネルが表示される場合は、管理者に連絡してください。詳細はClaude in Chrome管理者コントロールをご覧ください。

側パネルを開くには、Chrome ツールバーのClaudeアイコンをクリックします。ブラウジング中も表示されたままです。拡張機能をまだインストールしていない場合は、以下のClaude in Chromeをインストールをご覧ください。

注:側パネルは追加のセットアップなしで、あなたがいるタブを読み取ります。ローカルファイル、コンピュータ、または別のサーフェスからClaudeがChromeを駆動する必要があるタスクは、セッションがクラウドで実行されていても、Claude Desktopアプリが開いて接続されている必要があります。

クラシック側パネルに戻すには:

前の側パネルを使用したい場合は、いつでも戻すことができます:

  1. Chromeで側パネルを開きます。

  2. 右上隅の3つのドットをクリックします。

  3. 「クラシックに戻す」を選択します。

注:記録されたワークフローはクラシック側パネルでのみ利用できます。

モデル選択

Claude in Chromeはすべてのパブリックモデルで利用できます。


Claude in Chromeをインストール

  1. Google Chromeブラウザウィンドウを開きます。

    1. 注: Claude in Chromeは他のChromiumベースのウェブブラウザやモバイルデバイスではサポートされていません。

  2. Chrome Web StoreにアクセスしてClaude in Chromeを見つけます。

  3. 「Chromeに追加」をクリックして拡張機能をインストールします。

  4. プロンプトが表示されたら、Claudeアカウント認証情報でサインインします。

  5. パズルピースアイコンをクリックして拡張機能をピン留めし、「Claude」の横のプッシュピンをクリックします。

  6. Claudeがブラウザと相互作用できるようにするために必要な権限を付与します。

ClaudeアイコンがあなたのChromeツールバーに表示されます。それをクリックするとClaudeがサイドパネルで開き、ブラウジング中も表示されたままになります。


ChromeにClaudeをインストールするために必要な権限

拡張機能をインストールして使用するために、ChromeのClaudeに以下の権限を付与する必要があります:

権限

Claudeがこれを必要とする理由

sidePanel

これにより、Claudeはブラウザの側面にパネルとして表示され、任意のウェブサイトを閲覧しながらClaudeとチャットできます。

storage

これにより、Claudeはあなたの設定を保存でき、ブラウザを閉じて再度開いた後も設定が残ります。

scripting

これにより、Claudeはウェブページのテキストを読み取ることができ、タスクをサポートできます。

debugger

これにより、Claudeはあなたがタスク完了を依頼したときに、ボタンをクリックしたり、テキストを入力したり、スクリーンショットを撮ったりするなど、実際にブラウザを制御できます。

tabGroups

これにより、Claudeが開いたタブを異なる色の別のグループに整理できるため、Claudeが使用しているタブと個人的なブラウジングのタブを簡単に区別できます。

tabs

これにより、Claudeはタスク完了時にブラウザタブを開いたり、閉じたり、切り替えたりできます。

alarms

これにより、Claudeは選択した特定の時間にスケジュール済みタスクを実行できます。例えば、毎日設定した時間にウェブサイトで何かを確認するなど。

notifications

これにより、Claudeはタスクを完了したときや、あなたがアクションを取る必要があるときに、コンピュータに通知を送信できます。

system.display

これにより、Claudeはあなたの画面のサイズを知ることができ、タスク自動化時に正しい場所をクリックできます。

webNavigation

これにより、Claudeは高リスクのウェブサイトにアクセスしていることを検出した場合に介入できます。

declarativeNetRequestWithHostAccess

これにより、拡張機能はAnthropicのサーバーに自身を識別させることができ、ブラウザ拡張機能の使用方法を理解し、問題をトラブルシューティングするのに役立ちます。

offscreen

これにより、Claudeはあなたの注意が必要なときにバックグラウンドで通知音を再生できます。

nativeMessaging

これにより、拡張機能はClaudeDesktopやClaudeCodeなど、コンピュータ上の他のAnthropicプロダクトとシームレスに統合できます。その機能を有効にしたら。

downloads

これにより、Claudeはウェブサイトからファイルをダウンロードして開くことができ、自動化されたワークフローの一部としてファイルを保存または操作するよう依頼できます。

unlimitedStorage

これにより、Claudeはより多くのデータをローカルに保存できます(詳細なワークフロー用の複雑な指示など)。Chromeが拡張機能に設定する通常の制限を超えて。

詳細については、Google Chrome権限ドキュメントを参照してください。

コア機能

ワークフローを記録する(クラシックサイドパネル)

クラシックサイドパネルでは、ステップを自分で記録することでClaudeにワークフローを教えることができ、Claudeはそれを繰り返すことを学びます。これは毎回同じパターンに従う反復的なブラウザタスクに役立ちます。サイドパネルがCoworkセッションとして実行されている場合、記録は利用できません。クラシックサイドパネルでワークフローを記録するには:

  1. 拡張機能パネルの記録アイコンをクリックします。

  2. Claudeに学習させたいステップを実行します。

  3. 完了したら記録を停止します。

  4. ワークフローを将来使用するためのショートカットとして保存します。

コンソールログ

Claudeはエラー、ネットワークリクエスト、DOMの状態を含むブラウザコンソール出力を読み取ることができるようになりました。これにより、開発者はブラウザを離れることなく問題を特定してデバッグできます。

スケジュール済みタスク

ブラウザタスクをスケジュールに従って自動的に実行するように設定します。一度設定すれば、Claudeが処理します。毎日、毎週、毎月、または毎年。拡張機能パネルの右上隅にある時計アイコンをクリックして、ChromeのClaudeショートカットを自動実行するようにスケジュールできます。

マルチタブ機能

Claudeは複数のブラウザタブを同時に管理できます。タブをClaudeの指定されたタブグループにドラッグして、Claudeがグループ化されたすべてのタブを一度に表示および操作できるようにします。タブ間を手動で切り替えて情報をコンパイルする必要がなくなります。

サイトナビゲーションの強化

Claudeは、Slack、Google Calendar、Gmail、Google Docs、GitHubなどの一般的なプラットフォームをナビゲートする方法に関する組み込み知識を備えています。「会議をスケジュールする」や「ドキュメントを更新する」などの簡単なコマンドは、詳細なステップバイステップの指示なしで機能します。Claudeのサイト固有の機能を継続的に拡張しています。

1Passwordでサインイン

タスクがサインインを必要とする場合、Claudeはログインページで停止する代わりに、1Passwordからログイン情報をリクエストできます。生体認証で各リクエストを承認すると、1Passwordが認証情報を直接入力するため、Claudeはパスワードまたはワンタイムコードを見ることはありません。Claude用1PasswordはmacOSでベータ版です。詳細はClaude用1Passwordを始めるをご覧ください。

バックグラウンドワークフロー

Claudeは複雑なマルチステップワークフローを処理し、タブを切り替えてもChromeが開いている限り動作し続けます。通知を有効にして、Claudeが権限を必要とするか、タスクが完了したときにアラートを受け取り、Claudeがバックグラウンドでタスクを処理している間に他の作業に集中できます。

ビジュアルコンテキスト共有

画像をアップロードするか、特定の画面領域のスクリーンショットをキャプチャして、ビジュアル情報をClaudeと直接共有します。Claudeに正確なボタン、フィールド、または詳細を指し示します。複雑なレイアウトを言葉で説明するよりもはるかに高速です。

画像アップロード

Claudeに画像を与え、経費報告書、フォーム添付ファイル、または画像アップロードなど、どこにアップロードするかを指示します。

ショートカット

最適に機能するプロンプトをショートカットとして保存し、これらの実証済みワークフローを即座に再利用します。

  1. うまく機能するプロンプトを作成した後、ショートカットとして保存します。

  2. チャットで「/」と入力して、保存されたショートカットにアクセスします。

  3. ショートカットを選択して、同じ指示を即座に適用します。

  4. 拡張機能の設定を通じてショートカットを編集または削除します。

ショートカットをスケジュールして、繰り返しタスクを自動化することもできます。

コンテキスト提案

訪問しているウェブサイトに基づいてプロンプト提案と有用なヒントを取得し、Claudeで常に出発点を持つことができます。


TeamおよびEnterpriseユーザー向け

TeamまたはEnterpriseプランでChromeでClaudeを使用している場合、管理者がエクスペリエンスに影響する設定を構成している可能性があります。

  • 拡張機能の可用性:管理者は、組織に対して拡張機能が有効になっているかどうかを制御します。

  • サイトアクセス:管理者は、許可リストとブロックリストを使用してClaudeがアクセスできるウェブサイトを制限できます。

拡張機能をインストールまたは使用できない場合は、組織の管理者に連絡してください。管理者向けドキュメントについては、Chrome管理者コントロールのClaudeを参照してください。

こちらの回答で解決しましたか?