フロントエンドのツール等についての調査結果(2016)まとめ

一月程前にフロントエンド関連ツールの状況についてインターネットでアンケートが実施されました。このアンケートは去年も行われており、今年は4,715人の回答が得られたようです。
集計結果が公開されたので、ざっくりまとめてみようと思います。というか半分は感想です。
主観が入り恣意的になる部分もあるかと思います、ご注意ください。また原文も大変興味深いと思いますので、ご興味・お時間のある方はぜひ。

---

## [Q1. フロントエンド全般について経験年数](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#experience-general)

* 1-2年が約20%、2-10年の中堅が約60%、10年以上が約20%

# CSS

## [Q2. CSSのレベル](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#knowledge-css)

* 中上級者が90%。
* 経験年数とレベルがある程度比例するとして、大体1年以上で（少なくとも自分では）中級と思うということか。

## [Q3. CSSプロセッサの利用状況](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-processors)

* sassの一強。しかし、2015年との比較では全て若干減少している。
* まだ少数派だがPostCSSが延びてきている模様。

## [Q4. CSSプロセッサの知識](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-processor-experience)

* sassの一強。(Lessと2倍くらい違う)
* Reworkは2015年と比較して知名度などほとんど変動していないけどどういうこと？（自分も聞いたことがなかった）

## [Q5. CSSの命名体系(BEMとか)を使っているか](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-naming)

* 約半数が使っている。
* また、残り4割弱も命名体系を聞いたことはある。

## [Q6. CSS Lint](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-linting)

* 約半数が使っている。
* 「中上級者=Lint」ではないけど、Q2との乖離がある。

## [Q7. CSSツールの知識](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-tool-experience)

* Autoprefixer, Modernizrの二強。
* Susy,Stylelintは半数の人が知らず、見聞きしたことがある人が2-3割で、使ったことがあるのは1-2割。

## [Q8. CSS方法論や命名体系など](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-methodologies)

* BEMが頭一つ抜けている(約3割)
* SMACSS, OOCSS, Atomic Design, CSS Modulesは肉薄(いずれも約1割)
* ITCSS, SUIT CSSは約7割の人が知らず。(私も知らなかった。。。)

## [Q9. CSSツールの利用状況](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#css-tool-usage)

* Q7, Q8の結果に関連してBEM, Autoprefixer, Modernizrがよく使われている。
* 何も使っていない人も2割いてちょっと驚いた。
* ちなみに私は昔compassを使っていたのだが、最近はほとんど使われていないのだろうか・・・

# JavaScript

## [Q10. JavaScriptのレベル](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-knowledge)

CSSのそれと同じように中上級者が8-9割

## [Q11. タスクランナー](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-task-runners)

* まだGulpが頭一つ抜けている(約4割)が、前年比では微妙に減少している。NPM 
* Scriptsは3割弱だが、前年比では+20%。
* 一時期はgulpがトレンドだったけど、「NPM Scriptsでよくね？」という流れが起き、その結果が現れた形か。

参考: [[意訳]私がGulpとGruntを手放した理由](http://qiita.com/chuck0523/items/dafdbd19c12efd40e2de)

## [Q12. ライブラリ/フレームワークの知識](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-frameworks)

* jQueryがまだまだ健在でほとんどの人が知っている。また来年はどうなるんだろう。ちなみに2015年はjQueryを聞いたことがない人は0人だったが、2016年は5人となった。
* ちょっと意外なのはUnderscore, Lodashの知名度が結構あること。
* フレームワークではBackbone, Angular1, Reactが競っている感じ。
* Angular2はまだまだだけど、ReactもBackbone, Angular1と比肩するまでになったんだと驚いた。
* MeteorJSは一時期に比べて大分下火になった印象。

## [Q13. 現在プロジェクトでよく使われているライブラリ/フレームワーク](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-framework-usage)

* jQueryがまだまだ健在で7割
* BackboneはQ12に反して、6%に留まった。新規プロジェクトでは採用されなくなったということか。
* Reactは4割弱で去年から勢いの衰えを感じない。
* 何も使っていないのは3%。一時期「Vanilla JSでいこうぜ！」というムーブメントみたいなのがあったけど、現実的には難しかったということか。

## [Q14. 必要不可欠なライブラリ/フレームワーク](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-framework-essential)

* jQueryが3割、Reactが2割弱。他は軒並み1割未満と低い。それだけライブラリ/フレームワークに依存していないということか(少なくとも精神的依存は)
* 必要不可欠なものはないという人も2割いてちょっと驚いた。しかしQ13では数%に留まっているのは他のメンバへの配慮などからか。

## [Q15. モジュールバンドラ](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-bundlers)

* Webpackの一強で4割。比較的新しいこともあり前年比で+30%。
* 対照的にモジュールバンドラを使っていない人は3割だけど、前年比で-20%。

## [Q16. トランスパイラ](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-transpilers)

* 6割の人がトランスパイラを使っている。また3割の人も聞いたことはある。
* 最近だと[create-react-app](https://github.com/facebookincubator/create-react-app) や [Next.js](https://github.com/zeit/next.js), [katatema](https://github.com/r7kamura/katatema) などトランスパイラをあまり意識しなくてもいいツールが出てきたおかげで、自分はトランスパイラを使っていないと思っている人も多少いそうな気がする。

## [Q17. Lint](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-linters)

* 8割の人がLintしている。中でもESLintが4割で頭一つ抜けている。

## [Q18. テスト](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-testing)

* 5割の人がテストを書いている。
* ツールはJasmine, Mochaがよく使われている。特にMochaは前年比+7%とまだ成長中?

## [Q19. その他のツール](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results#js-misc)

* みんなNPMに概ね満足している
* Yarnは最近(特にアンケート実施時点では)出たばかりのツールなのに、聞いたことが無い人が20%なのは驚き。というかそれなりにアンテナを張っている人じゃないとアンケートに回答しないかな・・・（ちなみに自分はたしかEchoJSのポストからだったと思う）



原文: [The State of Front-End Tooling 2016 - Results](https://ashleynolan.co.uk/blog/frontend-tooling-survey-2016-results)