【ClaudeCode+VSCode】トークン消費を極限まで減らす開発術

1. Claude Codeを動かすために「Node.js」をPCにインストール
   Node.js公式サイトから「LTS（推奨版）」をダウンロードし、インストーラーに従い、すべてデフォルト設定でインストール。
2. ClaudeCodeのインストールと認証
   VS Codeのターミナルで順番に実行します。

   #1.Claude Codeのインストール
   > npm install -g @anthropic-ai/claude-code
   #2. ログイン認証（ブラウザが開きます） >claude auth login

3. 使いやすいようにターミナル画面を画面右に配置
   ターミナル画面上部のメニュー帯を右クリックし、配置位置を「右」に変更

#3.プランの自動設定
/model opusplan

2.便利な設定

毎回、毎回プラン設定してプロンプト書くと面倒なので、自分のclaudeの設定を最初にしておくと、これからのすべてのコーディングに勝手に適用されるのでお便利です。
これは、Windowsの場合 userフォルダーの .claude というフォルダーにある settings.jsonに記述します。（C:\Users\ユーザー名\.claude)
私の場合はいかに設定しています。（もっといい方法ある方は是非教えてください）

{ "permissions":{ 
    "allow":[ 
      "Bash", 
      "Read", 
      "Write", 
      "Edit", 
    ] 
   }, 
   "feedbackSurveyRate" :0 
   "autoUpdatesChannel": "latest", 
   "model": "opusplan", 
   "customInstructions": "1.返答は常に極めて簡潔に。挨拶、謝罪、前置きは一切不要。修正時は解説を省きコードのみ提示すること。 

3. 設定の確認方法

正しく設定できたか、Claudeに聞いてみましょう。

❯ 現在のプランは？ 
● 現在のモデル設定は以下の通りです： - プランモード時: Claude Opus 4.6（高度な計画・設計タスク向け） 
- 通常時: Claude Sonnet 4.6（実装・コーディングタスク向け） 
/model opusplan を設定したことで、計画フェーズでは Opus 4.6 が、 それ以外の作業は Sonnet 4.6 が担当します。

4.備考

1.なぜターミナル（CLI版）なのか？

• 最強の「opusplan」モードが使える：
  計画は最高性能のOpus、実行は高速・安価なSonnetと自動で使い分ける神コマンドが使えます。これは現状、拡張機能版にはない特権です。
• トークンの制御が容易：
  不要な文脈をコマンド一つで削れるため、無駄な課金を防げます。
• 動作が速い：
  UIを介さない分、レスポンスが高速で開発リズムが崩れません。

2. CludeCodeの で指定できるモデル一覧（2026年4月時点）：

– opus — アーキテクチャ設計、複雑なバグ解析、大規模リファクタリング
– sonnet — 日常的なコーディング、機能追加、コードレビュー（推奨）
– haiku — 簡単な質問、短いスニペット生成、検索・要約
– opusplan — 計画フェーズだけOpusの精度を使い、実装はSonnetでコスト節約

3.なぜNode.jsが必要なのか？

JavaScriptをブラウザ外（サーバーやPC上）で実行するためのランタイム環境です。一言で言うと「サーバーサイドでJavaScriptを動かせる仕組み」です。もともとJavaScriptはブラウザ内だけで動くものでした。2009年にRyan Dahlが「JavaScriptをサーバーでも使えるようにしたい」と作ったのがNode.jsです。
Claude CodeのCLIツールはnpmパッケージとして配布されています。そのためインストールをするときに下記のようにターミナルで入力しました。

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

なぜJavaScript（Node.js）で作られているのか

• クロスプラットフォーム対応が容易（Windows・Mac・Linux）
• 非同期I/O処理が得意（APIとのストリーミング通信に向いている）
• Anthropicの開発チームがTypeScript/JavaScriptを採用している

VS Code との関係

VS Code自体もElectronベース（Node.js）で作られているため、Claude Code拡張機能との相性が良く、同じNode.js環境で動作します。

一言でまとめると：Claude CodeはNode.jsアプリとしてnpmで配布されているから、Node.jsが前提条件になっています。

特徴

4. 違うPCで作業を引き継ぐ方法

コーディングを行って、その日のClaudeCodeとの内容をメモリーに取っておくと次の日から続きができます。私の場合は、ほかのPCに行っても引き継げるとようにその日の内容を history.md というファイルに保存し、それをプロジェクトの中で管理することにしています。そして次の日に別のパソコンで立ち上げるとき、または自分のパソコンで立ち上げるとき、history.md をまずは読ませることから始めています。これも同じようにSettingsに記述しています。

最終的にセッティング図には書きのように書いています。

{
  "permissions": {
    "allow": [
      "Bash",
      "Read",
      "Write",
      "Edit",
    ]
  },
  "feedbackSurveyRate": 0,
  "autoUpdatesChannel": "latest",
  "model": "opusplan",
  "customInstructions": "1.返答は常に極めて簡潔に。挨拶、謝罪、前置きは一切不要。修正時は解説を省きコードのみ提示すること。 2.セッションの最後（作業終了前）には、必ずこれまでの作業内容、現在の進捗、次にやるべきことを『history.md』というファイルに追記・更新して保存することを徹底してください。これは別の環境へ作業を引き継ぐために不可欠なステップです。"
  }
}

5.Claude Code の / コマンド一覧

特に日常的に重要なコマンドをいくつかピックアップすると：

コンテキスト管理の基本ルール（トークン節約の要）

• /compact → タスクを継続しながらトークンを圧縮（80%超えたら使う）
• /clear → 全く新しいタスクに切り替えるときに使う
• /context → 現在の使用量をグリッドで確認

VS Codeターミナルで特に有効なコマンド

• /terminal-setup → VS CodeでのShift+Enter等のキー設定を自動構成
• /plan → 実行前に計画のみ立案（コード変更なしで確認できる）
• /diff → 各ターンの差分をインタラクティブに確認

カスタムスキルの作成も非常に強力で、.claude/skills/ 配下にMarkdownファイルを置くと独自のスラッシュコマンドとして使えるようになります。たとえば /ship で「テスト実行 → コミット → プッシュ」を一括実行、といった使い方が可能です。

コンテキスト管理

モデル・動作設定

コスト・使用量の確認

開発ワークフロー

プロジェクト設定・カスタマイズ

スキル・プラグイン・MCP拡張

バンドルスキル（組み込み高度コマンド）

表示・UI・その他

キーボードショートカット（セッション中）

6.Claude Code のプラン・料金・トークン量

ブスクリプションプラン（定額制）

Claude Code はスタンドアロン製品ではなく、Claude のサブスクリプションまたは API に紐づいています。

トークン消費は5時間ウィンドウ単位で管理され、上限に達した場合は次のウィンドウまで待つか、API従量課金で継続利用することになります。

チーム・エンタープライズ向け

Teamプランは Standard が $20/シート/月（Claude Code は含まれず）、Claude Code が使える Premium シートは $100/シート/月で、最低5シートから。

API従量課金（サブスクリプション不要）

トークン単価は以下の通りです（MTok = 100万トークン）。 SSD Nodes

Proプランの場合、5時間ウィンドウあたり約45メッセージが上限ですが、Claude Code を集中して使うと1〜2時間で消費しきってしまうケースが多いです。

フリープランでは Claude Code は利用できません。少なくとも Pro サブスクリプションまたは API クレジットが必要です

コスト効率の観点では、毎月一定量使う開発者にとっては Max プランが圧倒的に有利で、ある開発者は8ヶ月で10億トークン使用し、API換算で$15,000以上相当を $800（Max プラン）で利用できたと報告しています。