---
title: "Claude Codeの使い方完全ガイド — インストールから実践まで【2026年最新】"
description: "Claude Codeのインストール・初期設定・基本コマンドから、個人開発で使える実践ワークフローまで現役開発者が図解つきで解説。料金プラン比較と初心者がつまずく5つのポイントも網羅。"
url: "https://shiftb.dev/articles/how-to-use-claude-code"
publishedAt: "2026-04-02"
updatedAt: "2026-04-02"
author: "立川修平（ぶべ）"
category: "tools"
tags: ["Claude Code", "AI駆動開発", "バイブコーディング", "開発ツール", "Anthropic"]
---

# Claude Codeの使い方完全ガイド — インストールから実践まで【2026年最新】

「AIコーディングツールが便利なのは知っている。でも、Claude Codeって何が違うの？どうやって使うの？」——ShiftBの無料相談会で、この質問が急増しています。

2026年現在、Claude CodeはAnthropicが提供する**ターミナルネイティブのAIコーディングアシスタント**として、世界中の開発者に支持されています。GitHub上のAI生成コードの**51%がAI支援によるもの**という時代に、Claude Codeは「ファイルの読み書き・コマンド実行・Git操作まで自律的にこなす」という点で、他のツールとは一線を画します。

僕自身、ShiftBのプロダクト開発やスクール運営に関わるWebサービスを、すべてClaude Codeで開発しています。導入後、**1つのWebサービスをリリースするまでの期間は平均2週間から3日に短縮**されました。

この記事では、Claude Codeのインストール方法から、基本コマンド、実践的な開発ワークフロー、料金プランの選び方、そして**初心者が必ずつまずくポイントとその解決策**まで、1万2000字超で徹底解説します。

読み終える頃には、「Claude Codeで何ができるのか」「自分の環境にどうインストールするのか」「明日からどう使えばいいのか」が明確になっているはずです。

## Claude Codeとは？——他のAIツールと何が違うのか

### 定義：ターミナルに住む自律型AIエンジニア

Claude Codeは、Anthropicが開発した**ターミナルネイティブのAIコーディングエージェント**です。2025年5月にリリースされ、2026年4月現在はデスクトップアプリ、VS Code拡張機能、ターミナルCLIの3つの形態で利用できます。

最大の特徴は、**自律的にタスクを遂行する「エージェント」**として動作する点です。一般的なAIコード補完ツール（GitHub Copilotなど）が「1行ずつ提案する」のに対し、Claude Codeは「プロジェクト全体を理解した上で、複数ファイルを同時に変更し、テストを実行し、エラーを自分で修正する」ことができます。

イメージとしては、**「隣に座っている優秀なジュニアエンジニア」**に近い存在です。あなたが「この機能を追加して」と指示すると、必要なファイルを自分で探し、コードを書き、テストを通し、Gitにコミットするところまで自動でやってくれます。

### 他のAIコーディングツールとの違い

2026年現在、主要なAIコーディングツールは複数ありますが、それぞれ設計思想が異なります。

| 特徴 | Claude Code | Cursor | GitHub Copilot |
| --- | --- | --- | --- |
| 動作環境 | ターミナル / デスクトップ / VS Code | 専用エディタ（VS Code fork） | VS Code / JetBrains等 |
| AIの役割 | 自律型エージェント | 対話型アシスタント | コード補完 |
| コンテキスト理解 | プロジェクト全体（100万トークン） | 開いているファイル＋指定ファイル | 現在のファイル中心 |
| ファイル操作 | 自動で読み書き・作成・削除 | 提案→承認で反映 | インライン提案のみ |
| コマンド実行 | ターミナルコマンドを自律実行 | ターミナル統合あり | なし |
| Git操作 | コミット・ブランチ作成を自動化 | 一部対応 | なし |
| 月額料金 | $20〜（Max Plan） | $20〜（Pro Plan） | $10〜 / 無料プランあり |

ポイントは、Claude Codeが**「自分でやる」**のに対し、他のツールは**「提案する」**に留まるという点です。この違いが、開発速度に大きな差を生みます。

### Claude Codeが特に強い3つの場面

すべての場面でClaude Codeが最適というわけではありません。特に威力を発揮するのは以下の3つです。

- **新機能の一括実装**：「認証機能を追加して」と言うだけで、ルーティング・API・UI・テストを一度に生成
- **リファクタリング**：「このコンポーネントを分割して、テストも書いて」のような大規模な変更を安全に実行
- **バグ修正**：エラーログを渡すだけで、原因を特定し、修正し、テストを追加するまで自律的に対応

## Claude Codeのインストール方法【3つの導入パターン】

2026年4月現在、Claude Codeには3つの導入方法があります。目的に合わせて選びましょう。

### パターン①：ネイティブインストーラー（推奨）

**最も簡単で、Anthropicが公式に推奨**している方法です。Node.jsなどの事前インストールが不要で、自動アップデートにも対応しています。

**macOS / Linuxの場合：**

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

**Windowsの場合：**

```
powershell -ExecutionPolicy Bypass -Command "iwr -useb https://claude.ai/install.ps1 | iex"
```

インストール後、ターミナルで `claude` と入力すれば起動します。初回起動時にAnthropicアカウントでのログインが求められます。

### パターン②：デスクトップアプリ

ターミナルに慣れていない方には、**デスクトップアプリ**がおすすめです。macOSとWindowsに対応しており、GUIでClaude Codeのすべての機能が使えます。

[claude.ai/download](https://claude.ai/download)からダウンロードしてインストールするだけ。プロジェクトのフォルダをドラッグ&ドロップで開けるので、初心者でも直感的に使えます。

### パターン③：VS Code / Cursor拡張機能

既にVS CodeやCursorを使っている方は、拡張機能として導入するのが効率的です。エディタのサイドパネルからClaude Codeを呼び出せるので、コードの編集とAIへの指示をシームレスに切り替えられます。

VS Codeの拡張機能マーケットプレイスで「Claude Code」を検索し、インストールするだけです。

### 導入パターンの選び方

| あなたのタイプ | おすすめパターン | 理由 |
| --- | --- | --- |
| ターミナルに慣れている | ネイティブインストーラー | 最も高速・軽量。自動アップデート対応 |
| プログラミング初心者 | デスクトップアプリ | GUI操作で直感的。ターミナル不要 |
| VS Code / Cursorユーザー | 拡張機能 | 既存のワークフローを壊さず導入 |
| チーム開発で統一したい | ネイティブインストーラー | CI/CDとの連携が容易 |

### システム要件

Claude Codeを使うために必要な環境は以下の通りです。

- **OS**：macOS 13.0以降 / Ubuntu 20.04以降 / Windows 10（バージョン1809以降）
- **メモリ**：最低4GB RAM（大規模プロジェクトは8GB推奨）
- **インターネット接続**：必須（AIモデルはクラウドで実行）
- **Anthropicアカウント**：Pro / Max / Team / Enterpriseプランのいずれか

![Claude Codeのインストール手順フロー図](https://shiftb.dev/images/articles/how-to-use-claude-code-install-flow.png)

## Claude Codeの基本コマンドと操作方法

Claude Codeを起動したら、まずは基本的なコマンドを覚えましょう。ここでは、日常的に使うコマンドを優先度順に紹介します。

### 起動と終了

ターミナルで `claude` と入力するとインタラクティブモードが起動します。終了するには `/exit` または `Ctrl+C` を2回押します。

```
# プロジェクトのディレクトリに移動して起動
cd my-project
claude
```

### よく使うスラッシュコマンド

Claude Codeのインタラクティブモードでは、スラッシュコマンドで各種機能にアクセスできます。

| コマンド | 機能 | 使いどころ |
| --- | --- | --- |
| `/help` | ヘルプを表示 | コマンド一覧を確認したいとき |
| `/plan` | プランモードに切り替え | 実装前に計画を立てたいとき |
| `/clear` | 会話履歴をクリア | 新しいタスクに切り替えるとき |
| `/compact` | 会話を要約して圧縮 | コンテキストが長くなったとき |
| `/cost` | 使用トークン量と費用を表示 | 料金を確認したいとき |

### ワンショットコマンド（非対話型）

インタラクティブモードに入らず、1つのタスクだけ実行したい場合は `-p` フラグを使います。CI/CDパイプラインや自動化スクリプトと相性が良い機能です。

```
# 1つのタスクだけ実行して終了
claude -p "このプロジェクトのREADMEを更新して"

# ファイルをパイプで渡す
cat error.log | claude -p "このエラーの原因と修正方法を教えて"
```

### プランモード——まず計画、それから実行

**初心者に最もおすすめしたい機能がプランモード**です。通常モードでは、Claude Codeは指示を受けるとすぐにコードを書き始めます。プランモードでは、**まず「何をするか」の計画を提示し、あなたの承認を得てから実行**します。

プランモードの流れは以下の通りです：

1. `/plan` でプランモードに入る（またはShift+Tabで切り替え）
2. 実現したいことを自然言語で伝える
3. Claude Codeが実行計画を提示する
4. 計画を確認・修正する
5. 承認すると実行が始まる

特に大きな変更（新機能の追加、リファクタリングなど）を行う場合は、必ずプランモードを使いましょう。**「思っていたのと違う変更をされた」**というトラブルの大半は、プランモードを使わなかったことが原因です。

### 権限設定——安全に使うために

Claude Codeはファイルの読み書きやコマンドの実行を自動で行います。初めは少し不安に感じるかもしれませんが、**権限設定**で細かく制御できます。

- **ファイル読み取り**：デフォルトで許可。プロジェクト内のファイルを自由に読める
- **ファイル書き込み**：デフォルトで確認あり。変更前にdiffが表示され、承認が必要
- **コマンド実行**：デフォルトで確認あり。実行するコマンドの内容を確認できる

慣れてきたら `--allowedTools` フラグで特定のツールを自動許可に設定できます。ただし、**本番環境に影響するコマンド（デプロイ、DB操作など）は必ず手動承認**のままにしておきましょう。

## Claude Codeの料金プラン比較【2026年最新】

Claude Codeの料金体系は、利用量に応じた複数のプランが用意されています。2026年4月時点の最新情報をまとめました。

### プラン別の比較

| プラン | 月額 | 使用量の目安 | おすすめの人 |
| --- | --- | --- | --- |
| Pro | $20 | 軽〜中程度の利用 | 個人学習・趣味の開発 |
| Max 5x | $100 | Proの5倍の使用量 | 日常的に開発する個人開発者 |
| Max 20x | $200 | Proの20倍の使用量 | プロの開発者・ヘビーユーザー |
| Team | $30/人 | チーム共有・管理機能付き | チーム開発 |
| Enterprise | 要問い合わせ | カスタム | 大規模組織 |

### 初心者はProプラン（$20/月）で十分

「いきなり高いプランに入るべき？」という質問をよく受けますが、**まずはProプラン（$20/月、約3,000円）で始めてください**。学習段階やちょっとした個人開発であれば、Proプランの使用量で十分です。

目安として、Proプランでは**1日あたり30〜50回程度の対話**が可能です。「1時間に10回くらい質問する」ペースなら、1日3〜5時間の開発に対応できます。

使用量が足りないと感じたら、月の途中でもMax 5xプラン（$100/月）にアップグレードできます。ShiftBの受講生では、**約60%がProプラン、30%がMax 5xプラン**を利用しています。

### APIキーでの利用（従量課金）

もう1つの選択肢として、AnthropicのAPIキーを使った従量課金があります。使った分だけ支払うため、**利用頻度が不規則な方や、CI/CDなどの自動化で使いたい方**に向いています。

APIキーの場合、Claude Sonnet 4.6は入力100万トークンあたり$3、出力100万トークンあたり$15です。一般的な開発セッション（1時間）での費用は**$0.5〜$3程度**が目安です。

![Claude Codeの料金プラン比較図](https://shiftb.dev/images/articles/how-to-use-claude-code-plan-comparison.png)

## Claude Codeを使った実践開発ワークフロー

ここからは、実際の開発でClaude Codeをどう使うかを、ステップバイステップで解説します。「Todoアプリ」を題材に、**所要時間の目安**も含めて紹介します。

### ステップ1：プロジェクトの初期化（5分）

まず、プロジェクトのディレクトリでClaude Codeを起動します。

```
mkdir my-todo-app && cd my-todo-app
claude
```

起動したら、プロジェクトの概要を伝えます。

```
Next.js 15 + TypeScript + Tailwind CSS + Supabaseで
シンプルなTodoアプリを作りたい。
まずプロジェクトの初期セットアップをして。
```

Claude Codeは自動で`npx create-next-app`を実行し、必要なパッケージをインストールし、ディレクトリ構成を整えてくれます。

### ステップ2：CLAUDE.mdの作成（3分）

プロジェクトのルールを定義する`CLAUDE.md`を作成します（詳細は次章で解説）。

```
プロジェクトルートにCLAUDE.mdを作成して。
以下のルールを含めて：
- Tailwindのクラスはgap-10形式（gap-[40px]はNG）
- コンポーネントはapp/_componentsに配置
- 日本語でコメントを書く
```

### ステップ3：プランモードで設計（10分）

`/plan` でプランモードに切り替え、機能の設計を依頼します。

```
/plan
Todoアプリに以下の機能を実装したい：
1. Todoの追加・完了・削除
2. Supabaseでデータ永続化
3. ユーザー認証（メールアドレス）
4. レスポンシブデザイン
実装計画を立てて。
```

Claude Codeは、データベーススキーマ、API設計、コンポーネント構成、実装順序を含む計画を提示します。**この計画を確認してから「OK、実装して」と承認**することで、意図しない実装を防げます。

### ステップ4：機能の実装（30〜60分）

計画を承認すると、Claude Codeが自律的にコードを書き始めます。この時、あなたが気をつけるべきことは3つです：

1. **ファイルの変更内容を確認する**：diffが表示されたら、意図通りかざっと目を通す
2. **コマンドの実行を確認する**：`npm install`などのコマンド実行前に、何をインストールするか確認
3. **動作確認を挟む**：大きな機能が実装されたら、ブラウザで動作を確認してからフィードバック

### ステップ5：テストとデバッグ（15〜30分）

実装が終わったら、テストを依頼します。

```
今実装したTodoアプリの全機能に対して、
テストを書いて実行して。
失敗するテストがあれば修正もして。
```

Claude Codeはテストファイルを作成し、実行し、失敗したテストを自分で修正します。この**「テスト→失敗→修正→再テスト」のループを自動で回してくれる**のが、Claude Codeの真骨頂です。

### ステップ6：デプロイ（5分）

最後に、Vercelにデプロイします。

```
Vercelにデプロイしたい。
まずGitリポジトリを作成して、コミットして、
Vercelにデプロイする手順を教えて。
```

Claude Codeはgit init、コミット、リモートリポジトリの設定まで自動で行います。Vercelとの連携は初回だけブラウザでの認証が必要ですが、それ以降はコマンドラインから操作可能です。

**ここまでの全工程で、所要時間は約1〜2時間**。従来のゼロからの開発では2〜3日かかる内容です。

![Claude Codeの実践開発ワークフロー図](https://shiftb.dev/images/articles/how-to-use-claude-code-workflow.png)

## CLAUDE.mdでプロジェクトをカスタマイズする方法

Claude Codeをさらに便利に使うための最重要テクニックが、**CLAUDE.md**ファイルです。これはプロジェクトルートに置く設定ファイルで、Claude Codeが毎回のセッション開始時に自動で読み込みます。

### CLAUDE.mdとは？

CLAUDE.mdは、**「このプロジェクトではこういうルールで開発してね」**というガイドラインをClaude Codeに伝えるためのマークダウンファイルです。人間のチームメンバーにプロジェクトのルールを伝えるのと同じ感覚で書けます。

### 良い例・悪い例

**悪い例（曖昧で効果が薄い）：**

```
# CLAUDE.md
- きれいなコードを書いて
- テストも書いて
- いい感じにして
```

**良い例（具体的で再現性がある）：**

```
# CLAUDE.md

## コーディング規約
- Tailwindは gap-10 形式（gap-[40px] はNG）
- コンポーネントは app/_components/ に配置
- APIルートは app/api/ に配置
- 型定義は types/ ディレクトリにまとめる

## テスト
- 新しいコンポーネントには必ずunit testを書く
- テストフレームワーク: Vitest + Testing Library
- テスト実行コマンド: npm run test

## Git
- コミットメッセージは日本語で書く
- 1コミット1機能の原則を守る

## 技術スタック
- Next.js 15 (App Router)
- TypeScript (strict mode)
- Tailwind CSS v4
- Supabase (認証・DB)
```

### CLAUDE.mdに書くべき5つの項目

1. **コーディング規約**：命名規則、ディレクトリ構成、フォーマットルール
2. **技術スタック**：使用フレームワーク、ライブラリ、バージョン
3. **テスト方針**：テストフレームワーク、カバレッジ基準、実行コマンド
4. **Git運用**：コミットメッセージ規則、ブランチ戦略
5. **禁止事項**：使ってはいけないライブラリ、避けるべきパターン

CLAUDE.mdを適切に設定するだけで、**Claude Codeの出力品質が大幅に安定します**。ShiftBの受講生でも、CLAUDE.mdを導入した受講生は「指示のやり直し回数が平均**40%減少**した」というデータが出ています。

## 初心者がつまずく7つのポイントと解決策

ShiftBの受講生142名のサポートを通じて、Claude Code初心者がつまずくポイントには明確なパターンがあることがわかりました。ここでは、よくある7つの問題と解決策を紹介します。

### ①コンテキストが長くなりすぎて精度が落ちる

**症状**：長時間の作業後、Claude Codeの回答がおかしくなる、以前の指示を忘れる。

**原因**：1つのセッションで大量のやり取りを続けると、コンテキストウィンドウの上限に近づき、古い情報が圧縮・削除されます。

**解決策**：

- `/compact` コマンドで会話を要約・圧縮する
- タスクが変わったら `/clear` で新しいセッションを開始する
- 1セッションは**1つの機能に集中**する（目安：30分〜1時間）

### ②プランモードを使わずにいきなり実装させる

**症状**：意図しないファイルが変更される、思った機能と違うものが実装される。

**解決策**：新しい機能やリファクタリングの前には必ず `/plan` を使う。「まず計画を見せて」を口癖にしましょう。

### ③指示が曖昧すぎる

**悪い指示**：「ログイン機能を作って」

**良い指示**：「Supabase Authを使ってメールアドレスでのログイン機能を作って。ログインページは/loginに配置。ログイン後は/dashboardにリダイレクト。UIはTailwind CSSでシンプルに」

コツは、**「技術スタック」「配置場所」「UIの方針」**の3つを含めることです。

### ④生成されたコードを全く読まない

**症状**：動くけど、どこに何があるか把握していない。エラーが起きた時に手も足も出ない。

**解決策**：生成後に「今変更したファイルの内容をざっくり説明して」と聞きましょう。ファイルごとの役割を理解しておくだけで、問題発生時の対応力が格段に上がります。

### ⑤Gitを使わずに作業する

**症状**：大きな変更で壊れた時に元に戻せない。

**解決策**：Claude Codeは自動でGitコミットを作成できます。「機能が動いたらコミットして」と指示する習慣をつけましょう。**最低でも1機能ごとに1コミット**が鉄則です。

### ⑥使用量の上限を気にしすぎる

**症状**：「トークンがもったいない」と、質問を短くしすぎて意図が伝わらない。

**解決策**：曖昧な指示で何度もやり直す方が、結果的にトークンを多く消費します。**1回の指示を丁寧に書く方がトータルで効率的**です。`/cost` で使用量を定期的に確認しましょう。

### ⑦エラーをそのまま貼り付けるだけ

**悪い例**：「このエラーを直して」＋エラーメッセージ

**良い例**：「Todoの追加ボタンを押すとこのエラーが出る。Supabaseへのinsert処理が失敗しているようだ。エラーログ：（ログ貼付）」

**「何をしようとして」「何が起きて」「どう思うか」**の3点を伝えると、Claude Codeの解決精度が大幅に向上します。

## よくある質問（FAQ）

### Q. プログラミング完全未経験でもClaude Codeは使えますか？

**使うことは可能です。**デスクトップアプリなら、ターミナルの知識がなくてもGUIで操作できます。ただし、**AIが生成したコードの意味を全く理解できない状態では、品質の高いプロダクトは作れません**。最低限、HTML/CSS/JavaScriptの基礎（1〜2週間程度）を学んでからClaude Codeに入ることを推奨します。

### Q. Claude CodeとCursor、どちらを先に使うべきですか？

**「まず作りたいものがある」ならClaude Code**を推奨します。Claude Codeは、ゼロからプロジェクトを立ち上げて形にするのが得意です。一方、**「既存のコードベースを少しずつ修正していく」ならCursor**が向いています。慣れてきたら両方を使い分けるのが理想です。

### Q. 無料で使う方法はありますか？

**完全無料のプランはありません。**最低でもProプラン（$20/月）が必要です。ただし、AnthropicのAPIを使えば従量課金で**少額から試す**ことが可能です。学習目的なら、月$5〜10程度の費用で収まることがほとんどです。

### Q. Claude Codeで作れないものはありますか？

技術的には、ほとんどのWebアプリケーションを作れます。ただし、以下の場面は苦手です：

- **リアルタイム性が極めて高いもの**：ゲームエンジン、低レイテンシ通信
- **ハードウェア制御**：IoTデバイス、組み込みシステム
- **厳密な数値計算**：金融の高頻度取引、科学計算

Webアプリ、SaaS、ランディングページ、ブログ、ECサイトなどは**得意分野**です。

### Q. Claude Codeが生成したコードの著作権はどうなりますか？

Anthropicの利用規約上、**Claude Codeが生成したコードの権利はユーザーに帰属**します。商用利用も可能です。ただし、生成されたコードが既存のオープンソースコードと類似している場合、そのライセンスに従う必要があります。

### Q. セキュリティ面は大丈夫ですか？コードが外部に送信されますか？

Claude Codeはローカルのファイルを読み取り、AnthropicのAPIにコードの一部を送信して処理します。Anthropicは、**APIに送信されたデータをモデルのトレーニングに使用しない**と明言しています。ただし、機密性の高いコード（APIキー、パスワードなど）は`.gitignore` や `.claudeignore` で除外することを推奨します。

## まとめ——Claude Codeは「開発のOS」になる

最後に、この記事の要点をまとめます。

- **Claude Code**は、Anthropicが提供するターミナルネイティブの自律型AIコーディングエージェント
- 他のツールとの違いは**「提案」ではなく「自律実行」**する点。ファイル操作・コマンド実行・Git操作まで自動化
- 導入は**ネイティブインストーラー**が最も簡単。初心者はデスクトップアプリもおすすめ
- 料金は**Proプラン（$20/月）**から。個人開発には十分な使用量
- 実践では**プランモード**と**CLAUDE.md**が品質を大きく左右する
- 初心者の7つのつまずきポイントを事前に知っておくことで、**学習効率が大幅に向上**する

Claude Codeは、単なるコード生成ツールではありません。プロジェクトの理解、設計、実装、テスト、デプロイまでを包括的にサポートする、**「開発のOS」**とも言える存在です。

2026年は、AIコーディングツールを使いこなす開発者と使わない開発者の間に、**決定的な生産性の差**が生まれる年になります。この記事を読んだあなたは、すでにその第一歩を踏み出しています。

まずはProプランで始めて、小さなプロジェクトからClaude Codeを試してみてください。きっと、**「もうこれなしでは開発できない」**と感じるはずです。