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

The State of CSS 2021

[ja-JP] general.back_to_intro

技術

回答者の50％近くが何らかのCSS-in-JSライブラリを1つ以上使っていることから、これらのツールはもうニッチなものではないと言えるでしょう。CSSとJavaScriptという、フロントエンドの世界のこの2つのサイドは、そこまで離れていないのかもしれませんね。

満足度 vs 利用率

このチャートは技術ごとにその満足度（もしくは関心度）と総利用数でプロットしたものです。4つの領域は、次のように読み取れます。

  • ASSESS: 利用率は低いが、満足度が高い。チェックしておくとよさそうな技術。

  • ADOPT: 利用率も満足度も高い。使っても大丈夫な技術。

  • AVOID: 利用率も満足度も低い。いまは避けておいた方がよさそうな技術。

  • ANALYZE: 利用率は高いが、満足度は低い。現在使っているなら、見直すとよさそうな技術。

プリプロセッサ・ポストプロセッサ
CSSフレームワーク
CSS-in-JS

利用率の濃度

セクションごとに、回答者が使った（「また使いたい」と答えた）技術の総数を表しています。一番下のバーは、その上にあるバーの合計になります。

プリプロセッサ・ポストプロセッサ

∑
71.8%
1
31.4%
2
もっとも目にした回答
31.4%
3
7.5%
4
1.5%
5
0.0%

CSSフレームワーク

∑
53.7%
1
もっとも目にした回答
26.8%
2
15.2%
3
6.9%
4
2.9%
5
1.2%
6
0.5%
7
0.1%
8
0.1%
9
0.0%
10
0.0%
11
0.0%
12
0.0%

CSS-in-JS

∑
47.8%
1
もっとも目にした回答
20.6%
2
12.5%
3
8.1%
4
3.9%
5
1.8%
6
0.5%
7
0.3%
8
0.1%
9
0.0%
10
0.0%
11
0.0%
12
0.0%
13
0.0%
14
0.0%