📄
カリキュラム参照マップ(概念・領域・ステップ別)
Week 番号ではなく、概念・領域・ステップごとに「どの教材を読み、参照リポジトリのどこを見るか」を安定パスで結び直すマップ
このカリキュラムは、次の 3 つを行き来しながら進めます。
- 教材: このサイト上の
b00〜b24/c01〜c05 - 参照実装:
subaru-hello/fullstack_typescript_curriculumのmain - 完成条件:
checklist.yml
従来は週次ブランチを中心に参照していましたが、現在は 週番号よりも「今どの概念・領域・ステップを見ているか」 を軸にした方が追いやすい状態です。本ページでは、main 上の安定したファイルパスを主参照として整理し直します。
このマップで何を変えたか
| 観点 | 従来 | このページ |
|---|---|---|
| 参照軸 | 旧来の週番号ベース | 概念・領域・ステップ |
| 主参照先 | 旧週次ブランチ | main の安定パス(web/ api/ docs/phase*.md checklist.yml) |
| 使い方 | 今週どのブランチを見るか | 今学んでいる概念に対応する実ファイルをどこで見るか |
| ブランチ理解 | 週次ブランチ前提 | README / docs/phase*.md / 実装ファイル前提 |
方針:
- まずは
mainの実ファイルを読む - 実装の流れは
docs/phase1.md〜docs/phase4.mdで掴む - 完成条件は
checklist.ymlで確認する - 旧週次ブランチは存在する場合のみ補助的に見る
参照の優先順位
- 実ファイル
web/src/*api/src/*Dockerfile.apiなど。最も安定していて、いま何があるかが分かる。 - フェーズ資料
docs/phase1.md〜docs/phase4.md。実装順と狙いを掴む。 - 完成条件
checklist.yml。何を満たせば終わりかを確認する。 - 旧週次ブランチ
存在する場合のみ差分確認に使う。主参照にはしない。
ステップ別参照マップ
| ステップ | 何を掴む段階か | 先に読む教材 | 参照実装でまず見る場所 | 補助資料 | 対応する完成条件 |
|---|---|---|---|---|---|
| 1. 開発基盤 | リポジトリ構成、ローカル起動、作業ルール | b00-env-setup b01 b02 b03 b04 b21 | README.md / package.json / docker-compose.yml / CLAUDE.md / AGENTS.md | docs/phase1.md | N8 N9 の土台 |
| 2. 全体像と UI | SPA の構造、ページ、コンポーネント、ルーティング | b05 b08 b09 b10 b11 b12 b14 | web/src/main.tsx / web/src/App.tsx / web/src/pages/ / web/src/components/ / web/src/lib/api.ts | docs/phase2.md | M1 M2 M3 M9 N2 |
| 3. 要求から設計へ | 要求整理、画面、ER 図、API 契約の叩き台 | b05-requirements-elicitation b05b-wireframing b07-er-diagram b07b-api-spec c02 c03 | docs/client-app-intake.md / README.md のディレクトリ構成 / api/src/db/schema.ts / api/src/routes/ | docs/curriculum.md | Month 2 の設計成果物 |
| 4. API と認証 | Hono の入口、ルート分割、JWT、ミドルウェア | b06 b07 b13 b14-error-handling | api/src/index.ts / api/src/routes/auth.ts / api/src/routes/posts.ts / api/src/middleware/auth.ts / api/src/lib/auth.ts | docs/phase3.md | M1〜M3 M9 M10 M11 |
| 5. DB とマイグレーション | スキーマ、DB 接続、Drizzle の責務 | b15 b16 | api/src/db/schema.ts / api/src/db/index.ts / api/drizzle.config.ts | docs/phase3.md / checklist.yml | M1〜M8 |
| 6. AWS へ載せる | 本番構成、Docker、EC2 / RDS / CloudFront | b00-target-infrastructure b17 b17-budget-alert b18-bastion b18-env-vars b19 b19-ecr-push b20-cloudfront-s3-alb | Dockerfile.api / docker-compose.prod.yml / docker-compose.yml / README.md の技術スタック | docs/phase4.md | M12 M13 |
| 7. 品質・運用・AI 協働 | テスト、レビュー、週次運用、AI 活用記録 | b20 b21-pr-review b22 b22-playwright b23-code-review-debug b23-trivy b23-cloudwatch-logs b24 c04 c05 | checklist.yml / docs/evaluation-rubric.md / docs/weekly-template.md / CLAUDE.md / AGENTS.md | docs/ddd.md | N7 N8 N9 |
領域別の安定参照先
1. フロントエンド
| 見たい概念 | まず見る場所 | 対応する教材 |
|---|---|---|
| エントリーポイントとルーティング | web/src/main.tsx / web/src/App.tsx | b11 b14 |
| 画面の切り方 | web/src/pages/ | b11 b14 c02 |
| UI 部品 | web/src/components/PostCard.tsx / web/src/components/PostForm.tsx | b08 b11 b12 b12b |
| API 呼び出し口 | web/src/lib/api.ts | b05 b06 b13 |
2. バックエンド
| 見たい概念 | まず見る場所 | 対応する教材 |
|---|---|---|
| Hono の入口 | api/src/index.ts | b13 |
| 投稿 API | api/src/routes/posts.ts | b06 b13 b14 |
| 認証 API | api/src/routes/auth.ts | b07 b13 |
| リアクション / フォロー | api/src/routes/reactions.ts / api/src/routes/follows.ts | b13 b15 |
| 認証ミドルウェア | api/src/middleware/auth.ts / api/src/lib/auth.ts | b07 b14-error-handling |
3. DB / モデル
| 見たい概念 | まず見る場所 | 対応する教材 |
|---|---|---|
| テーブル設計 | api/src/db/schema.ts | b07-er-diagram b15 c03 |
| DB 接続 | api/src/db/index.ts | b15 |
| Drizzle 設定 | api/drizzle.config.ts | b16 |
4. インフラ / デプロイ
| 見たい概念 | まず見る場所 | 対応する教材 |
|---|---|---|
| 本番 API イメージ | Dockerfile.api | b17 b19 |
| 本番 compose | docker-compose.prod.yml | b17 b19 |
| ローカル Postgres | docker-compose.yml | b16 b17 |
| AWS 全体の組み立て順 | docs/phase4.md | b00-target-infrastructure b18 b19 b20-cloudfront-s3-alb |
5. 運用 / 評価 / AI
| 見たい概念 | まず見る場所 | 対応する教材 |
|---|---|---|
| 完成条件一覧 | checklist.yml | b05-requirements-elicitation c05 b21-pr-review |
| PR レビュー基準 | docs/evaluation-rubric.md | b21-pr-review b23-code-review-debug |
| 週次の進め方 | docs/weekly-template.md | c04-issue-based-development |
| AI への作業ルール | CLAUDE.md / AGENTS.md | b21 b22 b23 |
最初に読む順番
パターン A: 参照実装の全体像を 15 分で掴みたい
パターン B: いまフロント実装中
b11b12b14web/src/App.tsxweb/src/pages/web/src/components/
パターン C: いま API / 認証で詰まっている
パターン D: いま DB / スキーマで詰まっている
b07-er-diagramb15b16api/src/db/schema.tsapi/drizzle.config.tschecklist.ymlのM1〜M8
パターン E: いま AWS / デプロイで詰まっている
b00-target-infrastructureb17b18b19b20-cloudfront-s3-albdocs/phase4.mdDockerfile.apidocker-compose.prod.yml
旧週次ブランチとの関係
旧週次ブランチが存在する場合は、次のように使うとよいです。
- 主参照: このページの安定パス
- 補助参照: 旧週次ブランチとの差分
つまり、先に「どの概念のどの実ファイルを見るか」を決め、そのあと必要なら旧週次ブランチとの差分を見る、という順番にします。
関連資料
- 参照実装の README:
README.md - 参照実装のフェーズ資料:
docs/phase1.md/phase2.md/phase3.md/phase4.md - 要求チェックリスト:
checklist.yml - 評価ルーブリック:
docs/evaluation-rubric.md - 週次テンプレート:
docs/weekly-template.md