おなじ頭脳、
ちがう仕事場。

Claude と Claude Code は、中身のモデルが同じです。違うのは置かれている場所と、そこで手が届く範囲だけ。

Claudeブラウザとアプリの中。考える・調べる・書く。
Claude Codeターミナルとエディタの中。読む・直す・動かす。

同じ依頼を投げると

依頼

Claude

    手元に残るもの

    Claude Code

      手元に残るもの

      どこが決定的に違うのか

      機能の多さではなく、環境に手が届くかどうか。ここだけ押さえれば使い分けは迷いません。

      ひとつの作業を、ふたつに割る

      構想をチャットで固め、仕様として書き出してから Claude Code に渡す。この受け渡しを挟むだけで手戻りが目に見えて減ります。

      1

      チャットで決める

      何を作るか、どのデータ構造で、どこまでやるか。会話の往復が速いチャットの独壇場です。

      2

      仕様として書き出す

      決まったことを SPEC.md にまとめてリポジトリに置きます。口頭の合意ではなく、Claude Code が読めるファイルにするのが肝です。

      3

      Claude Code に実装させる

      リポジトリで claude を起動し、仕様を指して実装を頼む。差分を見て承認し、コミットまで一気に進めます。

      最初の一歩

      既にある Next.js のリポジトリをひとつ選び、軽い修正を Claude Code にやらせてみるのが一番わかりやすい入口です。

      • npm 版には Node.js のバージョン要件があります。ネイティブインストーラなら Node.js は不要です。
      • ターミナルが苦手なら、デスクトップアプリや VS Code/JetBrains の拡張からも使えます。
      • 要件もコマンドも変わります。実行前に公式ドキュメントで最新を確認してください。
      # macOS / Linux / WSL curl -fsSL https://claude.ai/install.sh | bash # リポジトリに移動して起動 $ cd ~/projects/your-app $ claude