Claude Code: Claude Code 初回使用

# 1. 練習用プロジェクトを作成
mkdir my-first-claude && cd my-first-claude
git init

# 2. シンプルなファイルを作成
echo 'function hello() { return "Hello"; }' > index.js

# 3. Claude Code を起動
claude

╭─────────────────────────────────────────╮
│  Claude Code                             │
│  Model: claude-sonnet-4-20250514         │
│  Project: my-first-claude                │
╰─────────────────────────────────────────╯

> █（指示を入力）

> Hello, please look at this project

Claude: プロジェクト構造とファイル内容を確認します...

  📁 プロジェクト構造：
  - index.js

  📄 index.js:
  ```javascript
  function hello() { return "Hello"; }

---

## 3. 操作確認メカニズム

### (1) 権限承認フロー

Claude Code は機微な操作に対して確認を求めます：

| 操作タイプ | デフォルト動作 | 例 |
|:-----------|:-------------|:---|
| **ファイル読み取り** | 自動実行 | index.js の読み取り |
| **ファイル作成** | 確認を要求 | 新規ファイル test.js の作成 |
| **ファイル修正** | 確認を要求 | 既存ファイルの修正 |
| **コマンド実行** | 確認を要求 | npm test の実行 |
| **ファイル削除** | 確認を要求 | 古いファイルの削除 |

### (2) 確認オプション

```text
Claude wants to edit index.js:
  - Add goodbye() function after hello()
  - Add module.exports

  Allow? (y/n/a/e)
  y = yes（今回のみ）
  n = no
  a = always allow edits to this file
  e = edit the change before applying

> Refactor project to TypeScript

Claude: 以下を実行します：
  1. tsconfig.json を作成
  2. index.js を index.ts に変換
  3. 型定義を追加
  4. package.json を更新

  Allow creating tsconfig.json? [y/n/a/e] y
  ✅ tsconfig.json を作成

  Allow editing index.js → index.ts? [y/n/a/e] a
  ✅ index.ts への編集を常に許可

  Allow running: npm install typescript --save-dev? [y/n/a/e] y
  ✅ typescript をインストール

  All changes applied successfully!

# 現在のセッションのファイル変更を確認
claude /diff

# git diff を確認
git diff

# 特定ファイルの変更を確認
git diff index.js

# すべての変更を取り消し（git ベース）
git checkout .
git clean -fd

# 単一ファイルを取り消し
git checkout -- index.js

# 変更履歴を確認
git log --oneline -5

> Rename all functions

Claude: 関数名を変更中...
  → hello → greet
  → goodbye → farewell
  → 3ファイルを修正

# Alice はリネームが期待に合わないことに気づく
# git で取り消し

$ git diff --stat
  index.js       | 6 +++---
  index.test.js  | 8 ++++----
  utils.js       | 4 ++--

$ git checkout .
# すべての変更を取り消し ✓

# 悪い記述
> Help me change some code

# 良い記述
> In src/auth/jwt.ts, add token refresh logic,
> set expiry to 7 days, write corresponding unit tests

# より良い記述（制約付き）
> Refactor UserService query methods:
> 1. Use Repository pattern instead of direct SQL
> 2. Add pagination support (default 20 per page)
> 3. Write integration tests
> 4. Don't modify the interface signatures

# Alice の初めての Claude Code 体験

# 1. プロジェクトを準備
mkdir todo-app && cd todo-app
git init
npm init -y

# 2. Claude Code を起動
claude "Create a simple Node.js TODO app:
1. Support add, delete, list tasks
2. Store data in JSON file
3. Include complete unit tests
4. Use ES Module syntax"

# Claude Code の作業プロセス：
# → package.json を読み取り中
# → src/todo.js を作成中（コア TODO ロジック）
# → src/storage.js を作成中（JSON ファイルストレージ）
# → src/index.js を作成中（CLI エントリ）
# → tests/todo.test.js を作成中（ユニットテスト）
# → 実行中: npm test → 8/8 合格 ✓
# → README.md を作成中

# 3. 結果を確認
git add -A && git commit -m "feat: initial todo app by Claude Code"

# 4. 追加要件
claude "Add task priority feature (high/medium/low), update tests"

# Claude Code が反復を続けます...