バイブコーディング#Claude Code#インストール#設定
Claude Codeのインストール方法|初期設定から使い方まで
Claude Codeのインストール手順を画像付きで解説。Node.jsのセットアップから認証、初回起動まで、初心者でも迷わない完全ガイド。
Claude Codeのインストール方法
Claude Codeのインストールから初期設定までを、ステップバイステップで解説します。
前提条件
必要なもの
- Node.js 18以上
- Claude Pro または Max プラン($20/月〜)
- ターミナル操作の基礎知識
対応OS
- macOS
- Windows
- Linux
ステップ1: Node.jsのインストール
Macの場合
# Homebrewでインストール(推奨)
brew install node
# または公式サイトからダウンロード
# https://nodejs.org/
Windowsの場合
- nodejs.orgにアクセス
- LTS版をダウンロード
- インストーラーを実行
バージョン確認
node --version
# v18.0.0以上ならOK
npm --version
# npmも確認
ステップ2: Claude Codeのインストール
npmでグローバルインストール
npm install -g @anthropic-ai/claude-code
インストール確認
claude-code --version
# バージョンが表示されればOK
トラブルシューティング
権限エラーの場合(Mac/Linux):
sudo npm install -g @anthropic-ai/claude-code
コマンドが見つからない場合:
# PATHを確認
echo $PATH
# npmのグローバルパスを追加
export PATH="$PATH:$(npm bin -g)"
ステップ3: 認証設定
ログイン
claude-code auth
- ブラウザが自動で開く
- Anthropicアカウントでログイン
- 認証完了
認証確認
claude-code whoami
# アカウント情報が表示されればOK
ステップ4: 初回起動
プロジェクトフォルダで起動
cd your-project
claude-code
初回起動時の流れ
- プロジェクトのインデックス作成(初回のみ)
- 対話式インターフェースが起動
- 指示を入力してEnter
基本的な使い方
指示の出し方
> ToDoアプリを作って
ファイル操作
> src/App.tsxを編集して、ボタンを追加して
コマンド実行
> npm run build を実行して
終了
> exit
# または Ctrl + C
設定ファイル
.claude/settings.json
プロジェクトルートに作成:
{
"model": "claude-sonnet-4-20250514",
"autoApprove": ["read"],
"ignore": ["node_modules", ".git", "dist"]
}
.claudeignore
機密ファイルを除外:
.env
.env.local
secrets/
*.pem
よくあるエラーと解決法
「認証エラー」
# 再認証
claude-code auth --force
「Node.jsバージョンが古い」
# Node.jsをアップデート
nvm install 20
nvm use 20
「コマンドが見つからない」
# 再インストール
npm uninstall -g @anthropic-ai/claude-code
npm install -g @anthropic-ai/claude-code
次のステップ
インストールが完了したら、実際に使ってみましょう。
参考文献・引用元
- [1]Claude Code Installation- Anthropic
- [2]