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

✅ 【要点】

• SPA（Single Page Application）とは → 1枚の HTML だけで動くアプリ
• 「ページ遷移」はするけど、画面は消えずに中身だけ差し替わる
• そのために「画面の状態」を JavaScript で管理する必要がある
• → Vue / React / Angular などのフレームワークが得意とする世界

🟢 【ふつうの Web サイト（マルチページ / MPA）の仕組み】

1. ページA（pageA.html）を開く
2. クリックすると → サーバーにリクエスト
3. 新しいページB（pageB.html）をサーバーから丸ごと取得
4. 今までのページは消えて、新しいページがまるごと表示される

[ pageA.html ] → リンククリック → [ pageB.html ]

💣 ページが切り替わるたびに、サーバーに新しいページを取りにいく。

🟠 【SPA（Single Page Application）の仕組み】

• 最初に1枚の index.html だけ読み込む
• その後の「画面切り替え」は JavaScript が担当
• 必要なデータだけをサーバーから取ってきて、画面の一部を書き換える