シングルページアプリケーション (SPA)

シングルページアプリケーション (SPA) とは

シングルページアプリケーション (Single Page Application, SPA) とは、単一のページで動作するWebアプリケーションのアーキテクチャです。

単一のページで動作するため、ページ遷移がなく、UXを向上させることができます。
ページは一つですが、JavaScriptによってDOMを動的に書き換えることで、ページ遷移なく様々なコンテンツを表示することができます。
また、動的なWebページを作成するのも容易です。

SPAでは、初回リクエスト時に、最低限のHTMLやCSSと、SPAを動作させるためのJavaScriptが返ってきます。
その後は、更新リクエストで、差分が返ってきて、JavaScriptによってDOMが動的に書き換えられます。

SPAのWebフレームワークとして、React や Vue があります。
ReactやVueは、Node.js上で動作します。

終わり