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

ChromeでClaudeを始める

Chrome用Claudeはブラウザ拡張機能で、Claudeがあなたと一緒にウェブサイトを読んだり、クリックしたり、ナビゲートしたりできます。Chrome側パネルからChrome用Claudeタスクを起動したり、Claude CoworkやClaude Codeから起動したりできます。

利用可能性

Chrome用Claudeは有料プラン(Pro、Max、Team、Enterprise)で利用でき、Chrome側パネル、Claude Cowork、Claude Codeで使用できます。側パネルはClaude Coworkセッションとして実行されます。Enterpriseプランでは、所有者がChrome用ClaudeとクラウドのCoworkを有効にする必要があります。有効になるまで、側パネルはクラシック体験を使用します。

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


Chrome用Claudeを使用できる場所

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 CoworkにはClaude Desktopアプリに組み込まれたブラウザもあり、インストールは不要です。今週段階的にロールアウト中です。既にChrome用Claudeを使用している場合は、Coworkの優先ブラウザとして残ります。そうでない場合、Coworkはデフォルトで組み込みブラウザを使用します。設定 > Cowork > 優先ブラウザでどちらかを選択できます。詳細はClaude Coworkで組み込みブラウザを使用するをご覧ください。

デスクトップアプリでChrome用Claudeを接続するには、以下の手順に従ってください:

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

  2. 「カスタマイズ」に移動し、「コネクタ」を選択します。

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

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

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

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

Claude側パネルを開いて、あなたが見ているページの横でClaudeと作業します。Claudeはページに何があるかを見ることができ、読む、クリック、入力、ナビゲート、フォーム入力などの操作ができるため、ブラウザウィンドウを離れることなくサポートを受けられます。

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

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

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

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

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

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

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

  • あなたが見ている間、サイト上のタスクをステップバイステップで進めます。

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

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

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

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

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

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

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

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

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

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

モデル選択

Chrome用Claudeはすべてのパブリックモデルで利用可能です。


Chrome用Claudeをインストール

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

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

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

  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管理者向けコントロールをご覧ください。

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