チャプター地図

CH01 · コンピュータの正体を知る

ファイル、フォルダ、パス、そして「ターミナルって結局なに？」

6 レッスン · ⏱ ~27 分

0.1 · ファイルって何？ — コンピュータの中身は全部ファイルです
0.2 · フォルダって何？ — ファイルをディレクトリに整理する
0.3 · ファイルパスって何？ — すべてのファイルの住所
0.4 · ファイルの種類と中身 — 拡張子は、ファイルの開き方をコンピュータに教えます
0.5 · プログラムって何？ — コンピュータに実行させる命令が入ったファイル
0.6 · ターミナルって何？ — キーボードでコンピュータと会話する

CH02 · ターミナルで過ごす最初の 30 分

エンジニアのようにファイルを行き来し、作り、管理する

12 レッスン · ⏱ ~51 分

1.1 · 今どこにいる？ — 最初のコマンド：pwd
1.2 · ここには何がある？ — `ls` でファイルを一覧表示する
1.3 · フォルダに入る — `cd` で移動する
1.4 · ひとつ上に戻る — `cd ..` で上に上がる
1.5 · ホームに戻る — `cd ~` で一発ホームへ
1.6 · フォルダを作る — `mkdir` で新しいディレクトリを作る
1.7 · ファイルを作る — `touch` でファイルを作る
1.8 · ファイルを削除する — `rm` でファイルを削除する
1.9 · フォルダを削除する — `rm -r` でディレクトリを削除する
1.10 · ファイルをコピーする — `cp` でファイルを複製する
1.11 · 移動と名前変更 — `mv` で移動または名前変更する
1.12 · すべてを組み合わせる — ゼロからプロジェクトを組み立てる

CH03 · ファイルを読み書きする

中身を覗き、文字列を検索し、コマンドをつなげる

12 レッスン · ⏱ ~47 分

2.1 · ファイルの中身を見てみよう — cat でファイルの内容を読む
2.2 · ファイルの先頭をのぞき見 — head でファイルをプレビューする
2.3 · ファイルの末尾をのぞき見 — tail で最新の内容を見る
2.4 · テキストを画面に出力する — echo でテキストを出力する
2.5 · ファイルに書き込む — > で出力をリダイレクトする
2.6 · ファイルに追記する — >> で末尾に追加する
2.7 · ファイルの内容をコピーする — cat と > を組み合わせて内容をコピーする
2.8 · ファイルの中からテキストを探す — grep でテキストを検索する
2.9 · フォルダ全体から探す — grep -r でどのファイルからでもテキストを探す
2.10 · パイプでコマンドをつなげる — | でコマンドをつなぐ
2.11 · wc で数を数える — 行数、単語数、文字数を数える
2.12 · 探偵の出番 — 学んだ技術を組み合わせてログを調査する

CH04 · コードには歴史がある

Git と GitHub —— もう進捗を失わない

16 レッスン · ⏱ ~93 分

3.1 · なぜバージョン管理が必要なのか？ — バージョン管理が解決する問題
3.2 · リポジトリを始める — 初めての git コマンド
3.3 · 変更を stage する — 何を保存するかを選ぶ
3.4 · 初めての commit — スナップショットを保存する
3.5 · 変更を加える — edit-add-commit サイクル
3.6 · 履歴を見る — プロジェクトのタイムライン
3.7 · 何を変更したか見る — 差分を見つける
3.8 · 変更を元に戻す — あなたのセーフティネット
3.9 · GitHub と出会う — コードをクラウドに上げる
3.10 · GitHub に Push する — コードをアップロードする
3.11 · プロジェクトをダウンロードする — GitHub からコードを取得する
3.12 · ブランチを作る — 安全に実験する
3.13 · ブランチを合流させる — 成果を合わせる
3.14 · プロのワークフロー — エンジニアは実際にどう git を使うのか
3.15 · 良い commit メッセージを書く — 未来のあなたが感謝するメッセージ
3.16 · 完全フローチャレンジ — すべてをつなぎ合わせる

CH05 · ソフトウェアが本当はどう動くのか

クライアント、サーバー、API、データベース、クラウド —— まとめて理解する

14 レッスン · ⏱ ~65 分

4.1 · コードって何？ — コンピュータが理解できる言葉
4.2 · プログラミング言語 — 道具が違えば、できることも違います
4.3 · ウェブサイトって、結局なに？ — すべてのウェブページの裏側で起きていること
4.4 · クライアントとサーバー — ウェブのやりとりに必ず登場する 2 つの側
4.5 · HTTP —— コンピュータの会話のしかた — ウェブのリクエスト/レスポンスプロトコル
4.6 · API って何？ — サーバーができることを並べたメニュー
4.7 · JSON —— 共通のデータフォーマット — コンピュータ同士で構造のある情報をやりとりする方法
4.8 · データベースって何？ — アプリがデータをずっと保存しておく場所
4.9 · SQL —— データベースと会話する — データベースが理解できる言葉
4.10 · フロントエンドとバックエンド — すべてのアプリの 2 つの半分
4.11 · テックスタック — チームはどうやってツールを選ぶのか
4.12 · クラウドって何？ — 聞こえほど神秘的ではありません
4.13 · デプロイ — コードをノート PC からインターネットへ
4.14 · DNS とドメイン — インターネットはどうやってウェブサイトを見つけるのか

CH06 · インターネットと会話する

本物の HTTP リクエストを送り、本物の API を呼び、本物のデータを読む

12 レッスン · ⏱ ~76 分

4b.1 · URL って結局なに？ — どの URL も構造化された住所 —— 読めるようになりましょう
4b.2 · はじめての curl — ターミナルから本物の HTTP リクエストを送る
4b.3 · クエリパラメータを実践で使う — URL にオプションを足して、取得結果をカスタマイズする
4b.4 · ステータスコードという言語 — サーバーがレスポンスコードで何を言っているか読み解く
4b.5 · Request Headers — リクエストにメタデータを添える —— 認証も含めて
4b.6 · データを送る —— POST リクエスト — GET は取得。 POST は作成。サーバーへのデータ送信を学ぼう。
4b.7 · はじめての本物の API — 本物のターミナルから JSONPlaceholder を呼ぶ —— 無料の公開 API
4b.8 · API キーとは? — 認証トークンを理解し、安全に使う
4b.9 · GitHub API を叩く — 本番の API を探検する —— 公開データはキー不要
4b.10 · API ドキュメントを読む — どんな API ドキュメントの項目でも、動く curl コマンドに翻訳する
4b.11 · うまくいかないとき — 勘ではなく、エンジニアのように API エラーを診断する
4b.12 · curl からコードへ — どの curl コマンドも、そのまま本物のコードに翻訳できる

CH07 · 本物の道具でつくる

Node.js をインストールし、コードを動かし、本物のサーバーを立てる

15 レッスン · ⏱ ~103 分

5.1 · Node.js をインストールする — JavaScript を自分のマシンで動かす
5.2 · はじめての JavaScript — Node.js と対話形式で会話する
5.3 · JavaScript ファイルを実行する — コードをファイルに書いて動かす
5.4 · npm とは？ — 世界最大のコードライブラリ
5.5 · プロジェクトを作る — ゼロから本物の Node.js プロジェクトをセットアップする
5.6 · パッケージをインストールする — 他の人のコードをプロジェクトに取り入れる
5.7 · .gitignore — 追跡しないファイルを指定する — 機密ファイルや自動生成ファイルを git の外に置く
5.8 · Hello World サーバー — 10 行のコードで本物のウェブサーバーを建てる
5.9 · サーバーを動かす — あなたのサーバーに命を吹き込む
5.10 · localhost とは？ — あなたのコンピュータをサーバーにする
5.11 · ルートを追加する — サーバーが複数の URL に応答できるようにする
5.12 · JSON を返す(API を建てる) — サーバーにウェブの言葉を話させる
5.13 · HTML を返す — サーバーから本物のウェブページを返す
5.14 · 停止と再起動 — エンジニアの編集-テストのループ
5.15 · Level 7 チャレンジ — すべてを組み合わせる — 完成形のサーバーを建てる

CH08 · Claude Code —— あなたの AI ペアプログラミングパートナー

「やりたいことを言葉で伝える」だけで本物のプロジェクトをつくる

16 レッスン · ⏱ ~110 分

6.1 · Claude Code とは？ — あなたの AI ペアプログラミングパートナーと出会う
6.2 · Claude Code をインストールする — 自分のマシンで Claude Code を動かす
6.3 · はじめての会話 — 同僚と話すように Claude Code と会話する
6.4 · Claude でコードを読む — どんなコードベースも数分で理解する
6.5 · Claude でファイルを作る — あなたが説明し、Claude が作る
6.6 · 既存コードを編集する — プロジェクトに正確な変更を加える
6.7 · 説明からプロジェクトを作る — 1 つのプロンプトでアイデアから動くアプリへ
6.8 · 効果的なプロンプトを書く — Claude Code からより良い結果を引き出す
6.9 · Claude とイテレーションする — 会話を通じて一歩ずつ機能を作る
6.10 · Claude が詰まったとき — 兆候を見抜き、軌道に戻す
6.11 · Claude が書いたものをレビューする — 信頼しつつ検証 —— コミット前に必ずレビュー
6.12 · Claude でデバッグする — 問題が起きたとき、Claude はあなたのデバッグパートナー
6.13 · Claude との Git フロー — Claude Code + プロのバージョン管理を組み合わせる
6.14 · Claude Code を**使わない**ときはいつか — Claude Code、Claude.ai、自分の頭、どれを使うかを知る
6.15 · テクニックとコツ — Claude Code をより効果的に使うパワーパターン
6.16 · Level 8 チャレンジ — Claude Code で完全なプロジェクトを作って公開する

CH09 · Claude Skills —— Claude にあなたのワークフローを教える

Claude をあなた流に動かす、再利用できる skill をつくる

5 レッスン · ⏱ ~33 分

6b.1 · Claude Skills とは？ — 再利用できる指示書で、Claude にあなたのワークフローを教える
6b.2 · 最初の Skill を作る — SKILL.md を計画し、書き、整える
6b.3 · SKILL.md の本体と参照ファイル — 詳細な指示を書き、外部のコンテキストにリンクする
6b.4 · Skill をテストして配布する — skill を反復改良し、チームと共有する
6b.5 · Skill のパターンとベストプラクティス — よくあるパターン、アンチパターン、優れた skill ビルダーの習慣

CH10 · MCP —— Claude をすべてにつなぐ

Claude Code からデータベース、API、GitHub などにアクセスできるようにする

5 レッスン · ⏱ ~27 分

6c.1 · MCP とは何か？ — Claude Code が外部ツール・データベース・API につながる仕組み
6c.2 · 最初の MCP サーバーを追加する — ひとつのコマンドで Claude Code を GitHub・データベースなどにつなぐ
6c.3 · MCP サーバーを管理・共有する — スコープでサーバーを整理し、チームと共有する
6c.4 · Tool Search と賢い動かし方 — MCP サーバーが何十個あっても Claude Code を高速に保つ仕組み
6c.5 · 実世界の MCP パターン — GitHub、データベース、セキュリティ、そして Claude が MCP サーバーになる場合

CH11 · コンテキストがすべて

Claude が何を知り、何を覚え、次のセッションに何を持ち越すかを管理する

5 レッスン · ⏱ ~26 分

6d.1 · CLAUDE.md — プロジェクトの頭脳 — 1 枚の markdown ファイルで Claude に永続的なコンテキストを渡す
6d.2 · Memory と Session — Claude はどう経験から学び、あなたはどう前回の続きから再開するか
6d.3 · Context Window — Claude の最も重要な制約を理解する — そして管理する方法
6d.4 · Spec、Plan、Handoff — 次の session がスムーズに引き継げるように作業を構造化する
6d.5 · 大規模に賢く働く — Subagent、アンチパターン、完全な context ツールキット

CH12 · Claude Code 上級編

サブエージェント、worktree、フック、自動化、コスト最適化

7 レッスン · ⏱ ~44 分

6e.1 · サブエージェント — シニア開発者のように委任する — 専用の Claude インスタンスに集中タスクを委任する
6e.2 · ワークツリーと並行開発 — コンフリクトなしで複数機能を同時に進める
6e.3 · フックとパーミッション — Claude の挙動をカスタマイズし、安全な境界線を設ける
6e.4 · ヘッドレスモードと Agent SDK — Claude をスクリプトや CI/CD パイプラインで自動実行する
6e.5 · マスタリー — モデル、コスト、IDE — 正しいモデルを選び、コストを管理し、エディタと統合する
6e.6 · Agent View — 1 画面で複数の Claude セッションを管理する — バグ修正、PR レビュー、テスト調査を同時に派遣 — 必要なときだけ介入する
6e.7 · Goal — Claude を条件達成まで自走させる — 検証可能な完了条件を設定し、Claude が達成までターンを重ねて走り、毎回続行を促さなくて済むようにする

CH13 · ジュニアエンジニアの日常スキル

デバッグ、デプロイ、プロのエンジニアのように働く

12 レッスン · ⏱ ~81 分

7.1 · 他人のコードを読む — どんなコードベースでも理解できる体系的なやり方
7.2 · 書いたことのないコードを理解する — 特定の関数を読み解いて、何をしているか把握する
7.3 · デバッグの心構え — バグを見つけて直すための科学的なやり方
7.4 · console.log デバッグ — もっとも簡単で、もっとも効くデバッグ手段
7.5 · 答えを探す — 詰まったときに効率よく検索するコツ
7.6 · 外部 API を使う — 自分の app から他のサービスのデータを取得する
7.7 · 環境変数でシークレットを守る — API キーやパスワードをコードから追い出す
7.8 · 基本のセキュリティ意識 — どのエンジニアも守るべき、譲れない 5 つのルール
7.9 · ウェブにデプロイする — 自分のプロジェクトを世界に公開する
7.10 · カスタムドメイン — プロジェクトに本物のウェブアドレスを与える
7.11 · プロのエンジニアのワークフロー — 世界中のテック企業がコードを出す手順
7.12 · この先 —— あなたの学習ロードマップ — コースを完走しました。ここからどこへ進むか。

CH14 · 卒業制作 —— 本物のゲームをつくる

リアルタイムマルチプレイヤーの tic-tac-toe をつくって公開する

10 レッスン · ⏱ ~77 分

8.1 · HTTP では足りないとき — リアルタイムアプリに別の接続が必要な理由
8.2 · 作る前に設計する — コードを 1 行も書く前に、実際のプロジェクトをパーツに分解する
8.3 · プロジェクトをセットアップする — Claude Code でプロジェクトを初期化し、 Socket.io を入れる
8.4 · ゲームエンジンを作る — tic-tac-toe のルールを Claude に書いてもらう
8.5 · Matchmaking —— プレイヤーをマッチングする — 見知らぬ 2 人を 1 つのゲームに引き合わせるロビーを作る
8.6 · ゲームボードを作る — プレイヤーが実際に見て、クリックする UI を作る
8.7 · Client と server を繋ぐ — Socket.io イベントでブラウザと server を結ぶ
8.8 · リアルタイムコードのテストとデバッグ — 2 人のやり取りの中でしか出ないバグを見つけて直す
8.9 · 磨き込みと出荷準備 — 動くコードを「完成したプロダクト」に仕上げる
8.10 · デプロイと、お祝い — あなたのゲームを web に公開して、コースを完走する

⚠ 全機能のインタラクティブ体験には JavaScript が必要です。JavaScript を有効にして再読み込みしてください。

※ このサイトは独立した教育プロジェクトで、Anthropic の公式製品ではありません。Claude™ は Anthropic, PBC の商標です。