🚀

Claude Code で「量子跳躍」を起こした5つの使い方:毎日12時間使うパワーユーザーの実践記

に公開

Claude Code で「量子跳躍」を起こした 5 つの使い方

毎日 12 時間以上、Claude Code を使っている。

Sonnet も Haiku も試した。結局 Opus に戻った。品質が違う。

この記事は「Claude Code の機能紹介」ではない。毎日 12 時間使い続けて見つけた、生産性が段階的に跳ね上がるポイント の話だ。

それぞれの発見で、作業効率が数倍に上がった。量子力学の「量子跳躍」のように、連続的ではなく段階的に次のレベルに移行した。


Quantum Leap #1:Web 版を捨てて CLI に移行した

Before:コピペ地獄

Web 版(claude.ai)での開発フロー:

  1. AI にコード修正を依頼する
  2. AI が修正後のコードを表示する
  3. コードを手動でコピーする
  4. ローカルのファイルに貼り付ける
  5. ブラウザで動作確認する
  6. 問題があればスクリーンショットを撮る
  7. スクリーンショットをアップロードする
  8. AI に説明する
  9. 1 に戻る……

毎回このループに 5-10 分かかっていた。

After:CLI の世界

Claude Code(CLI)での開発フロー:

  1. やりたいことを言葉で伝える
  2. Claude Code が直接ファイルを読んで、修正して、保存する
  3. ブラウザで確認する
  4. 終わり

コピペなし。ダウンロードなし。アップロードなし。

この差が最初の量子跳躍だった。一度 CLI を使ったら、Web 版には戻れない。


Quantum Leap #2:CLI の恐怖を克服した

多くの人が CLI を避ける理由は分かる。

黒い画面。点滅するカーソル。何をタイプすればいいか分からない。

でも Claude Code の CLI は、普通の CLI とは違う。日本語で話しかけるだけでいい。

> このボタンの色を青に変えて

これだけだ。コマンドを覚える必要はない。

セットアップ

必要なもの:

  1. Node.js をインストール(公式サイトから)
  2. ターミナルで npm install -g @anthropic-ai/claude-code を実行
  3. claude と打って起動

3 ステップで終わる。前の記事(環境構築編)で Node.js のインストール方法は詳しく解説した。


Quantum Leap #3:Skills と Agent を活用する

Claude Code には Skills(スキル)という拡張機能がある。

Skills とは

Skills は markdown で定義された強化版スラッシュコマンドだ。特定分野の専門知識やワークフローを一つのコマンドにパッケージ化して、Claude Code をその分野でより専門的にする。

  • 公式 Skills: Anthropic が提供。安全性が保証されている
  • コミュニティ Skills: 開発者コミュニティが作成。機能は豊富だが、信頼性は自分で判断する必要がある

私が使っている Skills

カテゴリ 用途
フロントエンド React / Next.js の開発を強化
コードレビュー PR のレビューを自動化
Git 操作 commit / push / PR 作成を効率化

セキュリティの注意

公式 Skills は安心して使える。でもコミュニティ Skills は App Store と同じだ——信頼できるソースからだけインストールする。

未知のパッケージを npm install するのと同じリスクがある。GitHub の Stars 数、作者の信頼性、コードの中身を確認すること。

Agent(サブエージェント):あなたの従業員チーム

Skills は Claude Code に異なる能力を与える。Agent はチーム全体の従業員を与える。

Claude Code は**サブエージェント(Subagent)**を生成できる。各 Agent は特定分野の専門従業員だ。あなたはボスとして、異なる従業員に異なるタスクを振り分ける。

例えば今日やったこと:

  1. Hanashite のソースコードを調査して、技術スタックを確認する
  2. 同時に記事の日本語版をレビューする

一つずつやると遅い。でも Explore Agent(調査員)を派遣してソースコードを調査させ、同時に Claude Code 本体と記事のレビューを続ける。調査員が終わったら、報告書を持って帰ってくる。2 つのタスクが並行で進む。

あなたの従業員チーム:

Agent 役職
Explore 調査員 — 大規模コードベースの深い探索
Plan 建築家 — 実装方針の設計
Bash 技術者 — ターミナルコマンドの実行
Code Review 監査役 — コード品質のレビュー

Skills は Claude Code に異なる専門能力を与える。Agent は複数の従業員が同時にあなたのために働いてくれる。 この 2 つを組み合わせると、生産性は 2 倍ではなく指数関数的に上がる。


Quantum Leap #4:MCP でツールをつなぐ

MCP(Model Context Protocol) は Anthropic が提唱した、AI と外部ツールをつなぐプロトコルだ。

なぜこれが量子跳躍なのか

Claude Code 単体でもすごい。でも MCP をつなぐと、Claude Code が外の世界を「見て」「触れる」ようになる。

私が使っている MCP:

MCP サーバー できること
Chrome DevTools MCP ブラウザの画面を見る、スクリーンショットを撮る、DOM を検査する
Knowledge MCP(自作) プロジェクト横断の知識検索、教訓の蓄積
Zenn MCP(自作) 記事の作成・編集・公開をワンストップで
Twitter MCP ツイートの検索と投稿

Chrome DevTools MCP は特に革命的だった。以前は「このボタンがずれてる」と言葉で伝えていた。今は Claude Code が自分でスクリーンショットを撮って、自分で問題を見つけて、自分で修正する。

Chrome DevTools MCP の詳細記事 も書いたので、興味がある方はそちらも。


Quantum Leap #5:マルチウィンドウで並行作業

1 つの窓で 1 つの仕事

Claude Code のセッションは 1 つのターミナルに 1 つ。でも、ターミナルを複数開けば、複数の Claude Code が同時に動く。

私の日常:

  • 窓 1: メインプロジェクトの機能開発
  • 窓 2: 別プロジェクトのバグ修正
  • 窓 3: 記事の執筆補助
  • 窓 4: リサーチ

窓 1 で「この機能を実装して」と指示する。Claude Code が数分かけて実装している間に、窓 2 に切り替えてバグ修正を依頼する。窓 2 が動いている間に窓 3 で記事を書く。

心理学的な補足

UBC で心理学を学んだ人間として言うと、人間はマルチタスクが苦手だ。 同時に 2 つのことを考えると、両方の質が下がる。

でもこれはマルチタスクではない。待ち時間の活用 だ。

洗濯機が回っている間に料理をするのと同じ。洗濯と料理を「同時に」やっているわけではない。

RTS(リアルタイムストラテジー)ゲームをやったことがある人なら分かる。複数の拠点を管理するが、一度に操作するのは 1 つ。切り替えの速さが勝敗を分ける。

私のスイートスポットは 3-4 窓。 これ以上はミスが増える。これ以下は待ち時間が無駄になる。


まとめ:5 段階の進化

Leap 内容 効果
#1 Web → CLI コピペ地獄からの解放
#2 CLI セットアップ 黒い画面の恐怖を克服
#3 Skills + Agent 能力強化 + 従業員チームによる並行処理
#4 MCP 外部ツールとの連携
#5 マルチウィンドウ 待ち時間ゼロの並行作業

全部一度にやる必要はない。#1 → #2 だけで、すでに世界が変わる。

残りは使いながら少しずつ。最初の一歩が一番大きい。


この記事は東京・錦糸町のオフィスで、4 つのターミナルを開きながら書きました。
質問やフィードバックは X(@DavidAi311)で。

GitHubで編集を提案

Discussion