Claude Codeに最適なエディタの選び方と公式連携

結論

最初にやること：OSのターミナルでclaudeを実行します。

Claude Codeを視覚的に使うなら、公式が推奨するVS Code拡張が第一候補です。

インライン差分、ファイルの行範囲を指定するメンション、計画レビュー、複数セッションをIDE内で利用できます。

Cursorにも公式拡張を導入でき、JetBrains利用者には専用プラグインがあります。

実行場所：コメントに従い、ターミナルとClaude Codeの対話画面を使い分けます。

# CLIも併用する場合
# ターミナルで実行：Claude Codeを起動
claude
# セッション内でIDE連携状態を確認
# Claude Code起動後の対話画面で実行：IDE連携状態を確認・設定
/ide

具体的な手順

1. VS Codeの拡張機能画面で「Claude Code」を検索してインストールします。

2. プロジェクトを開き、SparkアイコンからClaude Codeパネルを表示してAnthropicアカウントで認証します。

3. 編集対象を選択してメンションし、適用前に計画と差分をレビューします。

VS Code拡張にはパネル用CLIが同梱されますが、統合ターミナルでclaudeを使う場合はスタンドアロンCLIも必要です。

ターミナル中心なら任意のエディタを使い、/diffまたはGit差分で変更を確認できます。

実践プロンプト

選択範囲と関連ファイルを明示し、完了条件まで一度に伝えると修正範囲が安定します。

入力場所：Claude Codeの対話画面へ貼り付けます。

@src/components/Form.tsx の選択範囲を修正
要件:
- 二重送信を防止
- 既存API型は変更しない
- 関連テストを更新
実装前に計画を示し、承認後に編集してテストを実行

注意点

• VS Codeは1.94.0以上が必要なため、拡張が表示されない場合は本体を更新します。

• 未保存の編集とClaudeの変更が競合しないよう、作業前に保存するか別ブランチを使用します。

• 拡張が反応しない場合はウィンドウを再読み込みし、/doctorと/ideで状態を確認します。