SPA, SSR, SSGって結局なんなんだっけ？

【2023/11/14追記】 SPA, SSRの説明を訂正、および不必要な箇所の削除を行っています。 また、この記事はNext.js等の、具体的にフレームワークで使用されている各概念を説明するものではないので、ご留意ください。 概要 SPA, SSR, SSGという技術用語を、業務の中でも、ネットの記事の中でもよく耳にするのですが、こういう感じかな？といううっすらとした理解のままだったので、今回整理しました。 内容に誤りがあった場合はご指摘いただけますと幸いです。 (MPA) -> SPA -> SSR -> SSG という順に説明をしていきます。 SPA SPAの要旨を述べると、最初に、HTML, CSS, JSなどの必要なassetsをWebサーバーから取得し、その内のJSをもとに具体的なUIを描画し、またページ遷移の際のUIの変化も、JSをもとに再描画を行うアーキテクチャとなります。

[skypenguins]

HTMLレンダラがHTMLをパースするレンダリングとFWが仮想DOMをパースするレンダリングとサーバが最終的なHTMLを出力するレンダリングがあってややこしいな

[verkhrt]

SSRはダブルスーパーレアもしくはスーパースペシャルレアです

[knjname]

SSRはJS理解しないブラウザ相手でも一応は最低限レンダリングできるメリットもある

[kazkun]

なんかSSRって違和感がある。そのメリットを理解してみたいなあ。