カリキュラム一覧へ
フロントエンド開発
ユーザーに価値を届ける最後の1マイル
HTML/CSS/JavaScriptの基礎から、React系のモダン開発、状態管理、パフォーマンス、アクセシビリティまで。「動く」ではなく「使いやすく・速く・壊れにくい」UIを設計できるようになる。
このトラックで身につくこと
- 画面をコンポーネント単位で設計できる
- 状態管理の選択肢と判断基準を説明できる
- Core Web Vitals を意識したパフォーマンス改善ができる
- AIが書いたUIコードの問題点（a11y・再レンダリング等）を指摘できる
第1章: Webの仕組みと基礎
ブラウザがどう画面を描くか。ここを押さえるとフレームワークの挙動が理解できる。
第2章: 状態管理の設計
useState、Context、外部ライブラリ…何をいつ使うかの判断基準。
第3章: UI/UXデザインの基礎
配色・タイポグラフィからアクセシビリティ、一貫性のあるコンポーネント設計まで。