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

ChromeでClaudeを始める

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

利用可能性

Chrome用Claudeは有料プラン(Pro、Max、Ultra、Team、Enterprise)で利用でき、Chromeのサイドパネル、Claude Cowork、Claude Codeで使用できます。サイドパネルはClaude Coworkセッションとして実行されます。Enterpriseプランでは、オーナーがCloudでClaude in Chromeと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、Ultra、Teamプランで、ロールアウトが到達したProプランで、管理者が有効にしたEnterpriseプランで、サイドパネルはClaude Coworkセッションとして実行されます。これは以下を意味します:

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

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

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

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

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

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

  • サイトのタスクをステップバイステップで進めながら見守ります。

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

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

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

注: サイドパネルは追加のセットアップなしで、あなたが見ているタブを読み取ります。ローカルファイル、コンピュータ、または別のサーフェスからClaudeがChromeを操作する必要があるタスクは、セッションがクラウドで実行されていても、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

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

downloads

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

unlimitedStorage

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

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

コア機能

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

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

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

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

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

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

コンソールログ

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

スケジュール済みタスク

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

マルチタブ機能

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

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