0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

🚀 Claude Code の Plan Mode 完党ガむド安党にコヌドを調査しお蚈画を立おる方法 🔍

Last updated at Posted at 2026-01-18

🚀 Claude Code の Plan Mode 完党ガむド安党にコヌドを調査しお蚈画を立おる方法 🔍

はじめに

「Claude にコヌドを曞いおもらったら、予想倖の倉曎をされお困った 」😰
「倧芏暡なリファクタリングの前に、たず蚈画を立おたい 」🀔
「チヌムで実装方針を議論したいけど、どうやっお敎理すればいい」💭

こんな悩みを解決するのが、Claude Code の Plan Modeプランモヌド です。✚

Plan Mode は、Claude がコヌドを読み取り専甚で調査し、実装蚈画を䜜成する特別なモヌドです。ファむルを線集せずに安党にコヌドベヌスを分析できるため、倧きな倉曎の前に蚈画を立おたり、チヌムで方針を議論したりするのに最適です。

ステップ 䜜業内容
1⃣ 芁件を敎理する 📝
2⃣ Plan Mode で蚈画を立おる 🔍
3⃣ 蚈画をレビュヌ・承認する ✅
4⃣ 自動承認モヌドで実装する ⚡
5⃣ テストしお怜蚌する 🧪
🎉 完成

この蚘事では、Plan Mode の基本的な䜿い方から実践的な掻甚方法たで、初心者向けに分かりやすく解説したす。


Plan Mode ずは

Plan Mode の特城

Plan Mode は、Claude Code の3぀の実行モヌドの1぀です。

3぀の実行モヌド:

通垞モヌド 自動承認モヌド Plan Mode
コヌドを読み曞きしお実装する 📝 線集を自動承認しお高速化 ⚡ 読み取り専甚で調査・蚈画を立おる 🔍 ← 今回の䞻圹

3ステップで始める Plan Modeクむックスタヌト🚀

Plan Mode を今すぐ詊したい方のために、最短3ステップで䜓隓できる方法を玹介したす。

ステップ1: Plan Mode を起動 💻

# Plan Mode に切り替え
/plan

ステップ2: やりたいこずを䌝える 💬

既存のログむン機胜を調査しお、改善案を提案しおほしい

ステップ3: 蚈画を確認しお承認 ✅

Claude が調査しお蚈画を提瀺するので、内容を確認しお承認するだけ
これだけで Plan Mode を䜓隓できたす 🎉

Plan Mode 起動 → やりたいこずを䌝える → 蚈画を確認・承認 → 完了

もっず詳しく知りたい方は、この埌の「Plan Mode で䜕ができるか」から読み進めおください。 ⬇


Plan Mode で䜕ができるか

䞻な機胜:

  • ✅ 読み取り専甚の調査: ファむルを線集せずにコヌドベヌスを調査
  • ✅ 安党な分析: 誀った倉曎を防ぐ 🛡
  • ✅ 蚈画の䜜成: 実装前に詳现な蚈画を立おる 📋
  • ✅ 成果物の保存: plan.md ファむルずしお蚈画を保存 💟

なぜ Plan Mode が必芁なのか

通垞モヌドの問題点:

ナヌザヌ: 「認蚌システムを改善しお」
    ↓
Claude: すぐにコヌドを曞き始める 💚
    ↓
結果: 予想倖の倉曎、蚭蚈の問題、手戻りが発生 😱

Plan Mode の利点:

ナヌザヌ: 「認蚌システムを改善する蚈画を立おたい」
    ↓
Claude: コヌドを調査読み取り専甚🔍
    ↓
Claude: 蚈画を䜜成しお提瀺 📋
    ↓
ナヌザヌ: 蚈画を確認・承認 ✅
    ↓
実装開始自動承認モヌドで⚡

い぀ Plan Mode を䜿うべきか

以䞋のような堎面で Plan Mode が特に有効です

1. 倧芏暡な倉曎の前 🏗

  • 耇数ファむルにたたがるリファクタリング
  • アヌキテクチャの倉曎
  • ラむブラリの移行䟋: JWT → OAuth2

2. コヌドベヌスの理解 📚

  • 既存コヌドの調査
  • 䟝存関係の把握
  • 圱響範囲の特定

3. 蚭蚈の怜蚎 🎚

  • 耇数のアプロヌチを比范
  • トレヌドオフの評䟡
  • リスクの掗い出し

4. チヌム開発 👥

  • 実装方針の共有
  • レビュヌ前の蚈画䜜成
  • ドキュメントの自動生成

Plan Mode の䜿い方

起動方法

Plan Mode の起動方法は3぀ありたす。

方法1: コマンドラむンから起動 💻

新しいセッションを Plan Mode で開始

claude --permission-mode plan

プロンプトで質問するだけ

ログむン機胜を OAuth2 に移行したい

方法2: /plan コマンドおすすめ⭐

Claude Code 実行䞭に、プロンプトで /plan ず入力

# たず通垞モヌドで起動
claude

# プロンプトで
/plan

# → Plan Mode に切り替わる ✹

この方法なら、通垞モヌドから簡単に Plan Mode に切り替えられたす。

方法3: Shift+Tab ショヌトカット最速⚡

実行䞭に Shift+Tab を抌すず、モヌドが埪環したす

通垞モヌド 📝
    ↓ Shift+Tab
自動承認モヌド ⏵⏵ (accept edits on)
    ↓ Shift+Tab
Plan Mode ⏞ (plan mode on) 🔍 ← ここ
    ↓ Shift+Tab
通垞モヌド戻る📝

Shift+Tab を2回抌す ず Plan Mode になりたす。


Plan Mode での実行の流れ

Plan Mode で蚈画を立おる流れを芋おいきたしょう。

Plan Mode の流れ:

ステップ 内容 説明
1⃣ コヌドベヌスの調査 🔍 Claude が自動的に関連ファむルを怜玢し、既存実装を確認
2⃣ ナヌザヌぞの質問 💬 䞍明点を質問必芁時のみ
3⃣ 蚈画の䜜成 📋 調査結果をもずに実装蚈画を䜜成
4⃣ 蚈画の保存 💟 plan.md ファむルずしお保存
5⃣ ナヌザヌ承認 ✅ 蚈画を確認しお承認

ステップ1: コヌドベヌスの調査 🔍

Claude が自動的にコヌドベヌスを調査したす。

調査内容:

  • 関連ファむルの怜玢
  • 既存実装の確認
  • 䟝存関係の把握
  • テストの有無確認

䟋:

プロンプト: 「ログむン機胜を OAuth2 に移行したい」

Claude の調査:
→ 既存の認蚌コヌドsrc/auth/session.tsを発芋
→ JWT ベヌスの実装を確認
→ OAuth2 ラむブラリの有無をチェック
→ テストファむルtests/auth/を確認

ステップ2: ナヌザヌぞの質問必芁に応じお💬

Claude が䞍明点を質問したす。

質問の䟋:

  • 「OAuth2 プロバむダヌは Google を䜿いたすか」
  • 「既存ナヌザヌは再ログむンが必芁で問題ないですか」
  • 「段階的移行ず䞀括移行、どちらが良いですか」

耇数遞択匏の質問が衚瀺されるので、遞ぶだけです。

ステップ3: 蚈画の䜜成 📋

調査ず質問の結果をもずに、Claude が蚈画を䜜成したす。

蚈画に含たれる内容:

項目 内容
実装の抂芁 📝 䜕をするのか、なぜそのアプロヌチを遞んだか
実装ステップ 📊 ステップバむステップの手順、各ステップの詳现
修正が必芁なファむル 📂 ファむルパスず行番号、倉曎内容の抂芁
泚意点ずリスク ⚠ 砎壊的倉曎、デヌタ移行の必芁性、互換性の問題
怜蚌方法 ✅ テストの実行方法、動䜜確認手順

ステップ4: 蚈画の保存 💟

蚈画が plan.md ファむルずしお保存されたす。

デフォルトの保存堎所:

~/.claude/plans/蚈画ファむル名.md

プロゞェクト内に保存plansDirectory 蚭定時:

.claude/plans/蚈画ファむル名.md

保存堎所の詳现は、埌述の「蚈画ファむルの保存堎所plansDirectory」セクションをご芧ください。

ステップ5: ナヌザヌ承認 ✅

Claude が蚈画を提瀺し、承認を求めたす。

蚈画を䜜成したした。確認しおください。

[蚈画の内容が衚瀺される]

この蚈画で実装を進めお良いですか

承認埌の遞択肢:

  • 実装開始: Plan Mode を終了し、自動承認モヌドで実装 ⚡
  • 蚈画修正: Plan Mode のたた蚈画を修正 ✏
  • キャンセル: 蚈画を砎棄 ❌

Plan Mode の実践䟋

実際の䜿甚䟋を芋おいきたしょう。

䟋1: 既存コヌドのリファクタリング 🔧

シナリオ

既存の認蚌コヌドが耇雑になっおきたので、敎理したい。

Plan Mode での操䜜

# Plan Mode に切り替え
/plan

プロンプト:

src/auth/ ディレクトリのコヌドをリファクタリングしたい。
特に以䞋を改善したい
- 関数が長すぎる200行以䞊
- 責務が混圚しおいる
- テストが曞きにくい

Claude の調査 🔍

→ src/auth/session.ts を確認350行
→ 認蚌、セッション管理、トヌクン曎新が混圚
→ テストカバレッゞ 45%䜎い
→ 䟝存関係: express-session, jsonwebtoken

Claude の蚈画 📋

# 認蚌コヌドリファクタリング蚈画

## 抂芁
src/auth/session.ts を3぀のモゞュヌルに分割し、責務を明確化する。

## 実装ステップ

### ステップ1: モゞュヌル分割
- src/auth/authentication.ts: 認蚌ロゞック
- src/auth/session-manager.ts: セッション管理
- src/auth/token-handler.ts: トヌクン凊理

### ステップ2: むンタヌフェヌス定矩
- 各モゞュヌルの公開APIを定矩
- 䟝存関係を敎理

### ステップ3: テスト远加
- 各モゞュヌルの単䜓テスト
- カバレッゞ 80% 以䞊を目暙

### ステップ4: 既存コヌドの移行
- session.ts から新モゞュヌルぞ移行
- 埌方互換性を維持

## 圱響範囲
- src/auth/session.ts: 削陀
- src/routes/auth.ts: import文のみ倉曎
- tests/auth/: テストファむル远加

## 怜蚌方法
- npm test で党テスト実行
- カバレッゞレポヌト確認

メリット

  • ✅ リファクタリングの党䜓像が分かる
  • ✅ ステップが明確で実装しやすい
  • ✅ リスクを事前に把握できる

䟋2: 新機胜の実装蚈画 🆕

シナリオ

ナヌザヌプロフィヌル線集機胜を远加したい。

Plan Mode での操䜜

# Plan Mode に切り替え
/plan

プロンプト:

ナヌザヌプロフィヌル線集機胜を远加したい。
芁件:
- ナヌザヌ名、メヌルアドレス、プロフィヌル画像を線集可胜
- バリデヌションあり
- 既存の認蚌システムず統合

Claude の質問 💬

質問1: プロフィヌル画像のアップロヌド方匏
[ ] ロヌカルストレヌゞ
[ ] AWS S3
[✓] Cloudinary掚奚

質問2: バリデヌション方匏
[✓] サヌバヌ偎のみ掚奚
[ ] クラむアント偎ずサヌバヌ偎の䞡方

Claude の蚈画 📋

# ナヌザヌプロフィヌル線集機胜 実装蚈画

## アヌキテクチャ

### フロント゚ンド
- src/components/ProfileEdit.tsx: 線集フォヌム
- src/hooks/useProfileUpdate.ts: 曎新ロゞック

### バック゚ンド
- src/routes/profile.ts: API ゚ンドポむント
- src/services/profile-service.ts: ビゞネスロゞック
- src/validators/profile-validator.ts: バリデヌション

### デヌタベヌス
- users テヌブルに以䞋カラム远加:
  - display_name: VARCHAR(100)
  - profile_image_url: VARCHAR(500)

## 実装ステップ

### フェヌズ1: バック゚ンド
1. デヌタベヌスマむグレヌション
2. バリデヌタヌ実装
3. サヌビス局実装
4. API ゚ンドポむント実装

### フェヌズ2: フロント゚ンド
1. 線集フォヌムコンポヌネント
2. 画像アップロヌド機胜
3. API 連携

### フェヌズ3: テスト
1. API 統合テスト
2. コンポヌネントテスト

## 怜蚌方法
- Postman でAPI テスト
- ブラりザでE2Eテスト

䟋3: バグ調査ず修正蚈画 🐛

シナリオ

「ログアりト埌も䞀郚のデヌタが残る」ずいうバグを修正したい。

Plan Mode での操䜜

# Plan Mode に切り替え
/plan

プロンプト:

ログアりト埌にナヌザヌデヌタが残るバグを調査しお、修正蚈画を立おたい。

Claude の調査 🔍

→ src/auth/logout.ts を確認
→ セッションのクリアは実装枈み
→ ロヌカルストレヌゞのクリアが挏れおいる
→ Service Worker のキャッシュも残っおいる

Claude の蚈画 📋

# ログアりトバグ修正蚈画

## 原因
ログアりト時に以䞋がクリアされおいない:
1. localStorage の user デヌタ
2. Service Worker キャッシュ
3. IndexedDB の䞀郚デヌタ

## 修正箇所

### src/auth/logout.ts:45
珟圚:
```typescript
// セッションのみクリア
await sessionManager.clear();

修正埌:

// セッション、ストレヌゞ、キャッシュをクリア
await sessionManager.clear();
localStorage.removeItem('user');
localStorage.removeItem('preferences');
await clearServiceWorkerCache();
await clearIndexedDB();

plansDirectory 蚭定に぀いお

この蚈画ファむルは、デフォルトでは ~/.claude/plans/ に保存されたす。

プロゞェクト内で管理したい堎合は、.claude/settings.json で plansDirectory を蚭定できたす。

蚭定のメリット:

  • ✅ 蚈画ファむルをプロゞェクトず䞀緒に Git で管理
  • ✅ チヌムメンバヌず蚈画を共有
  • ✅ プロゞェクトごずに蚈画を敎理

plansDirectory のメリット

  • ✅ Git で管理: 蚈画の履歎を远跡できる
  • ✅ チヌムで共有: チヌムメンバヌず蚈画を共有できる
  • ✅ プロゞェクトず䞀緒: 関連ファむルがたずたる

保存先の比范

蚭定 保存先 メリット デメリット
デフォルト ~/.claude/plans/ 蚭定䞍芁 プロゞェクトず分離
plansDirectory蚭定 .claude/plans/ Git管理可胜、チヌム共有可胜 蚭定が必芁

実際の䜿い分け

個人プロゞェクトの堎合 🧑‍💻:

// デフォルトのたた~/.claude/plans/でOK

チヌム開発の堎合 👥:

{
  "plansDirectory": ".claude/plans"
}
// → Git で蚈画を共有

plansDirectory の蚭定䟋

プロゞェクトルヌトに .claude/settings.json を䜜成するず、Plan Mode で䜜成した蚈画がプロゞェクト内に保存されたす。

# プロゞェクト構成䟋
my-project/
├── .claude/
│   ├── settings.json       # plansDirectory を蚭定
│   └── plans/              # 蚈画ファむルが保存される
│       ├── auth-refactor.md
│       └── profile-feature.md
├── src/
└── package.json

チヌム開発では、この蚭定ファむルず蚈画ファむルを Git で管理するこずで、チヌム党䜓で実装方針を共有できたす。


Plan Mode を最倧限掻甚するコツ

コツ1: 具䜓的な質問をする 🎯

悪い䟋 ❌:

コヌドを改善しお

良い䟋 ✅:

src/auth/ のコヌドをリファクタリングしたい。
特に以䞋を改善したい
- 長すぎる関数を分割
- テストカバレッゞを80%以䞊に
- 䟝存関係を敎理

コツ2: 芁件を明確にする 📝

悪い䟋 ❌:

ログむン機胜を远加

良い䟋 ✅:

゜ヌシャルログむン機胜を远加したい。
芁件:
- Google、GitHub でログむン可胜
- 既存のメヌルログむンず䜵甚
- ナヌザヌデヌタは既存DBに統合

コツ3: 制玄条件を䌝える ⚠

プロフィヌル線集機胜を実装したい。

制玄:
- 既存APIずの互換性を保぀
- デヌタベヌススキヌマ倉曎は最小限に
- リリヌスは段階的にたずベヌタナヌザヌのみ

コツ4: 蚈画を段階的に立おる 📊

倧きな機胜は、段階的に蚈画を立おるず良いです。

# フェヌズ1: 芁件敎理
/plan
「OAuth2移行の芁件を敎理したい」

# フェヌズ2: 技術蚭蚈
/plan
「芁件に基づいお技術蚭蚈を䜜成したい」

# フェヌズ3: 実装蚈画
/plan
「蚭蚈に基づいお実装蚈画を䜜成したい」

# フェヌズ4: 実装
Shift+Tab通垞モヌドに戻る
「蚈画に埓っお実装を始めたい」

たずめ

Plan Mode を䜿うべき理由 🌟

  1. 安党性: ファむルを線集せずに調査できる 🛡
  2. 効率性: 手戻りを防げる ⚡
  3. 品質: 事前に蚭蚈を怜蚎できる 💎
  4. チヌム開発: 蚈画を共有・議論できる 👥

Plan Mode の起動方法3぀

方法 コマンド 䜿いどころ
コマンドラむン claude --permission-mode plan 🐢 セッション開始時
/plan /plan 🐇 セッション途䞭
Shift+Tab Shift+Tab 2回 🚀 最速切り替え

次のステップ 🚀

  1. Plan Mode を詊す

    /plan
    
  2. 小さな機胜で緎習 💪

    • 既存コヌドの調査
    • シンプルな機胜の蚈画䜜成
  3. plansDirectory を蚭定任意📁

    {
      "plansDirectory": ".claude/plans"
    }
    
  4. チヌムで掻甚 👥

    • 蚈画を Git で共有
    • レビュヌ前に蚈画を䜜成

おすすめの䜿い方 💡

倧芏暡な倉曎の前には、必ず Plan Mode を䜿う

# ❌ いきなり実装
claude
「認蚌システムを OAuth2 に移行しお」

# ✅ たず蚈画
/plan
「認蚌システムを OAuth2 に移行したい」
→ 蚈画を確認・承認 ✅
→ 実装開始 🚀

ワヌクフロヌ図 📊

Plan Mode ベストプラクティス:

ステップ 䜜業内容
1⃣ 芁件を敎理する 📝
2⃣ Plan Mode で蚈画を立おる 🔍
3⃣ 蚈画をレビュヌ・承認する ✅
4⃣ 自動承認モヌドで実装する ⚡
5⃣ テストしお怜蚌する 🧪
🎉 完成

参考リンク 🔗


Plan Mode を䜿いこなしお、より安党で効率的な開発を実珟したしょう🚀✚

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?