— Curriculum

全体カリキュラム

6つの層、合計27章。各章は読み物パート・解読演習・課題で構成されています。 最初から順番に進めても、興味のある章から飛んで読んでも構いません。

LAYER 01

読める ─ Read.

01 / 01そもそもウェブサイトとは何か ─ ブラウザとサーバーの会話基礎 / 15min 01 / 02HTMLを読む ─ タグは「意味のラベル」であるHTML / 20min 01 / 03CSSを読む ─ セレクタとプロパティの仕組みCSS / 25min 01 / 04JavaScriptを読む ─ 変数・関数・条件分岐JS / 30min 01 / 05PHPを読む ─ サーバーで動くということPHP / 30min 01 / 06データベースとSQLを読む ─ データはどこにあるのかDB / 30min 01 / 07読む道具と構え ─ DevTools・パス・エラーとの付き合い方道具 / 25min
LAYER 02

気付ける ─ Notice.

02 / 01入力を信じない ─ ユーザー入力という獣の扱い方SECURITY / 25min 02 / 02SQLインジェクション ─ なぜ文字列連結は破滅を呼ぶのかSECURITY / 30min 02 / 03XSS ─ 出力をエスケープしないと何が起きるかSECURITY / 30min 02 / 04パスワードと認証 ─ ハッシュ化、セッション、その先SECURITY / 35min 02 / 05CSRFとファイルアップロード ─ 見落とされがちな穴SECURITY / 30min
LAYER 03

設計できる ─ Design.

03 / 01要件から始める ─ ユーザーストーリーの書き方DESIGN / 30min 03 / 02データベース設計 ─ 正規化と関係の作り方DESIGN / 40min 03 / 03作って学ぶ・掲示板アプリPROJECT / 90min
LAYER 04

AIと組む ─ Build.

04 / 01時間と空き枠の設計PROJECT / 45min 04 / 02重複予約を防ぐ仕組みPROJECT / 40min 04 / 03状態遷移とキャンセル処理PROJECT / 45min 04 / 04管理画面と利用者画面の分離PROJECT / 50min
LAYER 05

育てる ─ Grow.

05 / 01ログを読む眼OPS / 30min 05 / 02既存コードを改善する眼OPS / 35min 05 / 03パフォーマンスに気付く眼OPS / 35min 05 / 04他人のコードを読む眼OPS / 30min
LAYER 06

立ち上げる ─ Launch.

06 / 01アイデアを最小機能に削るLAUNCH / 30min 06 / 02設計から実装まで一気通貫LAUNCH / 60min 06 / 03公開するLAUNCH / 40min 06 / 04改善のサイクルを回すLAUNCH / 25min
APPENDIX

付録 ─ Reference.

付録 A 付録A タグ一覧(HTML) リファレンス 付録 B 付録B CSSプロパティ一覧 リファレンス 付録 C 付録C JavaScriptよく使われる関数 リファレンス 付録 D 付録D PHPよく使われる関数 リファレンス 付録 E 付録E ローカル開発環境の構築ガイド リファレンス 付録 F 付録F セキュリティチェックリスト リファレンス