Handism's Tech Blog

Claude Codeに課金して初期設定する

読了 4 分AI
#AI#Claude Code
Claude Codeに課金して初期設定する

Claude Codeとは

Claude Codeは、Anthropicが提供するAIコーディングエージェントのCLIツール。
単なるコード補完ではなく、ターミナルやVSCodeから自然言語で指示するだけでファイルの編集・作成・テスト実行・Git操作まで自律的にこなしてくれる。

いわゆる「バイブコーディング」（ノリで指示を投げて、AIに実装を任せるスタイル）を本格的にやりたくて課金してみた。

Claude Codeに課金しました

Claudeのチャット画面の左下メニューから「プランをアップグレード」を選ぶと課金ページに移動できる。 プランはProとMaxがあるが、まずはProプランの月間契約にした。月20ドル。 クレカ情報を入力して完了。2026/3/15から課金開始。

Claude Codeをインストール

公式のクイックスタートはこちら: https://code.claude.com/docs/ja/quickstart

インストールは2通りある。

# curlでインストール
curl -fsSL https://claude.ai/install.sh | bash

# Homebrewでインストール（Mac推奨）
brew install --cask claude-code

アップデートも簡単。

brew upgrade claude-code

インストール後、ターミナルで claude コマンドが使えるようになる。初回起動時にブラウザでAnthropicアカウントの認証が行われる。

VSCodeにClaude Code拡張機能をインストール

VSCodeの拡張機能マーケットプレイスで「Claude Code」を検索してインストールする。 インストール後、サイドバーに「Claude.ai Subscription」ボタンが表示されるのでクリックしてサインイン。

これにより、VSCodeのコマンドパレットやエディタ内からClaude Codeを操作できるようになる。

初期設定

VSCodeで初めて起動すると、いくつかの設定を聞かれる。

  • Dark Mode — テーマ選択（好みで）
  • Claude account with subscription — Proプランのアカウントで認証
  • Yes, use recommended settings — 推奨設定をそのまま使う
  • Yes, I trust this folder — ワークスペースへのアクセスを許可

起動後に以下のスラッシュコマンドを実行しておくと便利。

/statusline   # VSCodeのステータスバーにClaude Codeの状態を表示
/init         # プロジェクトのCLAUDE.mdを自動生成

/init を実行すると、コードベースを分析してプロジェクト固有の指示書（CLAUDE.md）を自動生成してくれる。これがあるとClaude Codeがプロジェクトの構成を理解した上で作業してくれるようになる。

設定ファイルの構成

Claude Codeの設定ファイルはユーザースコープとプロジェクトスコープの2層構造になっている。

~/
├── .claude/                     # ユーザースコープ（全プロジェクトに適用）
│   ├── settings.json            #   権限・動作に関する設定
│   ├── CLAUDE.md                #   AIへの指示書（全プロジェクト共通）
│   ├── skills/                  #   カスタムスキル
│   └── agents/                  #   カスタムサブエージェント
│
└── my-project/                  # プロジェクトスコープ（このプロジェクトのみ）
    ├── .claude/
    │   ├── settings.json
    │   ├── CLAUDE.md
    │   ├── skills/
    │   └── agents/
    ├── CLAUDE.md                #   プロジェクト直下のCLAUDE.mdも有効
    └── .mcp.json                #   プロジェクト内で利用するMCP設定

CLAUDE.mdには「日本語で回答してください」「テストを書いてから実装してください」といった指示を書いておける。ユーザースコープに書けば全プロジェクトに適用されるので、個人の作業スタイルを定義しておくと捗る。

使用方法

ターミナルから使う

claude

インタラクティブなチャットが起動する。自然言語で指示を投げると、コードの修正・ファイル作成・コマンド実行などを自律的にやってくれる。

VSCodeから使う

コマンドパレット（Cmd+Shift+P）から「Claude Code: New Conversation」を選択するとチャットウィンドウが開く。エディタで開いているファイルのコンテキストを自動的に認識してくれるので、「このファイルのここを修正して」といった指示がしやすい。

ブラウザから使う

https://claude.ai/code/
↑こちらから使える。

スマホからもコーディングできて便利そう！
Claudeアプリからも利用可能。

コンテキストを渡す

@md/claude-code-introduction.md

ファイル名を @ 付きで指定すると、そのファイルの内容をコンテキストとして渡せる。大きなコードベースで特定のファイルに絞って作業させたいときに便利。

利用量確認

/usage

会話を終了する

/exit

または Ctrl + C で終了。

スキルの使い方

スキルはスラッシュコマンド形式で呼び出せるプリセットのタスクだ。GitHubと連携するものが特に便利。

# 新しいIssueを作成
/gh-issue-create <内容>

# IssueからPRまで一貫して処理（ブランチ作成・実装・コミット・プッシュ・PR作成）
/gh-issue-pr <issue番号>

# PRのレビューコメントを確認して修正・返信まで対応
/gh-pr-resolve <PR番号>

# PRをレビューしてコメントを投稿
/gh-pr-review <PR番号>

/gh-issue-pr は特に強力で、Issue番号を渡すだけでブランチを切って実装してPRを出すところまで全自動でやってくれる。試してみたら本当に動いて驚いた。

使ってみた感想

まだ使い始めたばかりだが、単純な機能追加やリファクタリングはかなりの精度でこなしてくれる印象。指示の粒度が細かいほど意図通りの結果になりやすい。

CLAUDE.mdへのプロジェクト情報の充実と、スキルのカスタマイズが使いこなしのカギになりそうだ。しばらく使い込んでまたレポートしたい。