目次
Claude Code とは
Claude Codeは、Anthropicが提供するAIコーディングアシスタントです。ターミナル上で動作するCLIツールとVSCodeなどのIDEで使える拡張機能があります。
通常のチャットAIと違い、ファイルの読み書き・コマンドの実行・gitの操作まで、実際の開発作業をそのまま任せることができます。単にコードを提案するだけでなく、ファイルを直接編集してくれる点が最大の特徴です。
インストール方法
VSCode 拡張機能からインストール
VSCodeを使っている場合、拡張機能から導入するのが最も簡単です。
- VSCodeを開き、左サイドバーの「拡張機能」アイコンをクリック
- 検索欄に「Claude Code」と入力
- Anthropic公式の拡張機能をインストール
- インストール後、サイドバーにClaudeのアイコンが表示される
VSCode上でのチャット画面がそのままClaude Codeのインターフェースになります。
CLI でのインストール
ターミナルから直接使いたい場合はnpmでインストールします。Node.js（v18以上）が必要です。
npm install -g @anthropic-ai/claude-code インストール後、ターミナルで以下を実行するとClaude Codeが起動します。
claude 初回起動時にAnthropicアカウントへのログインが求められます。ブラウザが開くので、アカウントでサインインしてください。
CLAUDE.md の設定
CLAUDE.mdはClaude Codeへの「指示書」です。プロジェクトのルールや特記事項を書いておくと、毎回説明しなくても自動で読み込んでくれます。
プロジェクト用 CLAUDE.md
プロジェクトのルートディレクトリに CLAUDE.md を作成します。
# CLAUDE.md
## プロジェクト概要
Nuxt.js で作成したブログサイト。デプロイは git push で自動デプロイ。
## よく使うコマンド
- 開発サーバー起動: npm run dev
- ビルド: npm run build
- デプロイ: git push origin main
## 注意事項
- .env ファイルは読み込まないこと
- API キーはコードに直書きしないこと これを書いておくだけで、Claude Code が起動時に自動で読み込み、プロジェクトの文脈を理解した上で作業してくれます。
グローバル CLAUDE.md
すべてのプロジェクトで共通の設定は ~/.claude/CLAUDE.md に書きます。
# グローバル設定
## 言語
- 回答はすべて日本語で行う
## 作業スタイル
- 変更前に現状のファイルを確認してから編集する
- git push は実行前に確認を取る グローバル設定はどのプロジェクトでも常に適用されるので、自分の好みや注意事項を書いておくのに最適です。
カスタムスキル（スラッシュコマンド）の作成
スキルとは、複雑な手順を1つのコマンドに登録できる機能です。.claude/commands/ フォルダにMarkdownファイルを置くだけで作成できます。
例えば .claude/commands/deploy.md を作成すると、チャットで /deploy と打つだけでその内容が実行されます。
# デプロイ
以下の手順でデプロイを実行する：
1. git status で未コミットの変更を確認
2. テストがあれば実行
3. git add / commit / push を実行
4. デプロイ結果を報告する よく使う作業手順はスキルに登録しておくと、毎回指示する手間が省けます。
使いこなしのポイント
許可ダイアログを活用する
Claude Codeはファイルの編集やコマンドの実行前に必ず許可を求めます。内容をしっかり確認してから承認することで、意図しない変更を防げます。
CLAUDE.md に禁止事項を書く
読まれたくないファイル（.envなど）や、触れてほしくない設定は明示的に書いておくと安全です。
## 読み込み禁止
- .env（機密情報が含まれる）
- secrets.json 大きな変更は方針を確認してから進める
「〜を全部書き直して」という指示より、「〜の方針で進めていいか確認してから修正して」と伝えるほうが、意図しない大規模変更を防げます。