クライアントサイドルーティングの概念

目標：クライアントサイドルーティングによって、ページを再読み込みせずにアプリの画面を切り替える仕組みを理解します。

• SPAとページ全体の再読み込みの違い
• パスとビューの対応付け
• 履歴の更新

SPA：1つのHTMLページで、JSがビューを切り替えます。MPA：URLごとにサーバーが新しいページを返します。SPAはページ全体を再読み込みせずに移動できるため、より高速に感じられます。

Pathはビューを識別します（例：/about）。Paramsはデータを持ち運びます（例：/users/42）。分かりやすくするため、現在のリンクをactiveとして示します。

小さなハッシュベースのルーターです。リンクで#pathを更新し、アプリがhashchangeを監視して一致するビューを描画します。

ルーターはURLと履歴を更新するため、戻る・進むが機能します。ドキュメント全体を再読み込みせず、ビューがすぐに切り替わります。

ヒント：

• リンクがactiveであることを明確に示します。
• 不明なパス（404）を処理します。
• ネストしたルートやパラメーターには、後でライブラリを使います。

まとめ：クライアントサイドルーティングはパスをビューに対応付け、URLと履歴を更新し、全体の再読み込みなしに高速なナビゲーションを実現します。