第1選
JavaScript Primer 迷わないための入門書
⭐⭐⭐⭐⭐
総合評価：S (81)
ここが良い！
- 基礎文法から実務の考え方まで「迷わない」順序で整理されている
- サンプルが現実の開発に近く、学んだ内容を再現しやすい
- 用語の定義が丁寧で、独学でも理解のズレが起きにくい
ここが注意！
- 超入門よりは“入門〜初級”寄りなので、完全初心者は最初だけゆっくり読む必要あり
- 新しい周辺ツールの全網羅ではなく、基礎を固める本だと割り切るのが良い
第2選
Eloquent JavaScript, 3rd Edition: A Modern Introduction to Programming
⭐⭐⭐⭐⭐
総合評価：A (77)
ここが良い！
- 言語の仕組みを「なぜそうなるか」まで掘り下げて理解できる
- 演習が多く、手を動かすほど実力が伸びる設計
- 関数型的発想や抽象化の感覚が身につき、応用力が上がる
ここが注意！
- 文章の密度が高く、最初から通読すると挫折しやすい（章を選んで読むのが吉）
- 英語なので読む速度が落ちる人は、要点→演習の順で進めると楽
第3選
Learning React: Modern Patterns for Developing React Apps (English Edition)
⭐⭐⭐⭐⭐
総合評価：A (77)
ここが良い！
- Reactの考え方を「設計パターン」として理解しやすい
- 実装の流れが実務寄りで、プロジェクトに持ち込みやすい
- コンポーネント設計・状態管理の見通しが良くなる
ここが注意！
- React界隈は更新が速いので、最新版の推奨と差分が出る箇所は公式ドキュメントで補完が必要
- 英語＋前提知識が少し要るため、JS基礎が弱いと詰まりやすい
第4選
CSS設計完全ガイド ～詳細解説＋実践的モジュール集
⭐⭐⭐⭐⭐
総合評価：S (80)
ここが良い！
- CSSの破綻ポイントを先回りして防ぐ「設計の型」が手に入る
- 命名・責務分離・再利用など、チーム開発で効くノウハウが厚い
- モジュール集が実戦的で、プロダクトに転用しやすい
ここが注意！
- 初心者向けの“プロパティ辞典”ではなく、設計思想中心なので基礎が薄いと重い
- 自分の現場ルールに落とし込む作業が必要（読むだけで終わらせない）
第5選
CSS Secrets: Better Solutions to Everyday Web Design Problems (English Edition)
⭐⭐⭐⭐⭐
総合評価：A (78)
ここが良い！
- 「その発想はなかった」系の解法が多く、表現の引き出しが増える
- 小技に見えて原理が学べるので、応用力が育つ
- 読むだけで試したくなる内容が多く、実験が楽しい
ここが注意！
- 英語＋基礎CSS前提なので、初学者は先に基本を固めてからの方が吸収が速い
- “設計”より“表現テク”寄りなので、運用設計は別の本で補うと強い
第6選
リファクタリング(第2版): 既存のコードを安全に改善する (OBJECT TECHNOLOGY SERIES)
⭐⭐⭐⭐⭐
総合評価：S (85)
ここが良い！
- リファクタリングを「安全に進める手順」として体系化している
- カタログが実務の判断に直結し、読むほど手札が増える
- テストとセットで改善する思考が身につき、品質と速度が両立しやすくなる
ここが注意！
- テストの重要性が前提なので、テスト文化が薄い環境だと導入に工夫が必要
- 即効テクだけでなく地道な改善も多いので、腰を据えて読むほど効く
メモ
失敗しない選び方
- 目的を分ける：言語基礎（JavaScript Primer / Eloquent JavaScript）と実務フレームワーク（Learning React）とCSS運用（CSS設計完全ガイド）と表現強化（CSS Secrets）と保守改善（リファクタリング(第2版)）で役割が違う
- 挫折しない順序：JS基礎→React→CSS設計→リファクタリング、余裕が出たらEloquent JavaScriptとCSS Secretsで伸ばす
- 読み方を変える：入門書は通読、設計本は「自分の現場に当てはめてメモ」、カタログ系は辞書的に反復参照
- 手を動かす量を固定：毎章1つでも写経・改造・小課題を作ると点が線になる
- 公式ドキュメントで補完：特にReactやCSSは更新が速いので、差分は公式で最新化して読む
