⚠️ 注意事項

この記事はChatGPTにまとめてもらったものです。
自分のやり方が必ず正しいとは限りませんので、参考程度にご利用ください。

この記事では、Claudeアカウント作成からVSCodeでClaude Codeを使える状態にするまでを完全に解説します。
初心者でも上から順番にやればそのまま使える状態になります。

0. 事前準備

以下が必要です：

Googleアカウント（推奨）
Node.js（LTS版）
VSCode

1. Claudeアカウント作成

Claude Code 料金プランとおすすめ選び方（初心者向け完全ガイド）

1-1. 公式サイトへアクセス

👉 https://claude.ai

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未インストール

👉 https://nodejs.org

❌ claudeコマンドがない

npm config get prefix

→ PATHに追加

❌ ログインできない

原因：

違うGoogleアカウント
ブラウザで未ログイン

8. 完了チェック

以下できればOK：

claudeコマンド起動
ブラウザログイン完了
VSCodeで動作確認

9. まとめ

流れはこれだけ：

Claudeアカウント作成（Googleログイン）
VSCodeインストール
npmでClaude Codeインストール
claude起動
ブラウザログイン
VSCode連携完了

完了 🎉

これでClaude CodeをVSCodeで使える状態になりました。