メインコンテンツにスキップ

State of JavaScript 2025

メタフレームワーク

アプリケーションのレンダリングと配信に重点を置いたフレームワーク

We're highlighting interesting features or libraries we think you should know about.

Library Highlight: Astro

Astro has taken a good look at what other static site generators were doing, taken the best ideas, and discarded the rest. The result is a framework that both feels simple and powerful at the same time, and has the top satisfaction ranking as a result.

And having recently joined forces with Cloudflare, it's exciting to think about what the Astro team will show us next!

Useful Resources

Meta-Frameworks Ratios Over Time

Next.jsは勢力を拡大し続け、メタフレームワークというカテゴリーで圧倒的なシェアを誇っています。しかし逆説的に、その普及とは裏腹に満足度は低下の一途をたどっています。首位のAstroとの満足度スコアの差は**39%**にまで広がっており、Next.jsにとって決して良い兆候ではありません。

知名度(Awareness)の推移チャートを一目見れば、Astroがいかに恐ろしい競合であるかは明らかです。わずか数年のうちに、ほとんど無名の状態から有力なライバルへと一気に駆け上がったのです。

Next.js
Nuxt
Gatsby
Remix
Astro
SvelteKit
Docusaurus
SolidStart
Deno Fresh
Analog
Quasar

モード:

表示:

利用率:

Proportion of respondents having used an item
0%
20%
40%
60%
80%
100%
2018
2019
2020
2021
2022
2023
2024
2025
0%
20%
40%
60%
80%
100%

Other Meta-Frameworks

調査の選択肢に TanStack Start が含まれていないことについて、多くの回答者から疑問の声が寄せられました。その理由は単純で、調査を開始した時点では、このフレームワークがまだベータ版を脱していなかったからです。

幸いなことに、回答者たちが「その他のメタフレームワーク」欄でこのプロジェクトに言及してくれたおかげで、記載漏れを補うことができました。これは、TanStack Startが来年の「公式(official)」ランキングで非常に力強いデビューを飾るであろうことを明確に示唆しています。

0%
20%
40%
60%
80%
100%
01
TanStack Start
235
02
TanStack Router
+2
41
03
29
04
+1
13
05
Vike
+2
12
06
12
07
inertiajs
11
08
-5
11
09
10
10
その他の回答
189
0%
20%
40%
60%
80%
100%
472
4%
10
JavaScriptコミュニティのメンバーに、今年の「イチオシ」を聞いてみました。

My 2025 Pick: Web Origami

Web Origamiは、自らを「JavaScript式の簡潔な方言」と定義するプロジェクトで、2025年に入り本格的な普及期を迎えました。 このプロジェクトは、データの変換やウェブサイトの構築、さらにはシェルからのJavaScript呼び出しを驚くほど直感的な方法で実現します。 「式(expression）」と「パス(path）」を巧みにつなぎ合わせることで、強力かつ直感的なデータ操作を可能にしています。
JavaScriptコミュニティのメンバーに、今年の「イチオシ」を聞いてみました。

Declan Chidlow

Front-end developer, designer, writer

項目数

回答者が利用したことのあるメタフレームワークの種類はそれほど多くありません。しかし、1つか2つの主要なソリューションが市場を独占している現状では、これは予想通りの結果と言えます。
0%
5%
11%
16%
21%
27%
01
0
3,485
02
1
3,360
03
2
2,699
04
3
1,717
05
4
963
06
5
475
07
6
186
08
7
74
09
8
26
10
9
11
11
10
2
12
11
4
0%
5%
11%
16%
21%
27%
1.7

メタフレームワークの満足度

Next.jsに対する満足度の低下が、最終的に（開発環境）全体の幸福度の低下につながるのかどうかは興味深いところですが、少なくとも今のところはそのような傾向は見られません。
1
2
3
4
5
2022
2023
2024
2025
1
2
3
4
5
平均
11,411
88%
3.3
3
10

メタフレームワークのつらいところ

By their nature, meta-frameworks straddle the gap between client and server, which leads to a lot of complex issues.

And while Next.js offers quite a few ways to address those issues, the downside of all that power is that its learning curve and overall developer experience can sometimes suffer.

メタフレームワークを使うときに、つらいと感じるところは何ですか？
Multiple
Top pain point topics overall.

View:

Items that are not one of “limitations”
0%
20%
40%
60%
80%
100%
01
Cognitive overload
8
02
Next.js issues
3
-1
03
Server-client communication
6
+6
04
Education
4
05
Breaking changes
-2
06
Lock-in
+8
07
Deployment
1
08
Ecosystem issues
4
09
Performance
-4
10
SSR
-6
11
Too much magic
+10
12
Bloat
+13
13
Too opinionated
-1
14
Lack of flexibility
15
Vercel
-5
16
React Server Components
17
Maintenance
18
Configuration
-1
19
Debugging
1
20
Tooling
1
21
Lack of stability
22
Hydration
23
Routing
24
Dependencies
-1
25
Architecture issues
1
0%
20%
40%
60%
80%
100%
2,110
16%
2.4
25
5

おすすめのリソース

Next.js Fundamentals, v4
Scott Moss
Netflix

Next.js Fundamentals, v4

Learn everything you need to build high-powered Next.js apps! Build a deep understanding of React Server Components and Server Actions.
State Management at Scale in React & Next.js
David Khourshid
Microsoft

State Management at Scale in React & Next.js

Solve challenging state management problems and build applications that reliably scale with your team. Recognize anti-patterns and learn complex state optimizations with data normalization, form data, and reducers.
パートナーのサポートに感謝しています！ 詳細をみる。