Claude in Chrome 入門 / Introduction to Claude in Chrome

2026年9月14日(月)に開催された「【初心者歓迎】Claude入門：Claude & Claude Codeを基礎からまるごと学ぶ」での登壇資料です。
https://west-sec.connpass.com/event/404497/

Transcript

1. WEST-SEC Claude in Chrome入門 面倒なブラウザ操作をAIに任せてみよう Yuta Sakai(さかぴー) ／ 2026.09.14 (mon)
2. 自己紹介 お客様のデータ活用支援そしています ダッシュボード構築の伴走やTableauの技術的な レクチャー、ワークショップなどやっています。 Tableauを10年くらい触っています 趣味でデータ可視化作品を作成中 Tableauの公式アンバサダーに7年連続認定 酒井 佑太 Yuta Sakai (さかぴー) 各種コンペにも挑戦しています 地方創生☆政策アイディアコンテスト：四国経済産業局長賞 都知事杯オープンデータハッカソン：アイディア提案賞 Viz Games 2025：優勝 Claudeは”ちょっと使える”くらい 1年前からプライベートでProプランを利用中 仕事ではCopilotを使っています(Claudeの方が好き)
3. Claude in Chromeとは？ • ブラウザで動くClaude • サイドパネルで動いて表示内容を読んだりブラウザの操作もできる • Google Chromeの拡張機能 なのでインストールは簡単 ブラウザ画面 Claude in Chrome
4. 例えばこんな時に便利 アクセスできていない • 今回のイベントを同僚にお勧めする しかたなくググって 概要情報を取得している ための文章を作ってもらおう！ • 普通のClaudeに依頼してみるも、 どうやらページを読めないらしい… （robots.txtで拒否されてた） ページ読み込みは 許可されていない 見ないとわからない 情報は取得できていない
5. Claude in Chromeなら問題なし！ アジェンダも 入れられる
6. 通常のClaudeが読めないページのパターン 自動アクセスを拒否 ログインが必要 JavaScript で描画 robots.txt や Bot 対策で弾 認証を通らないと中身が出 HTML を取っても、本文が かれる。connpass もこれ てこない。有料記事や社内 入っていない Wiki も同じ 通常のClaudeが読めないページは意外とあるのでClaude in Chromeが便利
7. Claude in Chromeはブラウザ操作もできる
8. デモ：ブラウザ操作のデモ 今日のイベントの参加者アンケートを作ります 1 2 3 設問をClaudeと一緒に Google Formsを開い Claude in Chromeが 考える（Excelで整理 てClaude in Chrome 分岐や必須設定まで全 してもいいかも） にアンケート項目を渡す 部やってくれる
9. ＜ポイント＞ イベントページの内容を もとにアンケート項目の 作成を依頼 Claude in Chromeに 渡すためのプロンプト として出力してもらう 本来は確認したいポイント 等を伝えた方が良いですが 今回はシンプルに依頼
11. デモ：アンケート完成！
12. ただし意外と時間かかる 設問10問のフォームを 作り終えるまでにかかった時間 15分 Claude in Chromeは1操作ごとに 画面を確認しながら進むため意外と時間がかかります 慣れた人がやれば手作業のほうが速いかもしれません
13. とはいえ任せられるのは嬉しい 放っておける 操作を覚えなくていい ミスをしない 待っている間に別の作業が 使い慣れないシステムでも 単調な入力作業でも できる やりたいことを伝えるだけ 飛ばしたり間違えたり で達成できる しない 「速さ」よりも「全部任せられること」に価値を見出せればアリ
14. 「操作を覚えなくていい」の実例 https://techplay.jp/
16. APIがあるならClaudeやClaude Codeでいい APIがある場合 APIがない場合 Claudeにコードを書いてもらう方が早 APIがないサイトは意外とある。社内シ いし、きっとトークン消費量も少ない。 ステムでも多いのでは？そういう時は 例えば、Google FormsならGASのスク Claude in Chromeが便利。 リプトを書いてもらった方がいい。 APIがない世界でこそブラウザ操作ができるClaude in Chromeが活きる！
17. Claude in Chrome の用途 管理画面から数字を拾う 簡単なスクレイピング GA4・広告管理画面・BI ダッシュボード 複数ページから、必要な情報だけ抜き出す （例：スペック比較など） 申請・経費・勤怠の入力 WEBアプリの動作確認 使い慣れないシステムでも代わりに コンソールログや通信内容まで読んで動作 対応してくれる 確認をしてくれる よく使う作業は、ショートカットに保存して定期実行もできます APIがなくて人がやると面倒な作業をお願いしよう
18. ただしスクレイピングする際はご注意を 利用規約を確認する スクレイピングを禁止しているサイトがあります。 ログインをする場合はより慎重に ログイン後に閲覧できる情報にはより厳しい規約が設定されている可能性があります。 相手のサーバーに負荷をかけない 大量・高頻度のアクセスは避けて、取得は必要な範囲にとどめる 規約を読んで整理してもらうこと自体も、Claude に頼めます 読めることと、読んでよいことは別なので注意！
19. 安全に使うためのヒント サイト許可リスト どのサイトで動かすかを、あらかじめ絞る （組織で利用する場合のイメージ） 権限モード 任せる範囲に応じて使い分ける(右図参照) プロンプトインジェクション ページの文章が、指示として読まれる 権限モードは3種類 都度承認 1操作ごとに止まって聞く 自動承認 危険な操作は自動で止める 全スキップ チェックは一切かからない 自動承認でも、ダウンロードや機微情報の 入力は必ず止まります できることが多いぶん、セキュリティの設計と意識がより重要になります
20. Claude in Chrome まとめ 通常のClaudeでは手が届かない WEB関連操作を効率化してくれる頼れる相棒 • AIが読めないページも読める • ログイン後の画面だって読める・操作できる • 特にAPIがないサイトの操作自動化にはもってこい • セキュリティには注意して安全に使いましょう