ゼロから始めて、自然言語を理解し、コードを書き、自動的に作業を行う Claude Code を自分のコンピュータにインストールし、それを使って最初の実用的なプロダクトを作成しましょう。
はじめに
- 完全初心者：第1章から第5章まで順番に進めてください。最初のウェブツールを実行できたら、正式にスタートしたことになります。
- エラーが発生した場合：スクリーンショットを撮って、Claude Code または 豆包（Doubao）に渡しましょう。「どのステップで、どんなエラーが出ているか」を説明してください。自分で Google 検索するよりも10倍効率的です。
第1章：基本概念をマスターする
ライブ配信やマニュアルが理解できないのは、たいてい賢くないからではなく、用語が結びついていないからです。この章では、繰り返し登場する言葉を分解します。
1.1 3つのコアコンセプト
1Model = 脳（考えるだけで、手も足もない）2Chatbot = 脳 + 口（話せるが、行動はできない）3Agent = 脳 + 手/足 + ツールボックス（話せて、行動もできる）
- モデル: GPT、Claude、Gemini、DeepSeek、豆包（Doubao）、Qwen、Kimi、GLM、MiniMax... これらがモデル、つまり「脳」です。
- チャットボット: ChatGPT のウェブ版、豆包（Doubao）アプリ、DeepSeek のダイアログボックス。あなたが質問すると答えてくれますが、実際の作業はあなた自身が行う必要があります。
- エージェント: 「ウェブサイトを作って」と言うと、フォルダを作成し、コードを書き、実行し、デバッグをあなたのコンピュータ上で行い、最後に「完了しました」と教えてくれます。Claude Code はエージェントです。
同じモデルでも、異なるツールではその能力が大きく異なります。同じ Claude モデルでも、ブラウザ上では単なるチャットですが、Claude Code 内では自分でコードを書くことができます。
1.2 トークン、コンテキスト、ハーネス
- トークン: AI がテキストを理解するための最小単位。日本語の1文字は約1〜2トークン、英語の1単語は約1トークンです。トークンはいわば「電気代」です。学習段階ではトークンを節約しないでください。
- コンテキスト: 今回の会話ラウンドのすべての情報。AI に長期記憶はなく、自分の「机の上」にあるものだけを参照できます。
- コンテキストウィンドウ: 各モデルの「机」のサイズ。2026年現在、主流モデルは100万トークン（約70万〜80万語）に達しています。
- コンテキスト汚染: 1つのウィンドウで異なることを話すと、AI が混乱します。1つのウィンドウは1つのタスク専用に。新しい話題は新しいウィンドウを開きましょう。
- ハーネス / コンテキストエンジニアリング: ソフトウェアではなく、AI を使いこなすための一連の方法論です。情報の整理方法、コンテキストの管理方法、AI の導き方、結果の検証方法を指します。Claude Code が優れている理由は、そのハーネスが最も成熟しているからです。
1.3 スキルとは何か？
スキルとは、Claude のためのSOP（標準作業手順書）マニュアルです。
マクドナルドのビッグマックが世界中で同じ味なのは、各店舗に料理長がいるからではなく、各店舗に SOP があるからです。スキルは Claude のためのこの SOP であり、「最初に何をすべきか、次に何をすべきか、どのツールを使うべきか、何を成功とみなすか」を定義します。
- 一度書けば、繰り返し呼び出せます。
- 自分自身の SOP を書くことは、自分の仕事の経験を Claude に「教える」ことであり、それはあなたの「バーチャル社員」になります。
1.4 3つの支払い方法
最も現実的な解決策：国内モデル API と cc-switch を組み合わせて、ワンクリックで切り替えること。 詳細は第3章で説明します。
1.5 インストール前に知っておくべき補助ツール
1.6 MCP — エージェントの「ソケット規格」
MCP は Model Context Protocol の略です。
これはソケット規格のようなものだと考えてください。エージェントが、さまざまな外部ツールやデータソース（Feishu、データベース、ブラウザ、小紅書（Xiaohongshu）、WeChat など）に接続できるようにします。
例え話：
- USB ポートを使うと、コンピュータに周辺機器を接続できます。スピーカーを接続すれば、コンピュータは「音楽を再生する」能力を得ます。
- MCP を使うと、Claude Code にツールを接続できます。Tavily を接続すれば、「リアルタイムのトレンドを検索する」能力を得ます。xiaohongshu-mcp を接続すれば、「小紅書に投稿する」ことができます。
デフォルトでは、Claude Code はあなたが与えた情報のみを処理し、積極的にインターネットを検索しません。検索、データベースの読み取り、外部 API の呼び出しには MCP が必要です。
1.7 マルチモーダル — AI は「テキストを読む」だけではない
モダリティとは情報の種類のことです。テキストは1つのモダリティであり、画像、音声、動画は別のモダリティです。
- ユニモーダル: テキストのみ処理可能。
- マルチモーダル: テキスト、画像、音声、動画、ファイル、スクリーンを同時に処理可能。
2026年の主流モデルの対応状況：
入力 ≠ 出力
AI がモダリティを「見る」ことができても、それを「生成」できるとは限りません。
- 画像：ほとんどすべての主流モデルが画像を見ることができますが、描けるのは一部のみです（GPT Image、Gemini、豆包（Doubao） Seedance、即夢（Jimeng）、Nano Banana など）。
- 動画：Gemini、豆包（Doubao）、Kimi は動画を見ることができますが、LLM が直接動画を作るわけではありません。専用のツール（Wan、Seaweed Dance、即夢（Jimeng））を使用します。
モデルの得意分野：
初心者への実用的なアドバイス：タイピングだけに頼らず、スクリーンショット、録音、動画を直接 AI に送ることを覚えましょう。効率が格段に上がります。
1.8 AI ツールの全体像（誰が誰か）
このマップで、さまざまなツールに関する混乱を解消しましょう。
エージェントツール（あなたの作業を支援する）
``text
エージェントツール
├── コマンドライン（ターミナルベース、最も強力）
│ ├── Claude Code —— Anthropic 製、現時点で最強、本ガイドの主役
│ └── Codex CLI —— OpenAI 製、オープンソース
│
├── GUI（ビジュアルインターフェース、使いやすい）
│ ├── Codex Desktop/Web —— OpenAI 製
│ ├── Claude Cowork —— Anthropic 製、非技術ユーザー向け
│ ├── Trae Solo —— ByteDance 製、国内向け、Code モードと MTC モードあり
│ ├── WorkBuddy —— Tencent 製、国内向け、非開発者のオフィスワーク用
│ └── Kiro —— AWS 製、仕様駆動型 IDE（VS Code フォーク）
│
├── 自律型（バックグラウンドで動作）
│ ├── OpenClaw —— 旧 Clawdbot、オープンソース、WeChat/TG 経由でリモート操作
│ └── Hermes —— Nous Research 製、オープンソース、永続的メモリ
│
└── ワークフローオーケストレーション（ブロックを組み立てる自動化）
└── COZE —— ByteDance 製、ドラッグ＆ドロップワークフロー
``
チャットボットツール（あなたと会話する）
``text
チャットボット
├── 海外
│ ├── ChatGPT（GPT モデル）
│ ├── Claude.ai（Claude モデル）
│ ├── Gemini（Google モデル）
│ └── Grok（xAI/Elon Musk、X 関連タスク向け）
│
└── 国内
├── 豆包（Doubao）（ByteDance）
├── DeepSeek（高性能コストパフォーマンス）
├── Qwen（Alibaba）
├── Kimi（Moonshot AI）
├── 微信元宝（WeChat Yuanbao）（Tencent、WeChat エコシステムデータに強い）
└── GLM / 智譜清言（Zhipu AI）
``
よくあるコメント内の「スラング」：
1.9 関係性の一言まとめ
1あなた（人間）2 ↕ 自然言語3Claude Code（エージェント） —— MCP を介して外部ツールに接続4 ↕ 呼び出し5モデル（Claude / GLM / MiniMax / Kimi…）6 ↕ 消費7トークン（電気代）
第2章：環境を構築する
以下の4つを順番にインストールします：Git → Node.js → VS Code → Claude Code。
2.1 チップタイプを確認する
- Mac: Apple アイコン -> この Mac について。M1/M2/M3/M4 は ARM、Intel は x86_64 です。
- Windows: 「PC」を右クリック -> プロパティ。Intel/AMD は x86_64 です。
2.2 Git をインストールする
- Mac: ターミナルを開き、以下を貼り付けます：
/bin/zsh -c "$(curl -fsSL https://gitee.com/happyaicoder/HomebrewCN/raw/master/Homebrew.sh)"。git --versionで確認します。 - Windows: https://git-scm.com/ からダウンロードします。デフォルト設定を使用します。
2.3 Node.js をインストールする（18+、20 または 22 推奨）
- Mac: 以下を貼り付けます：
/bin/bash -c "$(curl -fsSL https://gitee.com/iamzhihuix/nvm-install-cn/raw/main/install.sh)"。node -vで確認します。 - Windows: https://nodejs.org/ から LTS 版をダウンロードします。PowerShell で
npm -vが失敗する場合は、次を実行します：Set-ExecutionPolicy -ExecutionPolicy RemoteSigned -Scope CurrentUser。
2.4 VS Code をインストールする
https://code.visualstudio.com/ からダウンロードします。Windows では、「PATH に追加」および「コードで開く」オプションをチェックします。
2.5 Claude Code をインストールする
- Mac:
npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com。権限がない場合はsudoを使用します。 - Windows: PowerShell を管理者として実行し、次に：
npm install -g @anthropic-ai/claude-code --registry=https://registry.npmmirror.com。
2.6 よくあるエラーのトラブルシューティング
第3章：Claude Code を国内モデルで設定する
Claude Code はシェルであり、モデル（脳）が必要です。公式の Claude モデルは海外のクレジットカードが必要で、Ban のリスクもあります。国内ユーザーにとって最も現実的な解決策は、cc-switch と国内モデルを組み合わせて使用することです。
3.1 モデルを選ぶ
初心者おすすめ：MiniMax Coding Plan（29 RMB/月）。
3.2 cc-switch をインストールする
GitHub または Gitee Mirror からダウンロードします。
3.3 API キーを取得する（例：MiniMax）
- MiniMax Platform に登録します。
- Coding Plan を購入します。
- Coding Plan Key をコピーします（通常の API キーではありません）。
3.4 cc-switch で設定する
- cc-switch を開き、Claude アイコンをクリックします。
- + をクリックし、プロバイダー（例：MiniMax）を選択し、キーを貼り付けて「追加」をクリックします。
- マウスをモデルに合わせて「有効化」をクリックします。
3.5 確認する
ターミナルで claude と入力します。「あなたはどのモデルですか？」と尋ねてみてください。MiniMax/GLM と返ってくれば設定完了です。
第4章：Claude Code の基本操作
4.1 2つの起動方法
- ターミナル: VS Code でフォルダを開き、ターミナルを開いて
claudeと入力します。 - プラグイン: VS Code で Anthropic の「Claude Code」拡張機能をインストールします。
4.2 必須ショートカット
4.3 3つの作業モード
Plan モードは非常に重要です — Claude は行動する前にステップを考えます。複雑な機能にはこれを使用しましょう。
4.4 通常モード vs ディープシンキング（ultrathink）
4.5 YOLO モード（ハンズフリー）
ファイル変更のたびに権限確認をスキップします。使用法：claude --dangerously-skip-permissions。
4.6 設定のための CLAUDE.md
プロジェクトルートに CLAUDE.md ファイルを作成して、好みの設定を記述します（例：「コメントは日本語で記述する」）。
第5章：「早期リーディングツール」を構築する
5.1 ディレクトリと PRD を作成する
VS Code で prd.md を作成し、マイク音量がしきい値を超えると絵文字の動物を生成する HTML/JS アプリケーションの要件を記述します。
5.2 実装
ターミナルで claude --dangerously-skip-permissions を実行し、次のように入力します：@prd.md implement this feature。
5.3 結果
ブラウザで index.html を開き、マイクへのアクセスを許可し、話しかけると動物が現れるのを確認します。
第6章：ワークフロースキルをマスターする
スキルは再利用可能な SOP です。スキルには SKILL.md（設定）、スクリプト、テンプレートが含まれます。
6.2 npx skills を使用する
1つのコマンドでスキルをインストール：npx skills add jimliu/baoyu-skills。スキルとターゲット（Claude Code）を選択します。
6.3 スキルリポジトリ
6.5 カスタムスキルを作成する：自動イラストレーション
APImart の Nano Banana 2 API を使用して、作成した記事に対して手描きスタイルのイラストを3つ生成するスキルを作成します。
6.6 スキル vs MCP vs フック vs プラグイン
- スキル: レシピ（シェフのための手順）。
- MCP: ユーティリティ（キッチンのための水道/電気/ガス）。
第7章：ハードウェアとネットワーク
- AI にはユニファイドメモリの点で Mac が適していますが、Windows でも問題なく動作します。
- MCP や画像生成でネットワークエラーが発生する場合は、プロキシ（例：clash.verge）で TUN モード を使用してください。
付録A：コマンドチートシート
claude、/skills list、/clear、/compact、/doctor、/model。
付録B：よくあるエラー
付録C：用語集
最後に
まずはハンドルを握ってから、運転技術について話しましょう。第2章から第5章を始めてください。AI は生産性を10倍から100倍に引き上げます。今日から始めましょう。
