📚 『Vueのしくみと設計思想から理解する TypeScript + Composition API アプリ開発』

〜なぜそうなっているのかを知るための基礎から実践まで〜

🟢 第1章：なぜ Vue が必要なのか？基礎から考える

1.1 JavaScript + TypeScript だけで DOM 操作すると何が大変？

1.2 状態と見た目を自動でつなぐ仕組み → なぜ Virtual DOM が必要？

1.3 SPA（Single Page Application）とは？ → ページ遷移をしない世界

1.4 Vue の役割と設計思想 → 状態管理・コンポーネント・再利用

1.5 リアクティビティ（reactivity）の発想 → 「変わったら勝手に変わる」

🟠 第2章：Vue を理解するための JavaScript / TypeScript の基礎

2.1 変数、関数、オブジェクト、配列のおさらい

2.2 クラスと this のしくみ → Vue クラスコンポーネント理解の土台

2.3 クロージャとスコープ → Composition API の理解につながる

2.4 TypeScript の基本（型注釈、interface、type、union / intersection）

2.5 ユーティリティ型（Partial, Pick, Omit, ReturnType, Parameters）

2.6 Generics と型推論、型ガード（infer, 条件型）

2.7 Vue での型付けがなぜ安全なのか？（ref<number>(), defineProps<{ ... }>() の背景）