Jump to the content

トレンドまるわかり!2015年フロントエンドアンケート調査

Frontend

    トレンドまるわかり!2015年フロントエンドアンケート調査

    2015年9月に海外で実施されたフロントエンド技術者へのアンケート記事を紹介します。

    The State of Front-End Tooling – 2015

    アンケート結果を見てみると、最近のトレンドが浮き彫りにされて非常に興味深い内容になっています。

    ※元記事の作者に了承を得ています。
    ※最終更新日:2015/12/10

    frontend survey

    Q1 –プリプロセッサ

    お好みのCSSプリプロセッサは何ですか?

    プリプロセッサ投票数割合
    Sass129763.95%
    Less30815.19%
    Stylus763.75%
    使わない30515.04%
    その他422.07%

    Sassの使用率が63.95%で圧倒的に使用されています。 「使わない」が15.04%という数字は、CSSプリプロセッサの習得はほぼ必須条件になっているということでしょう。 「その他」ではPostCSSを使っているという回答だったそうです。

    Q2 – PostCSSとRework

    次にポストプロセッシングツールについて。

    あなたは、次のCSS処理ツールのことを聞いたことがありますか?

    聞いたり読んだことがある少し使った快適に使ってる聞いたことがない
    PostCSS47.78% (969)9.32% (189)7.15% (145)35.75% (725)
    Rework19.03% (386)1.53% (31)0.69% (14)78.75% (1,597)

    PostCSS47.78%, Rework19.03%の人が聞いたことがあると回答しています。 PostCSSについてはプロジェクトで使っている人は少ないものの、徐々に認知されてきていますね。 2016年はこれらに人気に火がつく可能性大です。

    Q3 – タスクランナー

    どのタスクランナーを好んで使っていますか?もし使っていたらあなたのプロジェクトのワークフローで使っていますか?

    タスクランナー投票数割合
    Gulp88843.79%
    Grunt55927.56%
    NPM643.16%
    Broccoli221.08%
    その他994.88%
    タスクランナーは使わない39619.53%

    Gulp 43.79%, Grunt 27.56%で大半を占めています。
    プロジェクトで一貫性を保つためにタスクランナーが導入されていると見て取れます。

    Q4 – JavaScriptライブラリやフレームワークの知識

    聞いたり読んだことがある少し使った快適に使ってる聞いたことがない
    jQuery1.4% (28)7.2% (146)91.4% (1,854)0% (0)
    Underscore34.5% (700)20% (406)35.4% (718)10.1% (204)
    Backbone60.8% (1,234)21.1% (427)16.2% (328)1.9% (39)
    AngularJS36.9% (748)33.5% (680)29.1% (590)0.5% (10)
    Ember78.7% (1,595)13.1% (265)4% (82)4.2% (86)
    React61.8% (1,253)19.9% (404)14.3% (290)4% (81)
    Polymer70.4% (1,429)11.4% (231)2.5% (50)15.7% (318)
    Knockout65.2% (1,321)9.7% (197)6.1% (124)19% (386)

    jQueryの快適さ、超絶的な人気で91.4%。聞いたことがない人は0%。 続いてUnderscoreが多く, MV*フレームワークが使われています。

    Q5 – JavaScriptライブラリかフレームワークをプロジェクトで使っていますか?

    投票数割合
    使わない1208.48%
    jQuery79956.47%
    AngularJS25317.88%
    React1248.76%
    Backbone422.97%
    Ember342.40%
    Knockout211.48%
    Underscore181.27%
    Polymer40.28%
    その他00%

    プロジェクトでの採用率。jQueryの次にAngularJSがよく使われています。 昨年国内ではReactが爆発的に話題になりましたが、海外のプロジェクトではこのような結果でした。

    日本国内のアンケートもやってみようかな。

    Q6 – JavaScript Module Bundlers

    あなたのワークフローではJavaScriptモジュールバンドラーを使っていますか?

    モジュールバンドラー投票数パーセンテージ
    モジュールバンドラーは使わない109353.9%
    Browserify33416.47%
    RequireJS27313.46%
    Webpack21310.5%
    JSPM452.22%
    Other703.45%

    外部ファイルのモジュールを require して取り込むことができるバンドラー。 半数以上の人が使っていないようです。

    ES2015をBabelでトランスパイルするなどのケースが増えれば、 自然とこれらのツールも需要が増えてきそうですね。

    Q7 – JavaScript Testing

    JavaScriptのテストでは何のツールを使っていますか?(もし使っていたら)

    ツール投票数パーセンテージ
    JSのテストにツールは使わない121059.66%
    Jasmine33216.37%
    Mocha30515.04%
    QUnit783.85%
    Tape301.48%
    Jest160.79%
    Karma150.74%
    Intern80.39%
    その他341.68%

    テストツールを使わない割合が59.66%。JSのテストはケースバイケース。 Jasmine, Mochaの人気が高いようです。

    その他ではJSLintやJSHintとの回答もあったそうですが、 それは書式をチェックするツールでコードの機能をテストするものではないぞ、と主張されています。 このあたりからもテストの知識にギャップがあると言えますね。

    Q8 – その他のツール

    最後にパッケージ管理ツールの質問。

    これらのツールの経験はありますか?

    聞いたり読んだことがある少し使った快適に使ってる聞いたことがない
    Bower23.27% (472)28.06% (569)45.36% (920)3.30% (67)
    Yeoman37.13% (753)30.57% (620)19.97% (405)12.33% (250)
    Ender28.55% (579)1.43% (29)0.54% (11)69.48% (1,409)
    NPM6.76% (137)19.63% (398)68.39% (1,387)5.23% (106)

    BowerとNPMの使用率が非常に高いです。Yeomanはぼくが思っている以上に使われていました。

    あまり馴染みのないEnderはこちらから。Ender

    まとめ

    あまり聞いたことのない名前やツールがあったかもしれませんね。 みなさんは普段どのツールを使ってますか?

    日本国内での状況も気になりますね。

    Thanks, @AshNolan_.

    注目記事

    最近の記事

    ぼくが書いてます

    フロントエンドエンジニア

    イソップ

    ページの先頭に戻る

    Search results

    ×