用語集

自分の頭の整理の為の用語集。

MPA（Multi-Page Application）・・・

従来のウェブアプリケーションのアーキテクチャ。
各ページごとに新しいHTMLをサーバーからダウンロードして表示する。
ページごとにサーバーへのリクエストと完全なページの再読み込みが発生するため、遷移が遅いことがある。

SPA（Single-Page Application）・・・

1つのHTMLページを読み込み、JavaScriptを使用して動的なコンテンツを取得し、表示する。
ページ遷移時にサーバーへの新しいHTMLの要求がないため、遷移が速く、UXの向上が期待される。

CSR（Client-Side Rendering）・・・

CSRでは、ウェブページのコンテンツ生成および表示が、クライアント側のブラウザで行われる。
サーバーはクライアントに対して、HTMLのテンプレートとJavaScriptファイルを提供し、ページが読み込まれるとJavaScriptが実行され、コンテンツを動的に生成し、表示する。主にSPAと組み合わせて使用される。

SSR（Server-Side Rendering）・・・

サーバーでページを事前にレンダリングし、HTMLを生成してクライアントに提供する。
動的なコンテンツはクライアントで読み込まれる。
SSRは初期読み込みのパフォーマンスを向上させ、SEO対策に有効らしい。
MPAやSPAのいずれかと組み合わせて使用される。

SSG（Static Site Generation）・・・

SSGは、ビルド時にページを事前に生成し、静的なHTMLファイルを提供する。
データの変更がある場合は再ビルドが必要。
高速でセキュアで、CDN（Content Delivery Network）を使用してコンテンツを配信するのに適している。
MPAやSPAと組み合わせて使用される。

XHR・・・

「XMLHttpRequest」の略称。
JavaScriptでHTTPリクエストを送信して、サーバーからデータを受信するために使用される技術。 主にAjax通信などで利用される。

ajax・・・

ウェブブラウザ内で非同期通信を行いながらインターフェイスの構築を行うプログラミング手法。
XMLHttpRequestによる非同期通信を利用し、通信結果に応じて動的にページの一部を書き換える。