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

メタフレームワーク

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

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%
03
29
+1
13
+2
12
06
12
07
inertiajs
11
08
-5
11
10
その他の回答
189
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)
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%
%の質問回答数

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

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

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

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.

メタフレームワークを使うときに、つらいと感じるところは何ですか?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
01
Excessive complexity
+1
02
03
SSR
+1
04
Performance
+1
05
Breaking changes
-2
06
Deployment
+1
07
Lack of documentation
-1
+2
09
Frontend and backend integration
10
Lock-in
+5
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

おすすめのリソース

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.
パートナーのサポートに感謝しています! 詳細をみる。