世界のフロントエンドのフレームワーク感
参考程度にトレンド載せているサイト（State of JavaScript 2022）を見る
- ※ 現在はState of JavaScript 2023が最新です。
Usage（利用率）
-
統計的な利用率はreact > Angular > Vue.js > Svelte
- Svelte が最近上がってきた
Interest（興味）
- 統計的な興味はSvelte がトップ
-
新しく注目されている、これから使われるようになるか否か
- Qwik
- SolidJS
有名どころについて
CSR用のフレームワークと、それを利用してSSRなどを行うメタフレームワークの2つが提供されるケースがほとんど。
| フレームワーク | メタフレークワーク | コンポーネント文法 | 特徴 |
|---|---|---|---|
| React |
Next.js
Remix | JSX |
関数型指向
EasyであることよりSimpleであることを目指す傾向が強い モダンCSRの先駆者であり現在も先端を走るが、ついていけなくなる人もちらほら |
| Vue.js | Nuxt.js | 独自テンプレート |
時代のトレンドを貪欲に取り入れる傾向が強い
悪く言えば軸が無い コミュニティが非常に活発で、unjsプロジェクトやviteなど、Vue以外でも使われるライブラリを多く出力している |
| Svelte | SvelteKit | 独自テンプレート |
React・Vueが持つ仮想DOMの仕組みを持たず、ビルド時に最大限JavaScriptを削り、軽量化することを目指したフレームワーク
Easyさを重視 |
| Solid.js | SolidStart | JSX |
Svelte同様にビルド時最適化を中心とするフレームワーク
Reactに近い文法を採用する |
ざっと技術について説明した。これで実装自体は出来た。では実装したフロントエンドを、どのようにサービスとして公開（デプロイ）するかを見ていこう。