学習ロードマップ

段は「何を先に知っている必要があるか」だけで決まっています。難易度順ではありません。読了にした記事は緑になり、前提が揃っていない記事は点線で表示されます。飛ばして読んでも構いませんが、点線の記事は途中で前提知識を補いながら読むことになります。

学習ロードマップ

第 1 段

DNS — 名前からIPアドレスにたどり着くまで

TCP/IP — データが相手に届くまでの4層

レンダリングパイプライン — どのCSSが重いかは工程で決まる

イベントループ — 1本のスレッドで待たずに捌く

同一オリジンポリシー — ブラウザが最初から持っている壁

正規化 — 同じ事実を2か所に書かない

トランザクションと分離レベル — 同時に動く処理が互いをどこまで見てよいか

凝集度と結合度 — 変更したとき何ファイル触るか

CI/CD — 壊れていることに、人間より先に気づく

コンテナ — 「手元では動く」を構造的に潰す

ログと監視 — 誰より先に、壊れていることに気づく

テスト戦略 — どこに何枚の網を張るか

第 2 段

HTTP/1.1 → 2 → 3 — 何が遅くて、何を直したのか

TLS — 盗聴・改ざん・なりすましを同時に防ぐ

Core Web Vitals — 数字を上げるのではなく、何が遅いかを特定する

Cookie とセッション — 状態を持たない HTTP に記憶を持たせる

インデックス — 読む行を減らすための索引

マイグレーション — 流した瞬間に、書き込みが全部待つ

コネクションプール — 増やしたら、もっと詰まった

SOLID — 5つの原則が守ろうとしている1つのこと

レイヤードアーキテクチャ — 依存の向きを一方向に揃える

トレードオフの決め方 — 正解を探すのをやめて、払うものを選ぶ

インシデント対応 — 直すのが先か、分かるのが先か

秘密情報の扱い — 消したコミットの中に、鍵はまだ残っている

第 3 段

CDN — 利用者の近くに置いて、オリジンを守る

キャッシュ戦略 — いつ捨てるかを設計する

メールが届かない — 「送れた」と「届いた」は別の話

CORS — 壁に穴を開けるのは「読まれる側」

ブラウザのストレージ — 読めるか、と、送られるかは別の話

アクセシビリティ — div にクリックを付けた日から、誰かが使えなくなる

JWT — 取り消せない代わりに、問い合わせが要らない

XSS・CSRF・SQLi — データとコードの境界が壊れる

認可 — ログインしている人が、そのデータを触ってよいとは限らない

パスワードの保存 — 漏れたあとに、何日持ちこたえられるか

依存パッケージ — 自分が書いていないコードが、本番で動く

N+1 問題 — 1回で済むはずの問い合わせが100回になる

実行計画 — DB が何をしようとしているかを読む

RDB と NoSQL — 問い合わせの形を、いつ決めるか

論理削除と物理削除 — 「消した」を、すべてのクエリが覚えていられるか

ドメインモデリング — 業務の言葉をコードの形にする

I/O と並行処理 — 待っている間に、何をするか

リソース設計 — 一度公開したら変えられない契約

フィーチャーフラグ — 消し忘れたスイッチが、本番を壊す

バックアップと復旧 — 取れていることと、戻せることは別

設定の管理 — 環境ごとに違う値を、どこに置くか

SLO とエラーバジェット — どこまで壊れてよいかを、先に数字で決める

第 4 段

Service Worker — 直したのに、利用者の画面だけ古い

画像と動画の配信 — 軽くしたはずの画像が、ページを遅くしている

描画をどこでするか — HTML を作る時と場所を、データごとに選ぶ

OAuth 2.0 と OIDC — 「代理で使わせる」と「誰かを証明する」は別物

監査ログ — 「誰がやったか」を、あとから言えるか

セキュリティヘッダ — 最後の1枚を、ブラウザに張らせる

プロンプトインジェクション — 読ませた文章が、命令に変わる

ID の設計 — 連番を外に出した日から、数えられてしまう

全文検索 — LIKE '%...%' が効かなくなる日

時刻とタイムゾーン — 保存した「0時」は、どこの0時か

文字コードと正規化 — 同じに見える文字が、一致しない

状態をどこに置くか — URL に無いものは、共有できない

冪等性 — 同じリクエストが2回届く前提で設計する

エラー設計 — 呼び出し側が正しく振る舞える情報を返す

REST と GraphQL — 何を楽にして、何を難しくするか

ページネーション — 数えて飛ばすか、続きから取るか

第 5 段

再描画はなぜ起きるか — 1 文字打つたびに、表ぜんぶが描き直されていた

データをどこで取るか — 取得が一列に並ぶと、画面は足し算で遅くなる

AI エージェントの権限 — 道具を持たせた瞬間に、認可の問題になる

AI に送ったデータの行方 — 預け先より、手元のログのほうが長く残る

リトライとタイムアウト — 助けるつもりの再試行が、障害を大きくする

API のバージョニング — 変えられないものを、どう変えるか

バッチと定期ジョブ — 途中で落ちたとき、もう一度流して大丈夫か

第 6 段

フォームと入力の検証 — 画面の検証は親切、サーバーの検証は守り

コンポーネントをどう分けるか — 見た目が同じでも、変わる理由が違えば別の部品

非同期処理とキュー — 「受け付けました」のあとで、何が起きているか

レート制限 — 誰を、どの単位で、どこで止めるか