Claude Codeにステータスラインを構築！【コピペでできます】｜サブスクだけで始めるインストール＆ログイン完全手順【初心者向け】「Day5」

2026年4月3日

📌 Day 4 で Node.js のインストールが完了しました。今日はClaude Code 本体をインストールして実際に起動・ログインします。

⚠️ Claude Proプラン以上のサブスクが必須です！

✅

Pro

月額 $20

✅

Max

月額 $100/$200

✅

Team/Enterprise

法人プラン

❌

無料プラン

使用不可

🎯 今日のゴール

🎯 今日終わったら：「こんにちは」と話しかけてClaude Codeから返事が来る状態

✅ Claude Code をインストールできる
✅ ブラウザ認証でログインできる
✅ 使用量の確認方法がわかる

⏱ 今日の目安時間

60〜90分

🔑APIキーは不要！サブスクだけでOK

昔のやり方と今のやり方の違いを確認しましょう

❌ 昔の方法（2024年以前）

✗ Anthropic の API キーが必要
✗ 使うたびに課金（従量制）
✗ 設定が複雑

✅ 今の方法（現在）

✓ claude.ai のサブスクのみでOK
✓ 月額固定（使いすぎても追加課金なし）
✓ ブラウザ認証で簡単ログイン

⚠️ 環境変数 ANTHROPIC_API_KEY に注意！

ネット上の古い記事には「環境変数に ANTHROPIC_API_KEY を設定する」という方法が書かれていることがあります。現在はその方法は不要です。もし設定済みの場合は削除してからログインしてください。

📦Step 1：Claude Code をインストールする

npm コマンド1行でインストールできます

Cursor のターミナルを開いて、以下のコマンドを実行します。

$ npm install -g @anthropic-ai/claude-code

コピー

⏱ 待ち時間について

インストールには30秒〜3分かかります。大量のテキストが流れて不安になりますが、正常です。最後に何もエラーが出なければ完了です。「npm warn」程度は無視してOKです。

インストール完了後、バージョンを確認します。

$ claude –version
1.0.XX ← バージョン番号が表示されればOK！

コピー

🌐Step 2：ブラウザ認証でログインする

初回起動時にブラウザで認証します。8ステップで完了します

$ claude

コピー

ウェルカム画面 → テーマを選ぶ
画面のテーマを選択します。Dark mode（暗い画面）が推奨です。見やすい方を選んでEnter。

Welcome to Claude Code!
Choose your preferred theme:
> Dark mode
Light mode

ログイン方法を選ぶ → 「1. Claude account with subscription」を選択
必ず1番（Claude.ai サブスクリプション）を選んでください。

How would you like to log in?
> 1. Claude account with subscription (claude.ai)
2. Anthropic API key

ブラウザが自動で開く → 「Allow」をクリック
ブラウザが自動で開いて認証ページが表示されます。「Allow（許可）」ボタンをクリックしてください。

ログイン完了 → Enter で続行
「ログインが完了しました」と表示されたらターミナルに戻ってEnterを押します。

✓ Logged in successfully
Press Enter to continue…

セキュリティ注意事項 → Enter で続行
セキュリティに関する注意事項が表示されます。内容を確認してEnterを押します。

ターミナル設定 → 「1. Yes」を選ぶ
ターミナルの設定（シェル統合）を行うか確認されます。1. Yes を選択してください。

Enable shell integration?
> 1. Yes (recommended)
2. No

フォルダの信頼確認 → 「1. Yes」を選ぶ
現在のフォルダを信頼するか確認されます。1. Yes を選択してください。

ウェルカムダッシュボードが表示される
Claude Codeのメイン画面が表示されれば起動完了です！「こんにちは」と入力してEnterを押してみましょう。

╔══════════════════════════════╗
║ Claude Code Ready! ║
╚══════════════════════════════╝
> こんにちは

✅ 起動完了サイン

プロンプト（> マーク）が表示されて、日本語の返答が来れば完璧です。Claude Code との会話が始まりました！

📊使用量・上限の確認方法

使いすぎを防ぐために定期的に確認しましょう

方法① /cost コマンドで確認

> /cost
Session cost: $0.0234
Total cost this month: $1.23

コピー

方法② claude.ai で確認

claude.ai にアクセスしてサインイン

右上のアカウントアイコン → 「設定」をクリック

「使用量」タブで今月の利用状況を確認できます

🚦 上限に達したときは？

⏰待つ：数時間〜翌日になるとリセットされます（無料プランのような感覚）

⬆️Max にアップグレード：より多くの使用量が必要な場合は Max プランへ

💡 Cursor のAI使用量は別物！

Cursor 自体のAI機能（コード補完など）は Cursor の使用量としてカウントされます。Claude Code の使用量（/cost で表示）は別物です。混同しないように注意してください。

✅今日のチェックリスト

全部チェックすれば Day 5 クリアです！

TASKS

✓

claude.ai の Pro プラン以上に加入していることを確認した

✓

npm install -g @anthropic-ai/claude-code でインストールした

✓

claude --version でバージョンが確認できた

✓

「Login with Claude.ai」でブラウザ認証してログインできた

✓

「こんにちは」と話しかけて Claude から返答が来た

✓

/cost コマンドで使用量を確認した

🎮

チャレンジ：ステータスラインを自作しよう

やってみたい人だけ挑戦！Claude Codeに日本語で頼むだけでOK

⏰ タイミングのヒント

今すぐやらなくてもOKです。Day22〜24の「Hooks・自動化」まで進んでから戻ると、スクリプトの意味がよりわかりやすくなります。まず完成イメージだけ見て、後で挑戦するのもアリ！

📺 完成イメージ

              Sonnet 4.6 ▸ my-project ⎇ main

              5h: ███████░░░ 70%

              7d: ██░░░░░░░░ 20% │ ctx: 8% │ $0.01

使用率に応じて色が変化します（緑→黄→赤）

💡 初心者向けポイント

ターミナルで難しいコマンドを打つ必要はありません。Claude Codeを起動して日本語でお願いするだけで全部やってくれます。これがClaude Codeの本来の使い方です！

ターミナルでClaude Codeを起動する
Cursorのターミナルを開いて以下を実行

claude

コピー

jqのインストールをClaude Codeにお願いする
jq はJSON形式のデータを読み取るために必要なツールです。Claude Codeのプロンプトに以下を貼り付けてEnterを押してください。

以下のコマンドを実行してjqをインストールしてください： mkdir -p ~/.local/bin && curl -L -o ~/.local/bin/jq.exe https://github.com/jqlang/jq/releases/download/jq-1.7.1/jq-windows-amd64.exe && chmod +x ~/.local/bin/jq.exe

コピー

💡 Claude Codeが「実行してもよいですか？」と聞いてきたら 「1. Yes」 を選んでください

ステータスラインの作成を丸ごとお願いする
以下を そのままコピー してClaude Codeのプロンプトに貼り付けてEnterを押してください。

以下の作業を順番にやってください：
1. ~/.claude/statusline.sh を以下の内容で作成する
2. chmod +x で実行権限を付与する
3. ~/.claude/settings.json の statusLine を以下に更新する：
   {“statusLine”:{“type”:”command”,”command”:”bash ~/.claude/statusline.sh”}}

— ここからstatusline.shの内容 —
#!/bin/bash
export PATH=”$HOME/.local/bin:$PATH”
input=$(cat)
model=$(echo “$input” | jq -r ‘.model.display_name // “Unknown”‘)
context_pct=$(echo “$input” | jq -r ‘.context_window.used_percentage // 0’)
workspace=$(echo “$input” | jq -r ‘.workspace.current_dir // “”‘)
cost=$(echo “$input” | jq -r ‘.cost.total_cost_usd // 0’)
rate_5h=$(echo “$input” | jq -r ‘.rate_limits.five_hour.used_percentage // empty’ 2>/dev/null || echo “”)
rate_5h_resets=$(echo “$input” | jq -r ‘.rate_limits.five_hour.resets_at // empty’ 2>/dev/null || echo “”)
rate_7d=$(echo “$input” | jq -r ‘.rate_limits.seven_day.used_percentage // empty’ 2>/dev/null || echo “”)
LAVENDER=”\033[38;2;180;190;254m”
SUBTEXT0=”\033[38;2;166;173;200m”
GREEN=”\033[38;2;166;227;161m”
YELLOW=”\033[38;2;249;226;175m”
RED=”\033[38;2;243;139;168m”
PEACH=”\033[38;2;250;179;135m”
TEAL=”\033[38;2;148;226;213m”
SKY=”\033[38;2;137;220;235m”
TEXT=”\033[38;2;205;214;244m”
RESET=”\033[0m”
ws_name=”–”
[[ -n “$workspace” ]] && ws_name=$(basename “$workspace”)
branch=$(git -C “$workspace” branch –show-current 2>/dev/null || echo “–“)
branch=”${branch:-“–“}”
context_int=”${context_pct%.*}”
if [[ -n “$rate_5h” && “$rate_5h” != “null” ]]; then
  rate_5h_int=”${rate_5h%.*}”
  if (( rate_5h_int >= 90 )); then r5c=”$RED”; elif (( rate_5h_int >= 70 )); then r5c=”$YELLOW”; else r5c=”$TEAL”; fi
  filled_5h=$(( rate_5h_int / 10 )); empty_5h=$(( 10 – filled_5h ))
  bar_5h=””
  for (( i=0; i<filled_5h; i++ )); do bar_5h+=”█”; done
  for (( i=0; i<empty_5h; i++ )); do bar_5h+=”░”; done
  reset_str=””
  if [[ -n “$rate_5h_resets” && “$rate_5h_resets” != “null” ]]; then
    now=$(date +%s)
    remaining=$(( rate_5h_resets – now ))
    if (( remaining > 0 )); then
      r_h=$(( remaining / 3600 ))
      r_m=$(( (remaining % 3600) / 60 ))
      if (( r_h > 0 )); then reset_str=” ${SUBTEXT0}(${r_h}h${r_m}m)${RESET}”
      else reset_str=” ${SUBTEXT0}(${r_m}m)${RESET}”; fi
    else reset_str=” ${SUBTEXT0}(reset!)${RESET}”; fi
  fi
  rate_5h_display=”${r5c}${bar_5h}${RESET} ${r5c}${rate_5h_int}%${RESET}${reset_str}”
else rate_5h_display=”${SUBTEXT0}░░░░░░░░░░ –%${RESET}”; fi
if [[ -n “$rate_7d” && “$rate_7d” != “null” ]]; then
  rate_7d_int=”${rate_7d%.*}”
  if (( rate_7d_int >= 90 )); then r7c=”$RED”; elif (( rate_7d_int >= 70 )); then r7c=”$YELLOW”; else r7c=”$SKY”; fi
  filled_7d=$(( rate_7d_int / 10 )); empty_7d=$(( 10 – filled_7d ))
  bar_7d=””
  for (( i=0; i<filled_7d; i++ )); do bar_7d+=”█”; done
  for (( i=0; i<empty_7d; i++ )); do bar_7d+=”░”; done
  rate_7d_display=”${r7c}${bar_7d}${RESET} ${r7c}${rate_7d_int}%${RESET}”
else rate_7d_display=”${SUBTEXT0}░░░░░░░░░░ –%${RESET}”; fi
cost_display=$(printf ‘$%.2f’ “$cost”)
echo -e “${LAVENDER}${model}${RESET} ${SUBTEXT0}▸${RESET} ${TEXT}${ws_name}${RESET} ${SUBTEXT0}⎇${RESET} ${TEAL}${branch}${RESET}”
echo -e “${SUBTEXT0}5h:${RESET} ${rate_5h_display}”
echo -e “${SUBTEXT0}7d:${RESET} ${rate_7d_display} ${SUBTEXT0}│${RESET} ${TEXT}ctx: ${context_int}%${RESET} ${SUBTEXT0}│${RESET} ${PEACH}${cost_display}${RESET}”
— ここまで —コピー

💡 ファイル作成・権限付与・設定更新をClaude Codeが全部やってくれます

ターミナルでClaude Codeを再起動する
Ctrl+C でClaude Codeを終了してから、もう一度起動します。

claude

コピー

メッセージを送って確認する
Claude Codeに何か一言送ってみてください。返答が来たとき、画面の下部にステータスラインが表示されたら成功！🎉

✅ 成功サイン

モデル名・5h使用率・7d使用率・コストがバー付きで表示されます

💡 上手く表示されない場合

Claude Codeに「ステータスラインが表示されない。原因を調べて直してください」と日本語でそのまま聞いてみましょう。Claude Codeが原因を調べて修正してくれます。

🎉

Day 5 クリア！

Claude Code のインストールとログインが完了しました！
これで「環境構築フェーズ」は全て完了です。
Day 6 からはいよいよ実際に使い始めます！

よかったらシェアしてね！

URLをコピーしました！

URLをコピーしました！

コメント一覧（1件）

AIへの「最初の指示」はこう書く｜Cursor×Claude Codeでファイル自動生成を体験する実践ガイド【コピペOK】「Day6」 - ブログ大学 より:

2026年4月3日 12:21 AM

[…] […]

返信

Claude Codeにステータスラインを構築！【コピペでできます】｜サブスクだけで始めるインストール＆ログイン完全手順【初心者向け】「Day5」

AI職人（Claude Code）を雇う〜インストール＆ログイン

🔑APIキーは不要！サブスクだけでOK

📦Step 1：Claude Code をインストールする

🌐Step 2：ブラウザ認証でログインする

📊使用量・上限の確認方法

✅今日のチェックリスト

Day 5 クリア！

コメント

コメント一覧（1件）

コメントするコメントをキャンセル

Claude Codeにステータスラインを構築！【コピペでできます】｜サブスクだけで始めるインストール＆ログイン完全手順【初心者向け】「Day5」

AI職人（Claude Code）を雇う〜インストール＆ログイン

🔑APIキーは不要！サブスクだけでOK

📦Step 1：Claude Code をインストールする

🌐Step 2：ブラウザ認証でログインする

📊使用量・上限の確認方法

✅今日のチェックリスト

Day 5 クリア！

コメント

コメント一覧 （1件）

コメントする コメントをキャンセル

コメント一覧（1件）

コメントするコメントをキャンセル