SPA（シングルページアプリケーション）

定義

SPA は、1 つの HTML ページをロードし、その後のすべての操作（ページ遷移やコンテンツの更新）を JavaScript によって動的に行うアーキテクチャです。

特徴

最初にページがロードされると、必要なデータを非同期で取得してページの一部だけを更新します。 ページ遷移が速く、全体のリロードは発生しません。 ユーザー体験がスムーズで、モバイルアプリに似たインターフェースを提供できます。 URL の変化に対応するため、ブラウザの History API やルーティングライブラリ（例: React Router）が使用されることが多いです。

利点

• 高速なレスポンス、スムーズなページ遷移
• リッチなインタラクションが可能
• サーバー側の負担が軽減されることがある

欠点

• 初回の読み込みが遅くなる場合がある
• SEO（検索エンジン最適化）が難しくなることがある（ただし、解決策としてサーバーサイドレンダリング（SSR）を使うこともある）
• JavaScript が無効化されていると動作しない