CSS-in-JS

JavaScriptコードにCSSを組み込むためのライブラリ。

ランキング

出力
満足度満
興味興
利用度利
認知度認

満足度、興味、利用率、認知度のランキングです。

2019202020192020Styled ComponentsJSSStyled JSXRadiumEmotionCSS ModulesStyled ComponentsJSSStyled JSXRadiumEmotionCSS ModulesStyled SystemStitchesStyletronFelaLinariaAstroturf85%82%59%58%67%68%27%18%87%80%86%87%80%69%41%40%64%57%

認知度が10％以下の技術は含めていません。度合いは次のように定義しています。

  • 満足度：また使いたい vs もう使わない
  • 興味：学びたい vs 興味がない
  • 利用率：また使いたい + もう使わない vs 認知度
  • 認知度：総数 － 聞いたことがない

評価の移ろい

出力
パーセント%
数Σ

技術について、この数年で評価がどう変わったかを示します。

もう使わない
興味がない
また使いたい
興味がある
知らない
2019202020192020

Styled Components

2019202020192020

JSS

2019202020192020

Styled JSX

2019202020192020

Radium

2019202020192020

Emotion

2019202020192020

CSS Modules

1年ぶんのデータしかないものは含めていません。

肯定的か否定的か

出力

このチャートは回答を肯定的なもの（「学びたい」「また使いたい」）と否定的なもの（「興味がない」「もう使わない」）に分けています。

棒の太さは、その技術を知っている人の数を表しています。

もう使わない興味がないまた使いたい興味がある認知度60%40%20%0%20%40%60%80%60%40%20%0%20%40%60%80%CSS ModulesStyled ComponentsStyled SystemEmotionStyled JSXLinariaStitchesJSSAstroturfStyletronFelaRadium

Styled Components
回答記入率： 80.5% (9255)
回答記入率： 80.5% (9255)

出力
パーセント%
数Σ

2019

12.7% 12.7% 33.7% 33.7% 26.7% 26.7% 21% 21%

2020

9.3% 9.3% 13.6% 13.6% 42.3% 42.3% 20.5% 20.5% 14.3% 14.3%
もう使わない
興味がない
また使いたい
興味がある
知らない

JSS
回答記入率： 80.6% (9267)
回答記入率： 80.6% (9267)

出力
パーセント%
数Σ

2019

15% 15% 9.1% 9.1% 69.1% 69.1%

2020

20.8% 20.8% 8.3% 8.3% 12.2% 12.2% 52.6% 52.6%
もう使わない
興味がない
また使いたい
興味がある
知らない

Styled JSX
回答記入率： 80.8% (9282)
回答記入率： 80.8% (9282)

出力
パーセント%
数Σ

2019

17% 17% 9.2% 9.2% 13.6% 13.6% 55.7% 55.7%

2020

8.4% 8.4% 21.2% 21.2% 18% 18% 14.6% 14.6% 37.8% 37.8%
もう使わない
興味がない
また使いたい
興味がある
知らない

Radium
回答記入率： 80.6% (9264)
回答記入率： 80.6% (9264)

出力
パーセント%
数Σ

2019

11.3% 11.3% 82.2% 82.2%

2020

11.9% 11.9% 81.3% 81.3%
もう使わない
興味がない
また使いたい
興味がある
知らない

Emotion
回答記入率： 80.8% (9281)
回答記入率： 80.8% (9281)

出力
パーセント%
数Σ

2019

8.5% 8.5% 11% 11% 72.9% 72.9%

2020

12.7% 12.7% 12.8% 12.8% 13.5% 13.5% 57.6% 57.6%
もう使わない
興味がない
また使いたい
興味がある
知らない

CSS Modules
回答記入率： 80.9% (9293)
回答記入率： 80.9% (9293)

出力
パーセント%
数Σ

2019

7.8% 7.8% 21.3% 21.3% 30.6% 30.6% 36.7% 36.7%

2020

9.1% 9.1% 31.4% 31.4% 27.4% 27.4% 27.4% 27.4%
もう使わない
興味がない
また使いたい
興味がある
知らない

Styled System
回答記入率： 80.6% (9268)
回答記入率： 80.6% (9268)

出力
パーセント%
数Σ

2020

8% 8% 78.5% 78.5%
もう使わない
興味がない
また使いたい
興味がある
知らない
We asked members of the CSS community to share their “pick of the year”

My 2020 Pick: Fela

Fela is an amazing piece of software. It’s pretty powerful, relatively easy to use and very performant

We asked members of the CSS community to share their “pick of the year”

Hugo “Kitty” Giraudel

Non-binary accessibility & diversity advocate

Stitches
回答記入率： 80.7% (9270)
回答記入率： 80.7% (9270)

出力
パーセント%
数Σ

2020

91.9% 91.9%
もう使わない
興味がない
また使いたい
興味がある
知らない

Styletron
回答記入率： 80.8% (9281)
回答記入率： 80.8% (9281)

出力
パーセント%
数Σ

2020

93.2% 93.2%
もう使わない
興味がない
また使いたい
興味がある
知らない

Fela
回答記入率： 80.8% (9284)
回答記入率： 80.8% (9284)

出力
パーセント%
数Σ

2020

94.2% 94.2%
もう使わない
興味がない
また使いたい
興味がある
知らない

Linaria
回答記入率： 80.7% (9277)
回答記入率： 80.7% (9277)

出力
パーセント%
数Σ

2020

92.2% 92.2%
もう使わない
興味がない
また使いたい
興味がある
知らない

Astroturf
回答記入率： 80.7% (9271)
回答記入率： 80.7% (9271)

出力
パーセント%
数Σ

2020

93.7% 93.7%
もう使わない
興味がない
また使いたい
興味がある
知らない

そのほかのツール
回答記入率： 0.7% (84)
回答記入率： 0.7% (84)

出力
パーセント%
数Σ

このカテゴリ内でそのほかのツール（自由回答）。

0.05.01015200.05.0101520ユーザー数CSS-in-JSCSS-in-JSVue.jsVue.jsTheme UITheme UI121314

総合的な満足度

出力
パーセント%
数Σ

このカテゴリについて、現状について開発者が総合的に満足しているかを、1（とても不満）から5（とても満足）で表します。

0%10%20%30%40%50%ユーザーの割合（％）とても不満不満どちらでもない満足とても満足満足度0%10%20%30%40%50%4.7%4.7%10%10%50.5%50.5%26.7%26.7%8%8%

おすすめのリソース

Intermediate React, v2

You’ll learn hooks in-depth, CSS-in-JS with emotion, increase performance with code splitting and server-side rendering, and more.
パートナーのサポートに感謝しています！ 詳細をみる。
« 前： CSS設計手法次： そのほかのツール »
Charts built with Nivo. Hosted by Netlify.
質問があったり、バグを見つけたときはissueを立ててください。 Discordに参加。
option/altを押して翻訳モードにする。