⚠️ 注意事項
この記事はChatGPTにまとめてもらったものです。
自分のやり方が必ず正しいとは限りませんので、参考程度にご利用ください。
この記事では、Claudeアカウント作成からVSCodeでClaude Codeを使える状態にするまでを完全に解説します。
初心者でも上から順番にやればそのまま使える状態になります。
0. 事前準備
以下が必要です：
- Googleアカウント（推奨）
- Node.js（LTS版）
- VSCode
1. Claudeアカウント作成
Claude Code 料金プランとおすすめ選び方（初心者向け完全ガイド）
1-1. 公式サイトへアクセス
1-2. サインアップを選択
画面右上または中央の：
- 「Sign up（サインアップ）」をクリック
1-3. ログイン方法を選択
以下から選択：
- Googleで続行（おすすめ）
- Appleで続行
- メールアドレスで登録
おすすめ設定
👉 Googleで続行
理由：
- 一番簡単
- パスワード不要
- Claude Codeと連携しやすい
1-4. Googleログイン
- Googleアカウント選択
- 「続行」をクリック
- 権限の許可 → 「許可」
1-5. 初期画面
以下が出ればOK：
- チャット画面
- 「Ask Claude anything」
2. VSCode準備
2-1. VSCodeインストール（未導入の場合）
👉 https://code.visualstudio.com/
2-2. VSCodeを開く
- フォルダを開く（任意）
- ターミナルを開く
ショートカット：
Ctrl + `
3. Claude Code インストール
VSCodeのターミナルで実行：
npm install -g @anthropic-ai/claude-code
4. インストール確認
claude --version
または
claude
成功すると
- Claudeが起動する
- またはログイン画面が出る
5. 初回ログイン（VSCode連携）
5-1. Claude起動
claude
5-2. ブラウザが開く
以下の手順：
- ブラウザで自動遷移
- 「Sign in」をクリック
- さっき作ったアカウントでログイン
- 「Allow（許可）」をクリック
5-3. VSCodeに戻る
これで連携完了
6. VSCodeでの使い方
Claude起動
claude
→ 対話モード開始
プロジェクトで使う
code .
7. よくあるエラー
❌ npmがない
→ Node.js未インストール
❌ claudeコマンドがない
npm config get prefix
→ PATHに追加
❌ ログインできない
原因：
- 違うGoogleアカウント
- ブラウザで未ログイン
8. 完了チェック
以下できればOK：
- claudeコマンド起動
- ブラウザログイン完了
- VSCodeで動作確認
9. まとめ
流れはこれだけ：
- Claudeアカウント作成（Googleログイン）
- VSCodeインストール
- npmでClaude Codeインストール
- claude起動
- ブラウザログイン
- VSCode連携完了
完了 🎉
これでClaude CodeをVSCodeで使える状態になりました。