Claude拡張機能の完全ガイド【2026年最新版】Chrome・VSCode・デスクトップの使い方を徹底解説

1. Claude拡張機能とは何か？

Claude拡張機能とは、AnthropicのAIアシスタント「Claude」の機能を拡張するためのツール・プログラムの総称です。標準のClaudeチャット画面（claude.ai）だけでは実現できない機能を追加し、ブラウザやコードエディター、デスクトップアプリなど様々な環境でClaudeを活用できるようにします。

一言でいえば、「ClaudeをあなたのPC全体の"頭脳"にするための接続部品」です。

なぜClaudeに拡張機能が必要なのか？

標準のClaude.aiでは、基本的にテキストのやり取りがメインです。しかし拡張機能を使うことで、たとえば以下のようなことが実現できます。

• ウェブサイトを閲覧しながら、ページ内容をClaudeに直接読ませて要約・分析させる
• VSCodeでコードを書きながら、AIにバグ修正や機能追加を依頼する
• PCのローカルフォルダにあるファイルをClaudeが直接読み書きする
• SlackやGoogle DriveなどのクラウドサービスとClaudeを連携させる

こうした連携が可能になることで、AIをより「実務の流れに組み込んだ働き方」ができるようになります。

2. Claude拡張機能の種類一覧

Claude拡張機能は大きく分けて3種類あります。それぞれの特徴と対象ユーザーを以下の表で整理しました。

それぞれの詳しい使い方は、次の章から順番に解説していきます。

3. Claude Chrome拡張機能の使い方

「Claude in Chrome」は、AnthropicがGoogle Chrome向けに開発した公式ブラウザ拡張機能です。2025年末にベータ版としてリリースされ、現在はすべての有料プランユーザーが利用できます（2026年5月時点）。

この拡張機能の最大の特長は、AIがブラウザを直接「見て」「操作」できる点にあります。まるで隣に座っている同僚に「このボタン押しといて」と頼むような感覚でブラウザ作業を任せられます。

インストール手順（ステップバイステップ）

1. Chromeウェブストアにアクセスする
   こちらのChrome公式ストアページ（Anthropic提供）を開きます。
   ⚠️ 注意：Chromeウェブストアには「Claude」と名のつく非公式拡張機能が複数存在します。必ずAnthropicが発行元である公式拡張機能をインストールしてください。
2. 「Chromeに追加」をクリックする
   ポップアップが表示されたら「拡張機能を追加」をクリックして確認します。
3. 拡張機能をピン留めする
   Chromeツールバーのパズルピースアイコンをクリックし、「Claude」の横のピンアイコンをクリックしてツールバーに固定します。
4. Claudeアカウントでサインインする
   Claudeアイコンをクリックしてサイドパネルを開き、有料プランのアカウントでログインします。
5. 権限を付与する
   Claudeがブラウザと対話するために必要なアクセス許可を付与します。

インストール後は、ChromeツールバーのClaudeアイコンをクリックするだけで、ブラウジング中に表示されたままのサイドパネルでClaudeが使えます。

Claude in Chromeの対応環境

4. Claude in Chromeの主な機能

Claude in Chromeには、単純なAIチャット機能をはるかに超えた実用的な機能が搭載されています。主要な機能を4つご紹介します。

① サイドパネルでのシームレスなAI対話

ウェブページを閲覧しながら、サイドパネルに常駐しているClaudeと対話できます。タブを切り替える必要がなく、今見ているページの内容について「この記事を要約して」「この英語の意味を教えて」とすぐに質問できます。

② ワークフロー記録機能

繰り返し行うブラウザ操作を「一度だけ記録」すれば、以降はClaudeが自動で再現してくれます。チャット欄に「/」と入力すると「ワークフローを記録」が表示されます。記録中に声で意図を説明しておくと、Claudeは単なるクリック位置ではなく「タスクの目的」を理解して学習します。

③ ブラウザコンソールの読み取り

Claudeはブラウザのコンソール出力（エラーログ、ネットワークリクエスト、DOMの状態など）を直接読み取れます。開発者がブラウザを離れることなく問題を特定してデバッグするために非常に役立ちます。

④ Claude Code連携（コーディング×ブラウザ自動操作）

この拡張機能の真価は、ターミナルで動作する「Claude Code」と連携したときに発揮されます。

• ターミナルでClaude Codeを使ってコードをビルド
• Chrome拡張機能でブラウザ上のアプリをテスト・検証
• コンソールログを使って問題をデバッグ

この連携により、コンテキストを切り替えることなく「書く→テスト→修正」のサイクルを一気に回せます。たとえばこんな指示が可能です。

localhost:3000 を開いて、ページ読み込み時にコンソールエラーが出ていないか確認して。

Claude CodeとChrome拡張機能の接続は、ターミナルで claude --chrome を実行するだけです。毎回フラグを付けたくない場合は、/chrome コマンドから「Enabled by default」を選択すると、以降は自動接続されます。

5. VSCode Claude Code拡張機能の使い方

「Claude Code for VS Code」は、VS Code（バージョン1.98.0以上）にインストールして使うネイティブ拡張機能です。エディターの右上に表示されるSparkアイコンや左サイドバーのパネルから起動し、コードを書きながらAIと連携できます。

非エンジニアの方にも「VSCode拡張版がおすすめ」と言われる理由は、ターミナル（黒い画面）を使わずにClaude Codeを始められるからです。しかも、VSCode拡張版を入れるだけでCLI版も一緒に使えるようになります。

インストール手順

1. VSCodeを起動する
   まだVSCodeをお持ちでない方は、Visual Studio Code公式サイトからインストールしてください。
2. 拡張機能を検索する
   Cmd+Shift+X（Mac）または Ctrl+Shift+X（Windows/Linux）で拡張機能ビューを開き、「Claude Code」と検索します。
3. 公式拡張機能を選ぶ
   複数の結果が表示されますが、必ず発行元が「Anthropic」である公式拡張機能（オレンジ色の背景に白いウニ状のアイコン）を選んでください。非公式のものが複数出回っています。
4. インストールをクリックする
   「インストール」ボタンを押して完了です。インストール後はVSCodeを再起動すると正しく反映されます。
5. Anthropicアカウントでログインする
   拡張機能を初めて開くと、ログイン画面が表示されます。Claudeアカウント（Pro以上）でサインインするか、APIキーを入力して利用を開始します。

または、Visual Studio Marketplaceから直接インストールすることも可能です。

基本的な使い方

1. VSCodeでファイルを開く
2. エディタ右上に表示されるSparkアイコン（稲妻マーク）をクリックする
3. Claude Codeのチャットパネルが開く
4. 日本語で指示を入力する（例：「この関数を改善してください」「このエラーの原因を教えてください」）

ファイルを開いた状態でアイコンをクリックすると、そのファイルの内容が自動でClaude Codeに渡されます。また、@ファイル名 や @フォルダ名 の記法（@メンション）でコンテキストを明示的に指定することもできます。

CLIのインストールが必要な場合

拡張機能だけではClaude Codeのエージェント機能が完全に動作しないことがあります。その場合は、VSCodeの統合ターミナルで以下のコマンドを実行してCLI本体をインストールしてください。

npm install -g @anthropic-ai/claude-code

6. VSCode版とCLI版の違いと使い分け

Claude Codeには、「VSCode拡張版」と「CLIターミナル版」の2つの使い方があります。両者は競合する選択肢ではなく、用途が異なるインターフェースとして併用するのが基本です。

一言で表すと、「CLIはすべての機能がそろった本体、VSCode拡張はIDEから本体を操作するリモコン」と理解すると整理しやすいでしょう。

実務ではこんな使い分けが典型的です。

• 日常のコーディング作業 → VSCode拡張版（GUIで視覚的に確認しながら）
• 複雑な初期設定やMCPの構築 → CLIターミナル版
• チェックポイントの差分確認 → 両方を組み合わせて利用

7. Claudeデスクトップ拡張機能（MCP）の使い方

「Claude Desktop Extensions（デスクトップ拡張機能）」は、Claude Desktopアプリに機能を追加するための仕組みです。MCP（Model Context Protocol）という共通規格を使って、ローカルのファイルや外部サービスとClaudeを接続します。

以前はMCPの設定に設定ファイルの手動編集が必要でしたが、現在は「.mcpbファイル」形式のワンクリックインストールが可能になっています。ブラウザの拡張機能をインストールするのと同じ感覚で使えます。

デスクトップ拡張機能の2つのタイプ

Claude Desktopのインストール方法

1. Anthropic公式サイト（claude.ai/download）からClaude Desktopをダウンロードします。
2. インストーラーを実行してインストールします（macOS 11以上・Windows 10以上に対応）。
3. Claudeアカウントでログインします。

MCP拡張機能の追加手順（ファイルシステム連携の例）

以下はNode.jsを利用して「ファイルシステム」MCPを設定する手順です。これにより、指定したフォルダ内のファイルをClaudeが直接読み書きできるようになります。

1. Node.jsをインストールする
   nodejs.orgから最新のLTS版をインストールします。
2. ファイルシステムMCPサーバーをインストールする
   ターミナル（コマンドプロンプト）で以下を実行します。

   npm install -g @modelcontextprotocol/server-filesystem

3. Claude Desktopの設定ファイルを編集する
   以下のパスにある設定ファイルをテキストエディターで開きます。
   • macOS：~/Library/Application Support/Claude/claude_desktop_config.json
   • Windows：%APPDATA%\Claude\claude_desktop_config.json

   以下の内容を追加します（パスは任意のフォルダに変更してください）。

   {
     "mcpServers": {
       "filesystem": {
         "command": "npx",
         "args": [
           "-y",
           "@modelcontextprotocol/server-filesystem",
           "/Users/yourname/Documents"
         ]
       }
     }
   }

4. Claude Desktopを再起動する
   バックグラウンドで起動しているプロセスを含め、完全に終了してから再起動してください。
5. 設定を確認する
   入力ボックス左下の「検索とツール」アイコンをクリックして、設定したMCP機能が追加されていれば完了です。

⚠️ 注意点：設定変更後にClaude Desktopを「×ボタン」で閉じるだけではアプリが完全に終了しない場合があります。タスクトレイ（またはメニューバー）のアイコンからも終了させてから再起動してください。

8. おすすめMCP拡張機能と活用例

MCPには公式・サードパーティを含め多数の拡張機能が存在します。ここでは特に実用性の高いものをご紹介します。

具体的な活用シーン

【例1：会議の議事録整理（Filesystem MCP）】
「Documentsフォルダにある今月の議事録をすべて読んで、アクション項目を一覧化して」という指示を1回するだけで、複数ファイルを横断した整理が完了します。

【例2：PowerPoint作成中のAI補助（デスクトップ連携）】
PowerPointでスライドを作りながら、Optionキーのダブルタップ（クイックエントリー）でClaudeを呼び出し、「このスライドのタイトル候補を5つ提案して」と頼めます。ブラウザに切り替える手間なしに、作業の流れを止めずに使えます。

【例3：英語メールへの返信（MCP＋クイックエントリー）】
メールソフトで英語メールを見ながら「この英語メールを日本語で要約して、返信文案も作って」と依頼できます。

9. 拡張機能を使うためのプランと料金

Claude拡張機能を利用するには、機能の種類に応じて適切なプランへの加入が必要です。以下は2026年4月時点の最新情報です（料金は1ドル＝約150円で換算）。

※料金はドル建て。為替レートにより日本円換算額は変動します。最新の料金はAnthropic公式の料金ページでご確認ください。

プラン選びの目安

• まずお試しで使いたい → Freeプラン（ローカルMCPのみ利用可）
• Chrome拡張やVSCode拡張を使いたい個人ユーザー → Proプラン（月約3,000円）が最初の選択肢
• Claude Codeを毎日の開発業務に使いたいエンジニア → Max 5xプラン（月約15,000円）が費用対効果が高い
• チーム全体で導入したい → Team Standardプラン（5名以上）

10. 自分に合った拡張機能の選び方

どの拡張機能を使うべきか迷ったときは、以下のフローチャートを参考にしてみてください。

はじめての方へのステップ提案

STEP 1：まずClaude Desktopをインストールする
無料でダウンロードでき、ローカルMCPも試せます。Claudeの基本を体験するスタート地点です。

STEP 2：Chrome拡張またはVSCode拡張に挑戦する（Proプラン）
日常のブラウザ作業を効率化したい方はChrome拡張、開発者の方はVSCode拡張を優先的に試してみましょう。月額約3,000円で始められます。

STEP 3：MCPで連携を広げる
GitHub・Google Drive・Slackなどの外部サービスとの連携を追加することで、Claudeが仕事全体の「AI頭脳」になります。

11. よくある質問（FAQ）

Q1. Claude in Chromeは無料プランでも使えますか？

いいえ、現在はPro・Max・Team・Enterpriseの有料プランユーザーのみが利用できます（2026年5月時点）。

Q2. BraveやArcなどのChromiumブラウザでClaude拡張機能は使えますか？

残念ながら、現時点（2026年5月）ではGoogle Chromeのみ対応しています。Brave・Arc・Edgeなど他のChromiumベースブラウザには対応していません。

Q3. VSCode拡張版とCLI版（ターミナル版）はどちらを選べばいい？

非エンジニアの方や、まず手軽に始めたい方にはVSCode拡張版がおすすめです。GUIで直感的に操作でき、インストールすればCLI版も一緒に使えます。慣れてきたら両方を組み合わせて使うのが理想的です。

Q4. デスクトップ拡張機能（MCP）は無料で使えますか？

ローカルMCP（PC上のファイルへのアクセスなど）は無料プランでも利用できます。ただし、SlackやGoogle DriveなどのリモートMCP（クラウドサービス連携）は有料プランが必要です。

Q5. Claude in ChromeはClaudeの無料ダウンロードサービスですか？

いいえ、Claude in Chromeは「Chrome拡張機能」です。拡張機能自体のダウンロード・インストールは無料ですが、機能を実際に使うには有料プランへの加入が必要です。

Q6. VSCode拡張機能のインストールが失敗する場合はどうすればいい？

VSCodeの権限の問題が多いです。マーケットプレイスのウェブサイトから「.vsixファイル」をダウンロードし、拡張機能ビューの「VSIXからインストール…」オプションで手動インストールを試してみてください。

Q7. Claude Code VSCode拡張を使うにはどのバージョンのVSCodeが必要ですか？

VS Code 1.98.0以上が必要です。古いバージョンを使っている場合は、アップデートしてからインストールしてください。

Q8. MCPの設定ファイルを編集したのに変更が反映されません。

Claude Desktopを「×ボタン」で閉じるだけではアプリが完全に終了しない場合があります。タスクトレイ（Windows）またはメニューバー（Mac）のアイコンからも終了させた後、完全に再起動してください。

12. まとめ

本記事では、Claude拡張機能の全体像から各拡張機能の使い方まで、体系的に解説しました。最後にポイントをまとめます。

この記事の重要ポイント

Claude拡張機能は、まだまだ進化の途中にあります。2025年末から2026年にかけて、Claude in ChromeのClaude Code連携、VSCode拡張のGUI強化、Desktop ExtensionsのワンクリックMCPインストールなど、目覚ましい改善が続いています。

大切なのは、まずひとつだけ試してみることです。ブラウザをよく使う方はChrome拡張機能から、開発者であればVSCode拡張から、ローカルファイルを使いたい方はデスクトップMCPから始めるのがよいでしょう。

公式ドキュメントや公式サポートも充実しています。ぜひ以下のリンクも参考にしてください。

• Claude in Chrome 公式サポート（日本語）
• VS Code で Claude Code を使用する（公式ドキュメント）
• Claude Desktop ダウンロードページ
• Claude 料金プランページ

Claude拡張機能をうまく活用して、毎日の仕事をもっとスマートに、もっと楽しくしていきましょう！