Claude Code実践ガイド

Claude CodeをVS Codeで使う｜拡張機能とターミナルの使い分け

Claude CodeはVS Codeと組み合わせた時に最も使いやすくなります。組み合わせ方は「専用の拡張機能を入れる」か「VS Codeの統合ターミナルでCLIを動かす」の2通りで、どちらにも明確な長所があります。このページは、毎日VS Code＋Claude Codeで作業している筆者が、導入手順と選び方、JetBrains系IDEでの利用までを整理したものです。

このサイトは Anthropic や Claude の公式サイトではありません。Claudeの基本的な使い方、ChatGPTとの違い、文章作成・長文整理・仕事での活用を初心者向けに整理する非公式ガイドです。機能・料金・提供状況は変更される可能性があるため、重要な判断ではAnthropic公式情報も確認してください。

2つの使い方──まず違いを知る

拡張機能統合ターミナル＋CLI
見た目サイドパネルにチャットUIが出る。差分もエディタ上に表示いつものターミナル画面のまま
導入マーケットプレイスから入れるだけCLIのインストールが前提（Windows／Mac・Linux）
向く人ターミナルに慣れていない人。GUIで差分を確認したい人キーボード中心で速く回したい人。SkillsやhooksなどCLIの機能を全部使いたい人

迷ったら拡張機能から入って、物足りなくなったらCLIに移るのが自然な順路です。両方入れておいて作業によって使い分けても問題ありません。

拡張機能の導入手順

  1. VS Codeの拡張機能ビュー（Ctrl+Shift+X / Cmd+Shift+X）で「Claude Code」を検索し、Anthropic提供のものをインストールします
  2. サイドバーに追加されたClaudeのアイコンを開き、Claudeアカウントでサインインします（Pro以上のプランが必要です。料金の整理）
  3. 開いているフォルダがそのまま作業対象になります。パネルに日本語で指示すれば作業が始まります

拡張機能の強みは差分の見やすさです。AIが提案した変更がエディタ上で色分け表示され、採用・却下をクリックで判断できます。「AIに任せるのは不安」という段階の人には、この見える化の安心感が大きいはずです。

統合ターミナルでCLIを使う──筆者の常用構成

筆者の日常はこちらです。VS Codeでプロジェクトを開き、統合ターミナル（Ctrl+@）で claude を起動する。それだけの構成ですが、実務上の要点がいくつかあります。

  • エディタとAIの分業が明確になる──左のエディタは「人間が読む・微修正する」場所、下のターミナルは「AIに指示する」場所という役割分担が固定され、頭の切り替えが要らなくなります
  • ファイルの変更が即座に反映される──Claude Codeが書き換えた内容は開いているエディタにそのまま反映されます。git連携しておけば、VS Codeのソース管理ビューが差分ビューアとして機能します
  • CLIの機能が全部使える──Skills・hooks・サブエージェント・/model での切り替えなど、Claude Codeの深い機能はCLI側が本体です（カスタマイズの解説）

1つだけ注意があります。ターミナルパネルが狭いと長い出力が読みにくいので、Claude Codeを使う時はパネルを画面の半分近くまで広げるか、ターミナルを別ウィンドウに切り離すと快適さが全く違います。

JetBrains系IDE（IntelliJ・PyCharm等）で使う

JetBrains系にもClaude Codeのプラグインが提供されており、考え方はVS Code拡張と同じです。プラグインのマーケットプレイスから「Claude Code」を導入し、サインインすれば、IDE内のツールウィンドウから使えます。

また、プラグインを入れなくても、JetBrains系の組み込みターミナルでCLIを動かす方法は当然使えます。VS Codeの場合と同様、「エディタは何であれ、CLIはどこでも動く」のがClaude Codeの良さで、チームでエディタがばらばらでも導入の障害になりません。

おすすめの組み合わせ方（習熟度別）

段階構成ねらい
入門拡張機能のみ差分をGUIで確認しながらAIとの作業に慣れる
慣れてきた拡張機能＋統合ターミナル併用軽い指示はターミナル、大きな変更の確認は拡張機能側で
常用統合ターミナル中心＋ソース管理ビューで差分確認Skills・hooksを含めた全機能を日常動線に組み込む
Claude Codeとは｜使い方・できること・始め方Windowsでのインストール手順Skills・hooks・CLAUDE.mdの解説Git・GitHub連携｜コミットからPRまでCursor等エディタ型AIとの比較
gptguide.jpchatgptguide.jpcodexguide.jpcanvaguide.jpgeminiguide.netgithubguide.jpfigmaguide.jpcopilotguide.jpperplexityguide.jp

FAQ

拡張機能とCLIで料金は変わりますか？

変わりません。どちらも同じClaudeアカウントのプランの利用枠を使います。

GitHub Copilotと同時に入れても大丈夫ですか？

共存できます。補完はCopilot、まとまった作業はClaude Code、という併用をしている人は実際に多いです。役割の違いは比較ページで整理しています。

拡張機能が「サインインできない」となります

ブラウザ側で別のClaudeアカウントにログインしているケースが典型です。ブラウザのログイン状態を確認してからやり直してください。解決しない場合の切り分けはトラブルページへ。

Cursorとどちらが良いですか？

「エディタごとAIに寄せる」のがCursor、「今のエディタにAIを足す」のがClaude Codeです。この違いは好みが分かれるところなので、比較ページで詳しく扱っています。