Claude in Chromeとは?できることと使い方

Claude in Chromeとは?できることと使い方

Claude in Chrome は、Chrome のブラウザ上で Claude がページを読み、クリックし、入力し、移動までしてくれる拡張機能です。この記事では、何ができるのか、どう始めるのか、使うときに気をつけたい点を、Anthropic の公式ヘルプの内容をもとにまとめます。

対象読者:ブラウザでの繰り返し作業を Claude に任せてみたい個人・小規模サイトの運営者や実装者。

1. Claude in Chrome とは

Claude in Chrome は、Anthropic が提供する Chrome 拡張機能です。Chrome の右側にサイドパネルを開き、そこから Claude に依頼すると、Claude が今開いているページを見ながら操作します。

  • ページの内容を読む
  • ボタンのクリック、文字の入力、フォームの入力
  • ページの移動、タブの切り替え
  • 複数のタブをまたいだ作業

サイドパネルのほかに、Claude Cowork や Claude Code から呼び出して使うこともできます。

使えるプランと環境

項目 内容
プラン 有料プラン(Pro・Max・Team・Enterprise)
ブラウザ Google Chrome のみ(他の Chromium 系ブラウザやスマートフォンは対象外)
Enterprise 管理者が有効にする必要がある

プランごとの提供状況は変わることがあるため、契約前に公式ページで最新の情報を確認してください。

2. インストールと初期設定

手順は次のとおりです。

1. Google Chrome を開く
2. Chrome ウェブストアから「Claude in Chrome」拡張機能を追加する
3. Claude のアカウントでログインする
4. ツールバーのパズルのアイコンから、拡張機能を固定(ピン留め)する
5. 求められる権限を許可する

Claude デスクトップアプリから使う場合は、設定の「カスタマイズ」から「コネクタ」を開いて接続します。会話ごとの初期状態では無効なので、使う会話で有効にします。

求められる権限について

許可を求められる権限の数が多いので、主なものの意味を挙げます。

権限 用途
debugger クリックや入力、スクリーンショットなど、ブラウザの操作
scripting ページの文字を読む
tabs / tabGroups タブの開閉や切り替え、Claude 用のタブグループの作成
downloads 作業の途中でのファイルのダウンロード
nativeMessaging Claude Desktop や Claude Code との連携
alarms 予定したタスクの実行

ブラウザを操作する拡張機能なので、強い権限が必要になります。何を許可しているかを理解したうえで使うのが前提です。

3. 基本の使い方

3-1. サイドパネルで依頼する

ツールバーの Claude のアイコンを押すと、サイドパネルが開きます。パネルは、ページを移動しても開いたままです。そこに、やってほしいことを日本語で書きます。

開いている3つのタブの料金プランを比べて、表にまとめて
このページの内容を見て、問い合わせフォームに必要事項を入力して

比較、メモへの転記、フォームの入力のような、画面を見ながらの作業と相性がよいです。

3-2. 許可のモード

サイドパネルは、初期状態では「自動で承認」のモードで始まります。Claude は動き続けながら、1つ1つの操作の安全性を確認し、承認が必要だと判断したところで止まって聞いてきます。ほかのモードを選ぶと、その選択は次回以降も記憶されます。

購入や送信など、取り消せない操作を含む作業では、自分で確認できるモードを選ぶと安心です。

3-3. ショートカットと定期実行

うまくいった依頼文は、ショートカットとして保存できます。チャット欄で / を入力すると呼び出せます。編集や削除は拡張機能の設定で行います。

さらに、ショートカットを毎日・毎週・毎月・毎年のスケジュールで自動実行することもできます(時計のアイコンから設定)。ただし、実行中は Chrome が開いている必要があります。

操作を記録してショートカットにする「ワークフローの記録」は、従来型のサイドパネルでのみ使えます。

3-4. 複数のタブをまとめて扱う

タブを Claude のタブグループにドラッグすると、複数のタブを横断した作業を任せられます。Slack・Google カレンダー・Gmail・Google ドキュメント・GitHub については、Claude があらかじめ操作を把握しているため、短い指示でも通りやすくなっています。

4. Claude Code と組み合わせる

Web 制作をしている人には、Claude Code との連携が便利です。Claude Code がアプリを作り、Claude in Chrome がブラウザで動作を確認する、という分担ができます。Claude はコンソールのログ、ネットワークのリクエスト、DOM の状態も読めます。

  • デザイン案と、実際に作った画面の見比べ
  • 画面を見ながらの不具合の調査
  • 画面操作を含む自動テスト

ローカルで作ったサイトを確認するとき、スクリーンショットを撮って貼る手間が減ります。

5. 使うときの注意点

5-1. 安全面

公式ヘルプでも、安全のための分類機能は入っているものの、リスクは残ると説明されています。特に、読み込んだページに仕込まれた悪意のある指示(プロンプトインジェクション)で、意図しない操作をさせられる危険があります。

  • 銀行・決済・業務の管理画面など、重要なサイトのタブは作業前に閉じる
  • 知らないサイトでは、自動で承認するモードを避ける
  • 購入・送信・削除などは、実行前に自分で確認する

5-2. 制約

  • Chrome のみ対応。Chrome を閉じると、背景で動いていた作業も止まる
  • ローカルのファイルを扱う作業や、別の場所から Chrome を動かす作業では、Claude デスクトップアプリの起動と接続が必要
  • Team・Enterprise では、管理者が拡張機能の有効・無効や、対象サイトの許可・禁止を設定できる

拡張機能の見た目や動作は更新で変わります。画面の表記が本記事と異なる場合は、公式ヘルプを確認してください。

まとめ

Claude in Chrome は、画面を見ながらクリックや入力を行ってくれる、ブラウザ上の作業役です。有料プランでサイドパネルから使え、ショートカットや定期実行で繰り返し作業も任せられます。Claude Code と組み合わせると、Web 制作の動作確認にも使えます。

一方で、ブラウザを操作できる強い権限を持つ分、重要なサイトのタブを閉じる、取り消せない操作は自分で確認する、といった使い方の工夫が欠かせません。まずは、失敗しても困らない調べものや比較の作業から試すのがおすすめです。

参考

  • Anthropic 公式ヘルプ「Get started with Claude in Chrome」(support.claude.com)

アイキャッチ画像:Image by StockSnap from Pixabay