Learning Path
Frontend Engineer
A learning path for engineers who lead modern UI development — spanning JavaScript / TypeScript language fundamentals, component design with React / Vue, performance, accessibility, and testing strategy.
- Required Books
- 5 books
- Recommended Books
- 13 books
- Target Domains
- Frontend Development
- Milestones
- 7 stages
Milestones
7 stagesJavaScript 基礎
言語の基本文法・スコープ・非同期処理を、入門から実践レベルまで段階的に身につける
JS リファレンスと型安全
JS の包括的リファレンスから TypeScript の実践的な型設計へ進む
コンポーネント設計
React / Vue の状態管理・コンポーネント分割・宣言的 UI 設計を学ぶ
スタイルとアクセシビリティ
デザインシステムを支える CSS 戦略と、すべてのユーザーに届く UI を実装する
可読性と Web 標準
可読性の高いコードと、HTTP/REST/HTML の標準仕様を踏まえた実装ができるようになる
パフォーマンスと大規模設計
Core Web Vitals に効く最適化と、大規模 UI を分割統治する設計を身につける
テスト戦略
コンポーネントテスト・E2E・ビジュアル回帰を組み合わせ、UI を継続的に守る
Required Books
5 booksRecommended Books
13 booksこれからのJavaScriptの教科書
狩野祐東
JavaScript 第7版
JavaScript: The Definitive Guide
David Flanagan
プログラミングTypeScript
スケールするJavaScriptアプリケーション開発
Boris Cherny
Vue 3 フロントエンド開発の教科書
WINGSプロジェクト 齊藤新三
後悔しないためのVueコンポーネント設計
中島直博
Tailwind CSS実践入門
工藤智祥
CSSとJavaScriptで作る動くUIアイデアレシピ
Mana
Webフロントエンド ハイパフォーマンス チューニング
久保田光則
Webアプリケーションアクセシビリティ
今日から始める現場からの改善
伊原力也, 小林大輔, 桝田草一, 山本伶
Testing JavaScript Applications
Lucas da Costa
マイクロフロントエンド
マイクロサービスアーキテクチャの概念をフロントエンドに拡張する
Luca Mezzalira
リーダブルコード
より良いコードを書くためのシンプルで実践的なテクニック
Dustin Boswell, Trevor Foucher
Webを支える技術
HTTP、URI、HTML、そしてREST
山本陽平