【非エンジニア向け・実例つき】Claude Codeにブラウザを操作させる(Claude in Chrome連携)— ログイン済みのページを開いて読ませる

Claude Codeにブラウザを操作させる(Claude in Chrome連携)— ログイン済みのページを開いて読ませる Claude Code入門

Chrome拡張「Claude」を入れると、Claude Codeがあなたのログイン済みブラウザを開いて中身を読めます。APIの設定なしで使える連携の始め方と、実際にYahoo!ファイナンスの記事を読ませた体験を、非エンジニア目線でやさしく解説します。

⚠️ この記事は2026年7月時点の情報です。Claude CodeやClaude in Chromeの仕様やサービスは変わる場合があるため、最新かつ正確な情報は各公式ドキュメント・公式サイトもご確認ください。あわせてClaude Codeの使い方【非エンジニア向け】もどうぞ。

「Claude Code(クロード・コード)って、結局ターミナルの中でファイルをいじる道具でしょ?」——最初はそう思いますよね。ところが最近、Claude Codeに本物のブラウザ(Chromeなど)を操作させる連携が使えるようになりました。しかも、あなたがすでにログイン済みのブラウザをそのまま使えるのがポイントです。

この記事を読むと、次のことができるようになります。

  • Chrome拡張「Claude」を入れて、Claude Codeとブラウザをつなぐ手順がわかる
  • 「ページを開く・中身を読む・入力欄を埋める・エラーを確認する」を、コードを書かずに頼めるようになる
  • WSLでは動かない、といった「落とし穴(つまずきポイント)」を先回りで避けられる
  • ブラウザ連携を「必要なときだけ」使う、context(文脈)を無駄にしないコツがわかる

実際に私自身が、Claude CodeにYahoo!ファイナンスのページを開かせて記事本文まで読ませた体験も紹介します。クリックも入力もせず、「開いて読むだけ」でしたが、手触りがしっかり伝わったので、その感覚もお届けします。

そもそも「Claude in Chrome」って何ができるの?

1拡張機能を入れるChromeに「Claude」2連携モードで起動claude –chrome3ページを開いて読むログイン状態を共有4危険な操作は止まるCAPTCHA等で手動へ
図:Claude in Chrome連携の始め方

「Claude in Chrome(クロード・イン・クローム)」は、Google Chrome(グーグル・クローム)や Microsoft Edge(マイクロソフト・エッジ)に入れる拡張機能(extension/ブラウザに機能を足す小さな追加ソフト)です。これを入れると、Claude Codeがブラウザに対して次のようなことを頼めるようになります。

  • ページを開く(指定したURLに移動する)
  • 中身を読む(記事本文やニュースのテキストを取り出す)
  • フォームに入力する(検索欄や入力欄に文字を打つ)
  • コンソール(console/ブラウザの裏側の作業ログ画面)のエラーを確認する

いちばんうれしいのは、API(エーピーアイ/ソフト同士をつなぐ窓口)の設定をしなくてもいいことです。ふつう、外部サービスとプログラムをつなぐには、APIキー(合鍵のような文字列)を発行して設定する、という一手間が必要です。でもこの連携は、あなたが今ログインして使っているブラウザそのものを借りる形なので、ログイン状態を共有できます。

たとえるなら、自分がすでに鍵を開けて座っている部屋に、Claudeを招き入れて「そこにある書類を読んで」とお願いするイメージです。Claudeが別の入口から鍵を作り直してこじ開ける必要はありません。あなたのログイン済みの席を、そのまま隣で見てもらう感覚です。

始める前に:3つの前提と「落とし穴」

便利な機能ですが、動かすための条件がいくつかあります。ここを知らないと「なぜか動かない」で時間を溶かすので、先にまとめます。

条件内容
動かす場所ネイティブ環境(Windowsやmacに直接インストールしたClaude Code)で動かす。WSLは非対応
対応ブラウザChrome または Edge
契約Anthropic(アンソロピック/Claudeを作っている会社)と直接契約しているプランが必要

とくに最初の落とし穴が WSL(ダブリュー・エス・エル)です。WSLは「Windows Subsystem for Linux」の略で、Windowsの中でLinux(リナックス)という別のOSを動かす仕組みです。開発をする人はこの中でClaude Codeを動かしていることが多いのですが、ブラウザ連携はこのWSLの中からは動きません

理由はシンプルで、あなたが普段使っているChromeは「Windows側」で動いていて、WSLの中とはいわば別の部屋にいるからです。壁の向こうにあるブラウザには手が届かないのですね。もしWSLでClaude Codeを使っている場合は、この連携のときだけWindowsに直接入れたClaude Codeを使ってください。

つなぎ方と起動:たった1つのコマンドから

準備は大きく2ステップです。

  1. Chrome(またはEdge)に拡張機能「Claude」を追加する
  2. Claude Codeをブラウザ連携モードで起動する

起動のしかたは2通りあります。

  • 最初から連携ありで始めたいとき:ターミナルで claude --chrome と打って起動する
  • すでにClaude Codeで作業している途中で連携したくなったとき:会話の中で /chrome と入力する

初回は、拡張機能側で「このClaude Codeとつないでいいですか?」という確認が出ます。あなたが許可して初めてつながる仕組みなので、勝手にブラウザが乗っ取られる心配はありません。つながると、Claude Codeから「今つながっているブラウザ」が見えるようになります。私の環境でも、確認したら1台のChromeがちゃんと認識されていました。

大事な安全弁:ログイン画面やCAPTCHAでは「止まる」

ブラウザを操作させると聞くと、「勝手にログインされたり、変なボタンを押されたら怖い」と感じますよね。ここが安心できる設計になっています。

Claude Codeは、ログイン画面や CAPTCHA(キャプチャ/「私はロボットではありません」のあの認証)に当たると、そこで手を止めて、あなたに操作をお願いします。IDやパスワードを勝手に入れたり、ボットよけの認証を突破したりはしません。パスワードやカード番号のような大事な情報は、人間であるあなたが自分の手で入力する——そこは機械に任せない、という線引きがされているわけです。

これは「面倒」ではなく「守り」です。本当に大事な操作の前では必ず人間に判断を戻すから、安心して普段の作業を任せられます。ガードレール(道路の柵)があるからこそ、安心してスピードを出せる、というのと同じ感覚です。

実例:Yahoo!ファイナンスの記事を「開いて読むだけ」やってみた

1ページを開いてもらうYahoo!ファイナンス2本文を読み取るテキストで取得3クリック・入力はしない読むだけで安全
図:読むだけ実例の流れ

言葉だけだとイメージしにくいので、実際に試した様子を紹介します。今回はクリックも入力もいっさいせず、「ページを開いて中身を読む」だけにしました。読むだけなら、何かを壊す心配がなく、連携の感覚をつかむのにちょうどいいからです。

お願いした流れはこんな感じです。

  1. Yahoo!ファイナンスのトップページを開いてもらう
  2. そのページの本文テキストを読み取ってもらう
  3. 続けてニュース一覧のページに移動して、そこも読んでもらう
  4. ついでにコンソールにエラーが出ていないかも確認してもらう

結果は、トップページのニュース見出しと本文の冒頭がそのままテキストで返ってきました。日付や時刻、記事の書き出しまで、人が画面で読むのと同じ内容がきれいに取り出せます。ニュース一覧ページへの移動もスムーズで、ページのタイトルが切り替わったのも確認できました。コンソールのエラーチェックでは「エラーは見つかりません」という返事で、裏側の状態まで一目でわかりました。

手触りとして印象的だったのは、「スクリーンショットを撮って画像を目で読む」のではなく、ページの中身をテキストとして直接受け取れる点です。だから読み取りが速くて正確です。人がやると「開いて、スクロールして、コピーして…」となる作業を、頼むだけで一気にまとめてくれる感覚でした。

もちろんこれは観測・研究のための「読むだけ」の使い方です。今回はボタンを押したり注文をしたりは一切していません。読み取った情報をどう使うかは、あくまで人間が判断する、という前提を忘れないようにしています。

使いすぎない工夫:context消費とPlaywrightとの棲み分け

便利なので何でもブラウザでやりたくなりますが、1つ注意点があります。ブラウザ連携を常時オンにしておくと、context(コンテキスト/Claudeが一度に覚えていられる会話の量)の消費が増えます

contextは、たとえるなら机の広さです。ブラウザの情報をずっと机に広げっぱなしにすると、他の作業に使える余白が減ってしまいます。ですので、ブラウザが必要なときだけ連携をオンにして、終わったら普通の作業に戻るのがおすすめです。「ずっと開けておく」より「使うときだけ開く」ほうが、結果的に快適に使えます。

もう1つ、似た道具に Playwright(プレイライト)があります。名前は聞いたことがあるかもしれません。ざっくりした違いはこうです。

使い分けClaude in ChromePlaywright
向いている場面自分のログイン済みブラウザを、その場で見てもらう・読んでもらう誰も見ていない裏側で、自動テストを無人で回す
ログイン状態今使っているブラウザをそのまま共有できる基本まっさらな状態から始まる
人の立ち会いその場にいて、必要なときに手を貸す前提放っておいて自動で完了させる前提

かんたんに言うと、Claude in Chromeは「隣で一緒に画面を見る相棒」、Playwrightは「夜中に無人で走らせる工場のライン」です。今回のように「自分がログインしているサイトを、その場でちょっと読んでほしい」なら Claude in Chrome がぴったりです。

まとめ:次の一歩

Claude in Chrome連携は、コードが書けなくても「ページを開いて読んで」と日本語で頼むだけで使えます。APIの設定がいらず、ログイン済みのブラウザをそのまま共有できるのが大きな魅力です。

最初の一歩としては、いきなり複雑なことをせず、今日試した私の実例と同じ「読むだけ」から始めるのがおすすめです。次の順番で触ってみてください。

  • Chrome(またはEdge)に拡張機能「Claude」を追加する
  • ネイティブ環境のClaude Codeを claude --chrome で起動する(途中からなら /chrome
  • いつも見ているニュースサイトを1つ「開いて中身を読んで」とお願いしてみる

クリックや入力を伴う操作は、感覚がつかめてから少しずつで大丈夫です。ログイン画面やCAPTCHAでは必ず止まってくれる安全弁があるので、落ち着いて「自分がやるところ」と「任せるところ」を分けながら進められます。まずは「読むだけ」で、AIがブラウザを見ている感覚を体験してみてください。


関連記事

無料テンプレート配布のお知らせ

非エンジニアの自動化ラボ メルマガ 読者登録フォーム

Claude Codeを安全・便利に使うための設定テンプレート(CLAUDE.md)を無料配布しています。メールアドレスをご登録いただくと、すぐにダウンロードリンクをお送りします。


免責事項

本記事は執筆時点(2026年7月)の情報に基づいています。Claude Code・Claude in Chrome・各種ブラウザ拡張の仕様は予告なく変更される場合があります。最新かつ正確な情報は各公式ドキュメント・公式サイトをご確認ください。本記事の内容を用いて生じたいかなる損害についても、筆者は責任を負いかねます。

コメント

タイトルとURLをコピーしました