チュートリアル

このガイドでは、Claude Codeを使用した一般的なワークフローのステップバイステップのチュートリアルを提供します。各チュートリアルには、Claude Codeを最大限に活用するための明確な手順、コマンド例、ベストプラクティスが含まれています。

​

目次

• 以前の会話を再開する
• 新しいコードベースを理解する
• 効率的にバグを修正する
• コードをリファクタリングする
• テストを扱う
• プルリクエストを作成する
• ドキュメントを扱う
• 画像を扱う
• 拡張思考を使用する
• プロジェクトメモリを設定する
• Model Context Protocol (MCP)を設定する
• Claudeをunixスタイルのユーティリティとして使用する
• カスタムスラッシュコマンドを作成する
• Gitワークツリーを使用して並列Claude Codeセッションを実行する

​

以前の会話を再開する

​

シームレスに作業を継続する

使用するタイミング: Claude Codeでタスクに取り組んでいて、後のセッションで中断した箇所から続ける必要がある場合。

Claude Codeは以前の会話を再開するための2つのオプションを提供します：

• --continue で最新の会話を自動的に継続
• --resume で会話選択画面を表示

claude --continue

claude --continue --print "Continue with my task"

claude --resume

仕組み：

1. 会話の保存: すべての会話は完全なメッセージ履歴とともに自動的にローカルに保存されます
2. メッセージの逆シリアル化: 再開時に、コンテキストを維持するために全メッセージ履歴が復元されます
3. ツールの状態: 以前の会話からのツールの使用と結果が保持されます
4. コンテキストの復元: 会話は以前のすべてのコンテキストを保持したまま再開されます

ヒント：

• 会話履歴はマシンにローカルに保存されます
• 最新の会話にすぐにアクセスするには--continueを使用します
• 特定の過去の会話を選択する必要がある場合は--resumeを使用します
• 再開時に、続行する前に会話の全履歴が表示されます
• 再開された会話は元の会話と同じモデルと設定で開始されます

例：

# 最新の会話を継続
claude --continue

# 特定のプロンプトで最新の会話を継続
claude --continue --print "Show me our progress"

# 会話選択画面を表示
claude --resume

# 非対話モードで最新の会話を継続
claude --continue --print "Run the tests again"

​

新しいコードベースを理解する

​

コードベースの概要を素早く把握する

使用するタイミング: 新しいプロジェクトに参加し、その構造を素早く理解する必要がある場合。

cd /path/to/project 

claude 

> このコードベースの概要を教えてください

> ここで使用されている主なアーキテクチャパターンを説明してください

> 主要なデータモデルは何ですか？

> 認証はどのように処理されていますか？

ヒント：

• 広範な質問から始めて、特定の領域に絞り込んでいきます
• プロジェクトで使用されているコーディング規約とパターンについて質問します
• プロジェクト固有の用語集を要求します

​

関連するコードを見つける

使用するタイミング: 特定の機能や機能に関連するコードを見つける必要がある場合。

> ユーザー認証を処理するファイルを見つけてください

> これらの認証ファイルはどのように連携していますか？

> フロントエンドからデータベースまでのログインプロセスを追跡してください

ヒント：

• 探しているものについて具体的に説明します
• プロジェクトのドメイン言語を使用します

​

効率的にバグを修正する

​

エラーメッセージを診断する

使用するタイミング: エラーメッセージに遭遇し、その原因を見つけて修正する必要がある場合。

> npm testを実行すると、エラーが表示されます

> user.tsの@ts-ignoreを修正する方法をいくつか提案してください

> 提案したnullチェックを追加するようにuser.tsを更新してください

ヒント：

• エラーを再現するコマンドとスタックトレースをClaudeに伝えます
• エラーを再現するための手順を説明します
• エラーが断続的か一貫しているかをClaudeに伝えます

​

コードをリファクタリングする

​

レガシーコードを最新化する

使用するタイミング: 古いコードを最新のパターンと実践に更新する必要がある場合。

> コードベースで非推奨のAPI使用を見つけてください

> utils.jsを最新のJavaScript機能を使用してリファクタリングする方法を提案してください

> 同じ動作を維持しながら、utils.jsをES2024の機能を使用してリファクタリングしてください

> リファクタリングしたコードのテストを実行してください

ヒント：

• 最新のアプローチの利点についてClaudeに説明を求めます
• 必要に応じて後方互換性を維持するよう要求します
• リファクタリングは小さく、テスト可能な単位で行います

​

テストを扱う

​

テストカバレッジを追加する

使用するタイミング: カバーされていないコードにテストを追加する必要がある場合。

> NotificationsService.swiftでテストでカバーされていない関数を見つけてください

> 通知サービスのテストを追加してください

> 通知サービスのエッジケースのテストケースを追加してください

> 新しいテストを実行し、失敗があれば修正してください

ヒント：

• エッジケースとエラー条件をカバーするテストを要求します
• 適切な場合は単体テストと統合テストの両方を要求します
• テスト戦略についてClaudeに説明を求めます

​

プルリクエストを作成する

​

包括的なPRを生成する

使用するタイミング: 変更内容について十分に文書化されたプルリクエストを作成する必要がある場合。

> 認証モジュールに加えた変更を要約してください

> prを作成してください

> セキュリティ改善についてのコンテキストをPRの説明に追加してください

> これらの変更がどのようにテストされたかについての情報を追加してください

ヒント：

• PRを作成するようClaudeに直接依頼します
• 提出前にClaudeが生成したPRをレビューします
• 潜在的なリスクや考慮事項を強調するようClaudeに依頼します

​

ドキュメントを扱う

​

コードドキュメントを生成する

使用するタイミング: コードのドキュメントを追加または更新する必要がある場合。

> 認証モジュールで適切なJSDocコメントがない関数を見つけてください

> auth.jsのドキュメント化されていない関数にJSDocコメントを追加してください

> 生成されたドキュメントをより多くのコンテキストと例で改善してください

> ドキュメントがプロジェクトの基準に従っているか確認してください

ヒント：

• 必要なドキュメントスタイル（JSDoc、docstringsなど）を指定します
• ドキュメントに例を含めるよう要求します
• パブリックAPI、インターフェース、複雑なロジックのドキュメントを要求します

​

画像を扱う

​

画像とスクリーンショットを分析する

使用するタイミング: コードベースで画像を扱う必要がある場合や、画像内容の分析でClaudeの助けが必要な場合。

> この画像は何を示していますか？
> このスクリーンショットのUI要素を説明してください
> この図に問題のある要素はありますか？

> これはエラーのスクリーンショットです。何が原因ですか？
> これは現在のデータベーススキーマです。新機能のためにどのように修正すべきですか？

> このデザインモックアップに一致するCSSを生成してください
> このコンポーネントを再現するにはどのようなHTML構造が必要ですか？

ヒント：

• テキストでの説明が不明確または煩雑な場合は画像を使用します
• エラー、UIデザイン、図のスクリーンショットをより良いコンテキストのために含めます
• 1つの会話で複数の画像を扱うことができます
• 画像分析は図、スクリーンショット、モックアップなどで機能します

​

拡張思考を使用する

​

複雑なタスクにClaudeの拡張思考を活用する

使用するタイミング: 複雑なアーキテクチャの決定、困難なバグ、または深い推論を必要とする複数ステップの実装の計画に取り組む場合。

> APIのために新しいOAuth2認証システムを実装する必要があります。コードベースでこれを実装するための最適なアプローチについて深く考えてください。

> このアプローチの潜在的なセキュリティの脆弱性について考えてください
> 処理すべきエッジケースについてさらに考えてください

拡張思考を最大限活用するためのヒント：

拡張思考は以下のような複雑なタスクに最も価値があります：

• 複雑なアーキテクチャの変更の計画
• 複雑な問題のデバッグ
• 新機能の実装計画の作成
• 複雑なコードベースの理解
• 異なるアプローチ間のトレードオフの評価

思考を促すプロンプトの方法によって、思考の深さのレベルが異なります：

• “think”は基本的な拡張思考をトリガーします
• “think more”、“think a lot”、“think harder”、“think longer”などの強調フレーズはより深い思考をトリガーします

拡張思考のプロンプトのヒントについては、拡張思考のヒントを参照してください。

​

プロジェクトメモリを設定する

​

効果的なCLAUDE.mdファイルを作成する

使用するタイミング: 重要なプロジェクト情報、規約、頻繁に使用するコマンドを保存するためのCLAUDE.mdファイルを設定したい場合。

> /init 

ヒント：

• 頻繁に使用するコマンド（ビルド、テスト、リント）を含めて、繰り返しの検索を避けます
• コードスタイルの設定と命名規則を文書化します
• プロジェクト固有の重要なアーキテクチャパターンを追加します
• CLAUDE.mdメモリは、チームと共有する指示とあなた個人の設定の両方に使用できます。詳細については、Claudeのメモリの管理を参照してください。

​

Model Context Protocol (MCP)を設定する

Model Context Protocol (MCP)は、LLMが外部ツールとデータソースにアクセスできるようにするオープンプロトコルです。詳細については、MCPドキュメントを参照してください。

​

MCPサーバーを設定する

使用するタイミング: Model Context Protocolを使用して、特殊なツールと外部サーバーに接続することでClaudeの機能を強化したい場合。

# 基本的な構文
claude mcp add <name> <command> [args...]

# 例：ローカルサーバーの追加
claude mcp add my-server -e API_KEY=123 -- /path/to/server arg1 arg2

# 基本的な構文
claude mcp add --transport sse <name> <url>

# 例：SSEサーバーの追加
claude mcp add --transport sse sse-server https://example.com/sse-endpoint

# 設定されているすべてのサーバーをリスト表示
claude mcp list

# 特定のサーバーの詳細を取得
claude mcp get my-server

# サーバーを削除
claude mcp remove my-server

ヒント：

• -sまたは--scopeフラグを使用して設定の保存場所を指定します：
  • local（デフォルト）：現在のプロジェクトであなたのみが利用可能（古いバージョンではprojectと呼ばれていました）
  • project：.mcp.jsonファイルを介してプロジェクト内の全員と共有
  • user：すべてのプロジェクトであなたが利用可能（古いバージョンではglobalと呼ばれていました）
• -eまたは--envフラグで環境変数を設定します（例：-e KEY=value）
• MCP_TIMEOUT環境変数を使用してMCPサーバーの起動タイムアウトを設定します（例：MCP_TIMEOUT=10000 claudeで10秒のタイムアウトを設定）
• Claude Code内で/mcpコマンドを使用していつでもMCPサーバーのステータスを確認できます
• MCPはクライアントサーバーアーキテクチャに従い、Claude Code（クライアント）は複数の特殊なサーバーに接続できます

​

MCPサーバーのスコープを理解する

使用するタイミング: 異なるMCPスコープがどのように機能し、サーバーをチームと共有する方法を理解したい場合。

# ローカルスコープのサーバーを追加（デフォルト）
claude mcp add my-private-server /path/to/server

# 明示的にローカルスコープを指定
claude mcp add my-private-server -s local /path/to/server

# プロジェクトスコープのサーバーを追加
claude mcp add shared-server -s project /path/to/server

{
  "mcpServers": {
    "shared-server": {
      "command": "/path/to/server",
      "args": [],
      "env": {}
    }
  }
}

# ユーザーサーバーを追加
claude mcp add my-user-server -s user /path/to/server

ヒント：

• 同じ名前のサーバーの場合、ローカルスコープのサーバーがプロジェクトスコープとユーザースコープのサーバーよりも優先されます
• 同じ名前のサーバーの場合、プロジェクトスコープのサーバー（.mcp.json内）がユーザースコープのサーバーよりも優先されます
• セキュリティのため、Claude Codeは.mcp.jsonからのプロジェクトスコープのサーバーを使用する前に承認を求めます
• .mcp.jsonファイルはチームとMCPサーバーを共有するためにバージョン管理に含めることを意図しています
• プロジェクトスコープのサーバーを使用すると、チームの全員が同じMCPツールにアクセスできるようになります
• プロジェクトスコープのサーバーの有効/無効の選択をリセットする必要がある場合は、claude mcp reset-project-choicesコマンドを使用します

​

PostgresのMCPサーバーに接続する

使用するタイミング: ClaudeにPostgreSQLデータベースへの読み取り専用アクセスを提供して、クエリとスキーマの検査を行いたい場合。

claude mcp add postgres-server /path/to/postgres-mcp-server --connection-string "postgresql://user:pass@localhost:5432/mydb"

# Claudeセッションで、データベースについて質問できます

> usersテーブルのスキーマを説明してください
> システム内の最新の注文を表示してください
> 顧客と請求書の関係を示してください

ヒント：

• Postgres MCPサーバーは安全のため読み取り専用アクセスを提供します
• Claudeはデータベース構造の探索と分析クエリの実行を支援できます
• これを使用して、不慣れなプロジェクトのデータベーススキーマを素早く理解できます
• 接続文字列が最小限必要な権限を持つ適切な認証情報を使用していることを確認してください

​

JSON設定からMCPサーバーを追加する

使用するタイミング: Claude CodeにMCPサーバーのJSON設定があり、それを追加したい場合。

# 基本的な構文
claude mcp add-json <name> '<json>'

# 例：JSON設定でstdioサーバーを追加
claude mcp add-json weather-api '{"type":"stdio","command":"/path/to/weather-cli","args":["--api-key","abc123"],"env":{"CACHE_DIR":"/tmp"}}'

claude mcp get weather-api

ヒント：

• JSONがシェルで適切にエスケープされていることを確認してください
• JSONはMCPサーバー設定スキーマに準拠している必要があります
• -s globalを使用してプロジェクト固有の設定ではなくグローバル設定にサーバーを追加できます

​

Claude DesktopからMCPサーバーをインポートする

使用するタイミング: Claude DesktopですでにMCPサーバーを設定しており、同じサーバーを手動で再設定することなくClaude Codeで使用したい場合。

# 基本的な構文 
claude mcp add-from-claude-desktop 

claude mcp list 

ヒント：

• この機能はmacOSとWindows Subsystem for Linux（WSL）でのみ動作します
• これらのプラットフォームの標準的な場所からClaude Desktop設定ファイルを読み込みます
• -s globalフラグを使用してグローバル設定にサーバーを追加します
• インポートされたサーバーはClaude Desktopと同じ名前を持ちます
• 同じ名前のサーバーが既に存在する場合、数値のサフィックスが付加されます（例：server_1）

​

Claude CodeをMCPサーバーとして使用する

使用するタイミング: Claude Code自体をMCPサーバーとして使用し、他のアプリケーションがClaudeのツールと機能にアクセスできるようにしたい場合。

# 基本的な構文
claude mcp serve

{
  "command": "claude",
  "args": ["mcp", "serve"],
  "env": {}
}

ヒント：

• サーバーはView、Edit、LSなどのClaudeのツールへのアクセスを提供します
• Claude Desktopで、ディレクトリ内のファイルの読み取り、編集などをClaudeに依頼してみてください
• このMCPサーバーは単にClaude CodeのツールをあなたのMCPクライアントに公開しているだけなので、個々のツール呼び出しのユーザー確認の実装はクライアント側の責任です

​

Claudeをunixスタイルのユーティリティとして使用する

​

検証プロセスにClaudeを追加する

使用するタイミング: Claude Codeをリンターやコードレビューアーとして使用したい場合。

手順：

// package.json
{
    ...
    "scripts": {
        ...
        "lint:claude": "claude -p 'あなたはリンターです。mainブランチとの変更を確認し、タイプミスに関する問題を報告してください。ファイル名と行番号を1行目に、問題の説明を2行目に記載してください。他のテキストは返さないでください。'"
    }
}

​

パイプイン、パイプアウト

使用するタイミング: データをClaudeにパイプで送り、構造化された形式でデータを返してもらいたい場合。

cat build-error.txt | claude -p 'このビルドエラーの根本原因を簡潔に説明してください' > output.txt

​

出力形式を制御する

使用するタイミング: Claude Codeをスクリプトや他のツールに統合する際など、Claudeの出力を特定の形式で必要とする場合。

cat data.txt | claude -p 'このデータを要約してください' --output-format text > summary.txt

cat code.py | claude -p 'このコードのバグを分析してください' --output-format json > analysis.json

cat log.txt | claude -p 'このログファイルからエラーを解析してください' --output-format stream-json

ヒント：

• Claudeの応答のみが必要な単純な統合には--output-format textを使用します
• 完全な会話ログが必要な場合は--output-format jsonを使用します
• 各会話ターンのリアルタイム出力には--output-format stream-jsonを使用します

​

カスタムスラッシュコマンドを作成する

Claude Codeは、特定のプロンプトやタスクを素早く実行するためのカスタムスラッシュコマンドの作成をサポートしています。

​

プロジェクト固有のコマンドを作成する

使用するタイミング: チームの全メンバーが使用できる再利用可能なスラッシュコマンドをプロジェクト用に作成したい場合。

mkdir -p .claude/commands

echo "このコードのパフォーマンスを分析し、3つの具体的な最適化を提案してください：" > .claude/commands/optimize.md 

claude > /project:optimize 

ヒント：

• コマンド名はファイル名から派生します（例：optimize.mdは/project:optimizeになります）
• コマンドはサブディレクトリで整理できます（例：.claude/commands/frontend/component.mdは/project:frontend:componentになります）
• プロジェクトコマンドはリポジトリをクローンする全員が利用できます
• Markdownファイルの内容は、コマンドが呼び出されたときにClaudeに送信されるプロンプトになります

​

$ARGUMENTSでコマンド引数を追加する

使用するタイミング: ユーザーから追加の入力を受け付ける柔軟なスラッシュコマンドを作成したい場合。

echo "issue #$ARGUMENTSを見つけて修正してください。以下の手順に従ってください：1.
チケットに記載された問題を理解する 2. コードベースの関連コードを特定する 3.
根本原因に対処する解決策を実装する 4. 適切なテストを追加する 5.
簡潔なPRの説明を準備する" > .claude/commands/fix-issue.md 

claude > /project:fix-issue 123 

ヒント：

• $ARGUMENTSプレースホルダーはコマンドに続くテキストに置き換えられます
• $ARGUMENTSはコマンドテンプレートの任意の位置に配置できます
• その他の有用な用途：特定の関数のテストケースの生成、コンポーネントのドキュメント作成、特定のファイルのコードレビュー、指定された言語へのコンテンツの翻訳

​

個人用スラッシュコマンドを作成する

使用するタイミング: すべてのプロジェクトで機能する個人用スラッシュコマンドを作成したい場合。

mkdir -p ~/.claude/commands 

echo "このコードのセキュリティの脆弱性をレビューし、以下に焦点を当ててください：" >
~/.claude/commands/security-review.md 

claude > /user:security-review 

ヒント：

• 個人用コマンドは/project:の代わりに/user:というプレフィックスを使用します
• 個人用コマンドはあなたのみが利用でき、チームとは共有されません
• 個人用コマンドはすべてのプロジェクトで機能します
• これらを使用して、異なるコードベース間で一貫したワークフローを維持できます

​

Gitワークツリーを使用して並列Claude Codeセッションを実行する

​

分離されたコーディング環境にワークツリーを使用する

使用するタイミング: Claude Codeインスタンス間で完全なコードの分離を保ちながら、複数のタスクを同時に実行する必要がある場合。

# 新しいブランチで新しいワークツリーを作成
git worktree add ../project-feature-a feature-a
# または既存のブランチでワークツリーを作成
git worktree add ../project-bugfix bugfix-123 

# ワークツリーに移動 
cd ../project-feature-a
# この分離された環境でClaude Codeを実行
claude 

cd ../project-bugfix
claude

# すべてのワークツリーをリスト表示
git worktree list
# 完了したらワークツリーを削除
git worktree remove ../project-feature-a 

ヒント：

• 各ワークツリーは独自のファイル状態を持ち、並列Claude Codeセッションに最適です
• あるワークツリーでの変更は他に影響を与えず、Claudeインスタンス間の干渉を防ぎます
• すべてのワークツリーは同じGit履歴とリモート接続を共有します
• 長時間実行されるタスクの場合、あるワークツリーでClaudeに作業させながら、別のワークツリーで開発を続けることができます
• 各ワークツリーがどのタスク用かを簡単に識別できるよう、説明的なディレクトリ名を使用します
• プロジェクトのセットアップに従って、各新しいワークツリーで開発環境を初期化することを忘れないでください。スタックに応じて、以下が含まれる場合があります：
  • JavaScriptプロ ジェクト：依存関係のインストール（npm install、yarn）
  • Pythonプロジェクト：仮想環境のセットアップまたはパッケージマネージャーでのインストール
  • その他の言語：プロジェクトの標準セットアッププロセスに従う

​

次のステップ