⚠️ 注意事項
この記事はChatGPTにまとめてもらったものです。
自分のやり方が必ず正しいとは限りませんので、参考程度にご利用ください。
概要
Claude Code・Git・Skillsを組み合わせて、再現性の高い開発環境を構築する。
前提
- Git
- Node.js
- VSCode
確認コマンド
git -v
node -v
npm -v
Claude Codeのインストール
npm install -g @anthropic-ai/claude-code
claude --version
完成イメージ
~/.claude/
├── skills/
│ ├── setup
│ └── implement
└── CLAUDE.md
project/
├── CLAUDE.md
├── skills/
└── .git/
手順
① プロジェクト作成
mkdir todo-app
cd todo-app
② Git初期化
git init
③ GitHub連携（任意）
git remote add origin https://github.com/ユーザー名/todo-app.git
④ 初回コミット
git add .
git commit -m "initial setup"
git push -u origin main
⑤ VSCode起動
code .
Claude Code 環境構築
ディレクトリ作成
mkdir -p ~/.claude/skills/setup
mkdir -p ~/.claude/skills/implement
グローバル設定
touch ~/.claude/CLAUDE.md
中身：
# Global Rules
- 曖昧な指示は必ず確認する
- 1タスク1実行
- 推測でコードを書かない
- トークン効率を優先する
- 必ずSkillsを使って処理を分離する
Skills作成
setup
touch ~/.claude/skills/setup
name: setup
description: 開発環境の構築・初期設定を行う
rules:
- 環境構築のみを行う
- コード実装は行わない
- 必要なディレクトリや設定ファイルを作成する
- 手順は段階的に説明する
implement
touch ~/.claude/skills/implement
name: implement
description: コードの実装を行う
rules:
- 設計に基づいてコードを書く
- 環境構築は行わない
- 不明点は必ず確認する
- 必要最小限のコードのみ出力する
プロジェクト設定
mkdir skills
touch CLAUDE.md
# Project Rules
- 今回は環境構築を目的とする
- setup Skillを優先的に使用する
- 実装はimplement Skillのみで行う
- 不要な処理は行わない
運用ルール
- setup：環境構築のみ
- implement：実装のみ
パスルール
❌ /Users/xxx/project/src
⭕ project直下基準
まとめ
Claude Codeを中核にした開発OS設計。
一度作れば再利用できる。