Claude Codeの使い方完全ガイド！VS Code・Web版の比較から設定まで

最終更新日:2026/07/27

「話題のClaude Codeを導入したいけれど、CLI（黒い画面）は難しそう」「VS CodeやWeb版もあるみたいだけど、どれをどう使えばいいの？」と迷っていませんか？

本記事では、Anthropic社が提供するAIエージェント「Claude Code」について、2026年最新の各種インターフェース（CLI、VS Code、Web版など）の特徴や違い、具体的な使い方を初心者向けに徹底解説します。

記事を読めば、自分のスキルに合った最適な環境でClaude Codeを導入し、プログラミングだけでなく、日々のファイル整理やデータ分析などの業務を圧倒的に効率化できるようになります。

Claude Codeとは？Web版や従来のClaudeとの違い

Claude Codeは、コードベースを読み込み、ファイルを編集し、コマンドを実行し、開発ツールと連携できるAIエージェントです。単に質問に答えるだけでなく、指示された作業を自ら計画し、複数のファイルにまたがる修正やテストの実行まで一貫してこなせる点が特徴です。

たとえば「認証まわりのテストを書いて実行し、失敗があれば直しておいて」と指示すれば、Claude Codeはテストコードの作成からテスト実行、失敗箇所の修正までを自律的に進めます。

従来の「会話するAI（ブラウザ版Claude）」との圧倒的な違い

ブラウザ版のClaude（チャット形式）は、質問に対してテキストで回答する「相談相手」です。コードの修正案をもらっても、それをコピーしてファイルに貼り付け、実行して確認するところまでは自分で行う必要があります。
一方Claude Codeは、ファイルを自分で開いて内容を読み込み、問題を特定して修正し、テストを実行して動作確認するところまで自動で完結させる「実行役」です。同じAnthropic社のサービスでも、動作の仕組みが根本的に異なります。

エンジニアだけでなく「非エンジニア」の業務効率化にも使える理由

Claude Codeは名前に「Code」と入っているため、プログラマー専用のツールだと思われがちですが、実際にはコーディングに限定されません。ローカルのファイルを直接操作できるという特性を活かし、フォルダ内の大量ファイルの整理、CSVデータの集計・グラフ化、ドキュメントの要約や下書き作成といった、非エンジニアの日常業務にも活用できます。

何が違う？CursorやGitHub Copilotとの棲み分け・選び方

CursorはVS Codeをベースにした高機能なコードエディタで、複数のAIモデルを切り替えながら使える点が特徴です。GitHub Copilotはエディタ内でのコード補完を中心とした支援ツールです。
これに対しClaude Codeは「自律性」が最大の強みで、指示を出したあとは長時間放置していても作業を進めてくれます。エディタとしての視覚的な使いやすさを重視するならCursor、細かい指示なしで作業を最後まで任せたいならClaude Code、というのが基本的な選び方の目安です。両者を組み合わせて使うことも可能です。

Claude Codeで利用できるインターフェース一覧

Claude Codeは、同じ基盤を複数の環境から使えるように設計されています。ターミナルで使うCLI、VS CodeやJetBrains IDEから使う拡張機能、デスクトップアプリ、ブラウザで動くClaude Code on the Webなどがあり、用途やスキルレベルによって適した環境が異なります。使い分けの方針については、下記となっています。

インターフェース	必要な準備	向いている人・用途
Web版	GitHubアカウントのみ	まず気軽に試したい人、ローカル環境を用意したくない人
CLI版	ターミナルへのインストール	全機能を使いたい開発者、自動化やスクリプト連携をしたい人
VS Code拡張機能	VS Code + 拡張機能インストール	普段からVS Codeで開発している人
デスクトップアプリ	専用アプリのインストール	ターミナル操作が苦手だが視覚的に管理したい人

【初心者向け】手軽にブラウザで試せる「Claude Code on the Web」

Claude Code on the Webの画面イメージ 出典：Claude Code by Anthropic | AI Coding Agent, Terminal, IDE

Claude Code on the Webは、claude.ai/codeにアクセスするだけで使えるブラウザ版です。ローカルPCへのインストールが不要で、GitHubリポジトリと連携するだけで、Anthropicが管理するクラウド環境（仮想マシン）上でセッションが実行されます。

複数のタスクを並列で走らせやすく、ローカルにリポジトリを用意していなくても作業を始められる点がメリットです。ただし、ローカルの設定やツール、ローカルで動くMCPサーバーは利用できません。

【開発者向け】最も多機能で定番の「ターミナル（CLI）版」

Claude Codeのターミナル画面イメージ 出典：Claude Code by Anthropic | AI Coding Agent, Terminal, IDE

ターミナル（CLI）版は、Macの「ターミナル」やWindowsの「PowerShell」「コマンドプロンプト」などで動かすClaude Codeです。作業フォルダでclaudeコマンドを起動し、自然言語で指示を出すと、プロジェクト内のファイルを読み取ってファイル編集やコマンド実行を提案・実行してくれます。

CLI版はすべての機能が揃った基本形であり、Plan Modeの全モードやフックなど、他のインターフェースにはない機能も使えます。エンジニアはもちろん、慣れれば非エンジニアでも基本コマンドさえ覚えれば十分に活用できます。

出典：Advanced setup – Claude Code Docs

【普段使いに】エディタ内で完結する「VS Code拡張機能 / IDEプラグイン」

VS CodeでClaude Codeを使う画面イメージ 出典：Claude Code by Anthropic | AI Coding Agent, Terminal, IDE

VS Code拡張機能は、Claude Codeの機能をVS Codeのパネル上でグラフィカルに使える公式拡張機能です。コードの差分をインライン表示し、Accept/Rejectをワンクリックで選べるほか、ファイルを@で指定してコンテキストとして渡す「@メンション」機能も使えます。

拡張機能は内部にCLIを内包しているため、これだけをインストールすればチャットパネルはすぐに使えます。ただし、統合ターミナルでclaudeコマンドを直接使いたい場合は、別途スタンドアロン版のCLIをインストールする必要があります。IntelliJ IDEAやPyCharmなどJetBrains系IDEにも同様のプラグインが用意されています。

Visual Studio Marketplace – Claude Code

VS Code MarketplaceのClaude Code拡張機能ページ 出典：Use Claude Code in VS Code – Claude Code Docs

その他（デスクトップアプリ、Slack連携、CI/CD連携など一覧）

上記3つ以外にも、Claude Codeは次のような形で利用できます。

• デスクトップアプリ：ターミナルやIDEを使わずに、複数セッションを並べて視覚的に管理できる専用アプリ
• Slack連携：Slackチャンネルで@Claudeにメンションすると、バグ調査や修正の依頼からセッション作成までを自動化
• GitHub Actions / GitLab CI/CD連携：プルリクエストやIssueで@claudeをメンションすると、コード分析や機能実装、PR作成を自動化
• Remote Control：ローカルPCで動いているセッションに、スマートフォンなど別デバイスから接続して操作を継続

【環境別】Claude Codeのインストール・初期設定手順

ここからは、Claude Codeのインストールから導入初期の基本操作までを解説します。ターミナルに慣れていない方は、まずデスクトップアプリやVS Code拡張機能から試す方法もあります。

Web版（Claude Code on the Web）のログインと始め方

Web版は次の手順で始められます。

1. claude.ai/codeにアクセスし、Anthropicアカウントでサインインする
2. 案内に従ってGitHub Appを連携し、対象リポジトリへのアクセスを許可する
3. 「環境」を作成する（ネットワークアクセスの範囲や、セッション開始時に走らせるセットアップスクリプトなどを設定）
4. リポジトリとブランチを選び、権限モード（Auto accept edits または Plan mode）を選んで、依頼内容を入力する

なお、Web版は2026年7月時点でPro・Max・Teamユーザー、および条件を満たすEnterpriseユーザー向けのリサーチプレビューとして提供されています。

VS Code拡張機能のインストールと初期設定

1. VS Code（バージョン1.98.0以上が必要）の拡張機能ビューで「Claude Code」を検索し、インストールする
2. エディタ右上に表示される「Spark」アイコン、またはコマンドパレットから「Claude Code」のパネルを開く
3. 初回起動時に表示されるサインイン画面から、Anthropicアカウントでログインする

インストール直後にSparkアイコンが表示されない場合は、ファイルを開いた状態でVS Codeを再起動するか、コマンドパレットから「Developer: Reload Window」を実行してみてください。

ターミナル（CLI）版の導入手順（インストール・ログイン設定）

CLI版は、公式インストールスクリプトを使うのがもっとも簡単です。

macOS・Linux・WSL

curl -fsSL https://claude.ai/install.sh | bash

Windows（PowerShell）

irm https://claude.ai/install.ps1 | iex

インストール後、作業したいプロジェクトのフォルダに移動してclaudeと入力すれば、ブラウザが自動的に開き、Anthropicアカウントへのログイン画面が表示されます。案内に従ってサインインすれば準備完了です。

npmでインストールする方法（npm install -g @anthropic-ai/claude-code）も用意されていますが、この方法はNode.js 22以降が必要です。公式インストールスクリプトを使う場合はNode.js自体が不要で、より手軽に導入できます。

利用料金の仕組み（従量課金）と予算管理のコツ

Claude Codeの料金は、大きく分けて「サブスクリプション型」と「API従量課金型」の2種類があります。

• サブスクリプション型：Pro・Max・Team・Enterpriseなどの有料プランに加入して使う方法。個人ならまずProプランから試すのが定番です
• API従量課金型：Anthropic Console経由で、実際に使ったトークン数に応じて料金が発生する方法。自動化やCI/CDへの組み込みに向いています

サブスクリプションで使う場合、ブラウザ版のClaudeとClaude Codeの利用量は同じプールで管理されます。つまり、チャットでの利用分とコーディングでの利用分が合算されて上限にカウントされる仕組みです。エンタープライズ向けの実績値としては、開発者1人あたり1日あたり平均約13ドル、月間150〜250ドル程度が目安とされています。

予算を管理するには、セッション中に/usageコマンドを実行すると、現在のセッションのトークン使用量や見積もりコストを確認できます。

【重要】使いすぎを防ぐ！トークン（利用料金）の消費を抑える3つのポイント

1. CLAUDE.mdは200行以内に収める：長すぎるCLAUDE.mdはセッションのたびにコンテキストとして読み込まれ、トークン消費を増やします。詳細な手順はスキルやカスタムコマンドに切り出しましょう
2. 不要なMCPサーバーは無効化する：接続したMCPサーバーはツール一覧がコンテキストに常駐するため、使っていないサーバーは/mcpから無効にしておくと消費を抑えられます
3. 作業の区切りで/clearを使う：関係のない別作業に移るときは会話をクリアし、無駄なコンテキストを持ち越さないようにしましょう。あわせて、複雑なタスクの前にはPlan Modeで方針を確認してから実行に移ると、見当違いな修正による手戻りを防げます

Claude Codeを有効活用する6つの方法

Claude Codeは、単に「AIにコードを書かせるツール」ではありません。プロジェクトの前提を覚えさせたり、外部サービスとつないだり、作業ごとに小さな専門エージェントを分けたりすることで、より使いやすくなります。

ここでは、導入後に押さえておきたい6つの機能を紹介します。

CLAUDE.md（プロジェクトの取扱説明書）を理解する

CLAUDE.mdは、プロジェクトのルートに置くMarkdownファイルです。プロジェクト固有のルール、技術スタック、コーディング規約、テストコマンド、ディレクトリ構成、注意事項などを書いておくと、Claude Codeが作業時に参照できます。

たとえば、以下のような内容を入れておくと便利です。

# Project Guide

## Commands
- Install: npm install
- Test: npm test
- Lint: npm run lint

## Rules
- TypeScriptを使用する
- 既存の命名規則に合わせる
- 変更後は必ずテストを実行する

最初は/initでひな形を作成し、Claude Codeにプロジェクト構成を確認させながら内容を整えていくとよいでしょう。毎回同じ前提をプロンプトに書かなくても、プロジェクトの基本ルールを共有しやすくなります。

Plan Mode（計画してから動くモード）

Plan Modeは、Claude Codeがいきなりファイルを編集せず、まず調査と計画提示を行うモードです。大きな改修や影響範囲が広い変更を依頼する前に使うと、作業内容を確認してから実行に移れます。

CLIでは/planコマンドやShift+Tabで切り替えられます。デスクトップアプリやVS Codeでも、権限モードの選択肢としてPlan Modeを利用できます。

たとえば、「この認証処理をOAuth対応に変更して」といきなり依頼するのではなく、まずPlan Modeで「どのファイルを見て、どのように変更するか」を確認します。計画に問題がなければ、編集を許可して作業を進める流れです。

初心者や非エンジニアの方も、Claude Codeが何をしようとしているのかを確認しやすくなるため、最初はPlan Modeを挟む使い方をおすすめします。

サブエージェント

サブエージェントは、メインのClaudeとは別の文脈で動く専門エージェントです。/agentsコマンドで作成・管理でき、特定の役割を持たせて作業を分けられます。

たとえば、次のような役割分担ができます。

• コードレビュー担当
• テスト作成担当
• セキュリティ確認担当
• コードベース探索担当
• ドキュメント作成担当

メインの会話にすべての文脈を詰め込むのではなく、役割ごとに作業を分けることで、長い会話になっても整理しやすくなります。大きなコードベースを扱う場合や、複数観点で確認したい場合に役立ちます。

出典：Create custom subagents – Claude Code Docs

スキル（Skills）（あとから追加できる専門手順）

スキル（Skills）は、特定タスクの手順やチェックリストをClaude Codeに追加する仕組みです。SKILL.mdというファイルを作成し、よく使う作業手順や参照情報をまとめておくと、Claude Codeが必要に応じてそのスキルを使えるようになります。

たとえば、以下のようなスキルを作れます。

• 社内ルールに沿ってコードレビューするスキル
• 決まった形式でリリースノートを書くスキル
• スクリーンショットを撮って確認するスキル
• SEO記事のチェックリストに沿って校正するスキル

スキルは、毎回同じ長い指示を貼り付けている作業を再利用しやすくするための仕組みです。CLAUDE.mdがプロジェクトの前提知識を書く場所だとすると、スキルは「特定作業の手順」をまとめる場所と考えると分かりやすいでしょう。

出典：Extend Claude with skills – Claude Code Docs

MCP（外部サービス連携の共通規格）

MCP（Model Context Protocol）は、Claude Codeと外部ツールやデータソースをつなぐためのオープンな規格です。MCPサーバーを設定すると、Claude CodeからGitHub、Notion、Google Drive、Slack、Jira、PostgreSQLなどの情報を参照したり、操作できるようになります。

たとえば、次のような使い方ができます。

• JiraのIssue内容を読み取り、実装方針を考える
• Sentryのエラー情報を確認し、原因を調べる
• PostgreSQLのデータを参照して調査する
• Slackに投稿された要件をもとにメールテンプレートを修正する
• Gmailの下書きを作成する

MCPサーバーは、claude mcp addコマンドや.mcp.json、~/.claude.jsonなどの設定ファイルで登録できます。たとえば、NotionのMCPサーバーを追加する場合は、以下のようなコマンドを使います。

claude mcp add --transport http notion https://mcp.notion.com/mcp

MCPは便利な一方で、外部サービスのデータにアクセスする仕組みでもあります。接続するMCPサーバーが信頼できるものか、どの情報にアクセスできるのか、社内ルールに反していないかを確認してから導入しましょう。

出典：Connect Claude Code to tools via MCP – Claude Code Docs

プラグイン（Skills・エージェント・hooks・MCPサーバーなどのパッケージ）

プラグインは、Skills、エージェント、hooks、MCPサーバー、LSP設定などをまとめて配布できる仕組みです。個別の設定ファイルを都度コピーするのではなく、チームや複数プロジェクトで同じ機能を使い回したい場合に役立ちます。

たとえば、以下のようなプラグインが考えられます。

• 社内コーディング規約に沿ってレビューするプラグイン
• 特定フレームワーク向けの開発支援プラグイン
• LSPやMCPサーバーをまとめて導入するプラグイン
• リリース前チェックの手順をまとめたプラグイン

既存のプラグインを導入する場合は、/plugin installを使います。自分で作成する場合は、プラグイン用のディレクトリに.claude-plugin/plugin.jsonやskills/、agents/などを配置します。

プラグインは便利ですが、外部から取得したプラグインには、スキル、hooks、MCP設定などが含まれる場合があります。導入前に内容を確認し、信頼できる提供元のものを使うようにしましょう。

出典：Create plugins – Claude Code Docs

【実践例】Claude Codeの具体的な活用シチュエーション

ケース1：エラーログを丸投げしてデバッグ（バグ修正）を依頼する

発生したエラーメッセージをそのまま貼り付け、「このエラーを直して」と依頼するだけで、Claude Codeは該当コードを特定し、原因を分析したうえで修正を行います。ログファイルをパイプで渡す使い方も可能です。
tail -200 app.log | claude -p "エラーが出ていないか確認して、あれば教えて"

ケース2：フォルダ内の大量のPDFやファイルを一括で整理する

Claude Codeはローカルのファイルシステムを直接操作できるため、「このフォルダ内のPDFを内容ごとにサブフォルダへ分類して」といった依頼にも対応できます。プログラミングの知識がなくても、日本語の指示だけでファイル整理を任せられます。
なお、非エンジニアがこうした作業を任せる場合、Claude Codeがフォルダの外にあるファイルを操作しようとすると権限確認のプロンプトが表示されます。「アクセスを許可しますか」と聞かれたら、意図した操作かどうかを確認したうえで承認しましょう。

ケース3：CSVデータを読み込ませて自動でグラフ化・集計する

CSVファイルを指定し、「このデータの月別推移をグラフにして」のように依頼すると、Claude Codeが集計スクリプトを書いて実行し、結果を出力してくれます。ExcelやPythonの操作に不慣れな人でも、自然言語だけでデータ集計を進められます。

ケース4：Gitと連携してコミットメッセージやPR（プルリク）のドラフトを作る

Claude Codeはgitと直接連携できるため、「変更内容を要約してコミットして」「このブランチでプルリクエストを作成して」といった指示だけで、変更内容に基づいたコミットメッセージやPRの説明文を自動生成できます。
> commit my changes with a descriptive message
> create a pr for this feature
社内のセキュリティ要件に合わせて判断してください。Web版だから常に安全、ローカルだから常に危険ということではなく、扱うデータ、接続先、権限、監査要件に応じて使い分けることが大切です。

Claude Codeを安全に使うためのセキュリティ・注意点

勝手なファイル書き換えを防ぐための「権限管理」

Claude Codeは、ファイルの編集やコマンド実行の前に許可を求める「権限モード」の仕組みを備えています。主なモードは次のとおりです。

モード	内容	向いている用途
default（通常）	読み取り以外はすべて確認を求める	慣れないうちの利用、機密性の高い作業
acceptEdits（編集を自動承認）	ファイル編集と基本的なコマンドを自動承認	内容を後からまとめて確認したい場合
plan（計画モード）	読み取りのみ、編集は一切行わない	変更前にコードベースを調査したい場合
bypassPermissions（すべて自動）	確認をすべてスキップ	ネット接続のない隔離環境での利用に限定

初めて使う場合はdefaultモードのまま、確認を1つずつ見ながら進めるのがおすすめです。慣れてきたら、レビューをまとめて行うacceptEditsモードに切り替えると効率が上がります。

安全な実行環境を作る「サンドボックス」の活用

Claude CodeにはBashコマンドの実行範囲をOSレベルで制限する「サンドボックス」機能があります。有効にすると、コマンドが作業ディレクトリの外のファイルを書き換えたり、許可していないネットワーク先へ通信したりすることを防げます。macOSでは追加インストール不要で、Linux・WSL2ではbubblewrapとsocatのインストールが必要です。/sandboxコマンドから設定状況を確認・変更できます。

大量トークン消費による予期せぬ課金を防ぐ設定

前述のとおり、CLAUDE.mdを簡潔に保つこと、不要なMCPサーバーを無効化すること、こまめに/clearで会話をリセットすることに加え、組織で利用する場合はConsole上でワークスペースの支出上限を設定することもできます。個人利用でも、Pro・Maxプランでは/usage-creditsコマンドから月間の利用上限を設定可能です。

まとめ

Claude Codeは、CLIだけでなくWeb版やVS Code拡張機能、デスクトップアプリなど、スキルレベルを問わず誰でも使い始められる環境が整っています。Plan Modeによる計画確認や権限モードの使い分け、サンドボックスといった安全機能も充実しており、初心者でも安心して導入できます。
まずは最も手軽な「Web版」や「VS Code拡張機能」から触ってみて、AIエージェントが自律して仕事を終わらせてくれる快適さを体感してみましょう。

アイスマイリーでは、生成AIのサービス比較と企業一覧を無料配布しています。課題や目的に応じたサービスを比較検討できますので、ぜひこの機会にお問い合わせください。

よくある質問

Claude Codeは無料で使えますか？

無料プラン（Free）ではClaude Codeは利用できません。Claude Codeを使うには、Pro・Max・Team・Enterprise、またはAnthropic Consoleアカウントなどが必要です。 最安の個人向けプランはProで、月払いは月額20ドル、年払いの場合は月あたり17ドルです。APIキー経由で使う方法もありますが、利用量に応じて費用が変わります。日常的に使う場合は、まずProから試し、使用量に応じてMaxやTeamを検討するとよいでしょう。

初心者や非エンジニアでも使えますか？

使えます。Claude Codeは日本語の自然文で指示できるため、プログラミング知識がない方でも、ファイル整理、CSV集計、議事録の整形、資料作成の下書きなどに活用できます。 ただし、ファイル編集やコマンド実行を伴うため、最初は影響範囲の小さい作業から試すことをおすすめします。ターミナル操作に不安がある方は、デスクトップアプリ、Claude Code on the Web、VS Code拡張機能から始めるとよいでしょう。

VS Code拡張版とターミナルCLI版はどちらを使うべきですか？

エディタ内で完結させたい方や、コードの差分を画面で確認したい方にはVS Code拡張機能が向いています。ファイルを開いた状態で相談でき、インライン差分や@メンションによるファイル指定も使えます。 一方、サブエージェント、MCP、スクリプト実行、リモートサーバー作業、Agent SDKなどを含めて幅広く使いたい場合は、CLI版が向いています。VS Code拡張機能にはCLIも含まれているため、最初はVS Code拡張機能を入れて、必要に応じてCLIも使う運用が現実的です。 JetBrains IDEを普段使っている方は、JetBrains IDEプラグインも選択肢になります。

Claude Codeは日本語で指示できますか？

日本語で指示できます。プロンプトも応答も日本語でやり取りでき、エラーの説明や設計の相談も日本語で進められます。 ただし、コード、コマンド、ライブラリ名、ファイル名、外部ツールのエラーメッセージなどは英語のまま表示されることがあります。VS Code本体のメニューを日本語化したい場合は、VS Code側で「Japanese Language Pack」拡張機能を入れる必要があります。

WindowsとMacで使い方や機能に違いはありますか？

基本操作はほぼ同じで、claudeコマンドで起動する流れも共通です。違いが出やすいのは、インストール手順、推奨シェル、サンドボックス機能の対応状況です。 macOSでは、標準のSeatbelt機能を使ってサンドボックスを利用できます。LinuxやWSL2ではbubblewrapを使います。ネイティブWindowsでもClaude Codeは利用できますが、2026年5月時点ではサンドボックス機能はネイティブWindowsでは未対応で、WSL2を使う方法が選択肢になります。 Windows 10 1809以降であれば、PowerShellやCMDからネイティブインストールできます。Windows環境ではGit for Windowsの導入が推奨されています。

ProプランとMaxプランはどう使い分ければよいですか？

週に数回から毎日数時間程度の利用であれば、まずはProから始めるのが現実的です。Proで使用上限に頻繁に達するようになったら、Max 5xへの切り替えを検討するとよいでしょう。 長時間のコーディング作業、複数セッションの並行利用、重めの調査や実装を日常的に行う場合は、Max 20xも候補になります。チームで導入する場合は、個人のMaxではなくTeamまたはEnterpriseを検討し、管理機能やデータの扱い、SSO、監査ログなども含めて比較してください。 なお、利用できるモデルや使用上限、プランごとの詳細は変更される可能性があります。導入前には公式料金ページで最新情報を確認しましょう。