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

フロントエンドフレームワーク

フロントエンドのフレームワークやライブラリ

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

Library Highlight: Solid

Solid may only be used by 10% of respondents, but the fact that it's had the highest satisfaction for five years running should be enough to make us pay attention to what it's doing.

What's more, Solid creator Ryan Carniato has been in large part responsible for popularizing concepts such as signals, and is one of the best at explaining the intricacies of other front end frameworks, too.

Useful Resources

Front-end Frameworks Ratios Over Time

フロントエンドのエコシステムは常に混乱状態にあるとよく言われますが、ここ1年は驚くほど安定していました。利用率のランキングを見ても、 Alpine.jsHTMX の順位が入れ替わった以外、変化は全く見られませんでした。

満足度に関しても同様の傾向が見られますが、順位を落とし続けている Qwik だけは例外です。

新たな話題性が欠けていることは「関心(Interest)」タブにも顕著に表れており、昨年から勢いを増しているフレームワークは SolidPreact 以外にはありません。

React
Vue.js
Angular
Preact
Svelte
Alpine.js
Lit
Solid
Qwik
Stencil
HTMX

モード:

表示:

利用率:

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

Other Front-end Frameworks

フロントエンドフレームワークというカテゴリーとは少し異なる Astro や、すでに長い歴史を持つ Ember はさておき、今この分野で最も注目すべき新人は Ripple でしょう。フロントエンド界の新星という困難な役割に真っ向から挑んでいます。
0%
20%
40%
60%
80%
100%
01
163
02
49
34
05
+1
30
06
-1
26
07
-1
25
08
-4
25
09
-1
18
10
-6
17
11
その他の回答
355
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)
JavaScriptコミュニティのメンバーに、今年の「イチオシ」を聞いてみました。

My 2025 Pick: RSC Explorer

Server Componentsは、サーバーサイドでレンダリングされるReactの機能をさらに拡張します。 単に静的なHTMLをブラウザに送るだけでなく、オブジェクトや配列、日付、Mapといったデータ構造をはじめ、Promise(再帰的なものも含む)、新しいReactツリー(とそのソースコード)、さらにはSever Functionの参照までも送信できるようになります。 これは一つのシリアライズ形式であり、Dan氏の「RSC Explorer」を使うと、その仕組みが非常によく理解できるはずです。
JavaScriptコミュニティのメンバーに、今年の「イチオシ」を聞いてみました。
回答者がこれまでのキャリアで経験したフロントエンドフレームワークは平均わずか 2.6個 でした。この結果からも、ウェブ開発者が毎月のように新しいフレームワークを渡り歩き、疲弊しているという世間のイメージは、もはや実態とは異なることが分かります。
0%
5%
11%
16%
21%
26%
01
0
1,135
02
1
2,444
03
2
3,436
04
3
2,859
05
4
1,541
06
5
824
07
6
395
08
7
218
09
8
82
10
9
42
11
10
18
12
11
8
0%
5%
11%
16%
21%
26%
%の質問回答数

フロントエンドフレームワークの満足度

フロントエンド開発における満足度はわずかに低下傾向にあるものの、長年にわたり驚くほど安定しています。
フロントエンド・フレームワークの現状について、あなたの満足度はどのくらいですか?1(非常に不満)から5(非常に満足)の5段階で教えてください。
1
2
3
4
5
2016
2017
2018
2019
2020
2021
2022
2023
2024
2025
1
2
3
4
5
平均

フロントエンドフレームワークのつらいところ

Reactは主流のフレームワークであるがゆえに、フロントエンド開発者が最も苦戦している技術の筆頭でもあります。

その他の慢性的な課題としては、パフォーマンスの低下や状態管理、そして現代のフロントエンドエコシステムが抱える圧倒的な複雑さなどが挙げられます。

フロントエンドフレームワークを使うときに、つらいと感じるところは何ですか?
Freeform
Multiple
0%
20%
40%
60%
80%
100%
01
React issues
02
Excessive complexity
03
Performance
04
State management
+2
05
Choice overload
-1
06
Breaking changes
-1
07
Browser support
+9
08
Dependencies
09
Bloat
+8
10
Speed of change
-3
0%
20%
40%
60%
80%
100%
回答数に占める割合(%)

おすすめのリソース

React Performance, v2
Steve Kinney
Temporal

React Performance, v2

Ship high-performance React applications! Leverage React 19's performance strategies for hydration, suspense, resource loading, and server actions.
Angular Fundamentals
Mark (Techson) Thompson
Google

Angular Fundamentals

Discover the power of Angular’s latest features straight from the Angular team at Google! Learn to use the new control flow syntax in your component templates and performance features like signals and deferrable views.
パートナーのサポートに感謝しています! 詳細をみる。