Build Insider Survey【2014年4月実施】
今、本当に人気がある「JavaScriptライブラリ＆ツール」を調べてみた
Web制作者／開発者が「今後、使いたい」JavaScriptライブラリおよびWeb技術を、ランキング形式で発表。2014年度前半はこれらを押さえよう。
今年の初めに「人気上昇中のJavaScriptライブラリを調べてみた［ジャンル別に比較］」という記事を公開したことで、JavaScriptライブラリの人気ランキング情報へのニーズは高いことが分かった。しかし、その記事でのランキング決定では、検索キーワードの流行を調査可能な「Googleトレンド」を用いた。このため、ライブラリ名が一般的な英単語（例えば「LESS」など）の場合、どうしてもライブラリとは無関係の検索も含まれてしまっていることが懸念された（※それでも「人気上昇中かどうか」を計測する面ではある程度有効な手段だと考えている）。
そこで今回、より正確な情報を読者に提供するために、実際にWeb制作者／デベロッパーに「技術者として使いたいライブラリ／ツールはどれか」を直接聞く（自記式）アンケート調査を実施することにした（実施期間は3月31日～4月18日。ちなみに、Web技術に関しては毎年春に実施予定）。つまり本稿は、「（前回の）裏付け調査をした結果」というわけだ。
本当に人気のJavaScriptライブラリはどれなのか、さっそくランキングをジャンル別に紹介していこう（※総回答数は230件。各質問における有効回答数は、各グラフ画像上の「回答数」を参照。回答者属性はこちらを参照してほしい）。
JavaScript関連全体の動向
まずは、どういったジャンルの人気が高いかをチェックしよう。
人気ジャンル
JavaScriptライブラリ／ツールの中で、実際のプロジェクトでの利用意向が高いジャンルは、以下の通りだった（上位5つ）。
- 1MVC系フレームワーク（AngularJSなど）
- 2DOM操作（jQueryなど）
- 3altJS（Java Script代替。TypeScriptなど）
- 4Java Scriptテストツール（QUnitなど）
- 5CSSプリプロセッサー（CSSメタ言語。LESSなど）
次のグラフに示すように、「MVC（Model-View-Controller）系フレームワーク」が2位に10％近く差を付けてトップになっており、2014年春現在も引き続き、この領域が熱いようだ。これは読者にとっても実感に近いのではないだろうか。
- 6位以降の順位： 「モバイルフレームワーク（jQuery Mobileなど）」「Webグラフィックス（three.jsなど）」「テンプレートエンジン（Handlebars.jsなど）」。
- 「その他」の具体的な内容例： 「Reactive Viewフレームワーク（FacebookのReactやOmなど）」「ClojureScript」「Web Components」など。
前回の記事では、上記の全ジャンルに対してそれぞれ調査したが、今回はいくつかのジャンルを省略した。具体的には、調査するまでもなく人気が固定的な「DOM操作＝jQuery」「モバイルフレームワーク＝jQuery Mobile」と、内容が多岐にわたるライブラリが多く1対1では比較しづらい「Webグラフィックス」と「テンプレートエンジン」を省略した。
フレームワーク関連
ここでは、JavaScriptライブラリの人気ランキングを紹介する。
MVC系フレームワーク
JavaScriptのMVC系ライブラリの代表は次の4つとなる。
- 「その他」の具体的な内容例： いくつか回答があったが、その中でも特に「Vue.js」の人気が高かった。
やはり「AngularJS」の人気が圧倒的だ。一方でEmber.jsは脱落しそうである。
Web制作時に使えるJavaScript関連ツール
厳密にはJavaScriptライブラリとは言えないが、JavaScript関連ツールの人気ランキングを紹介しよう。
altJS： JavaScript代替
JavaScript言語をより効率的に記述できる代替言語／ツールが注目されており、主に下記の5つがある。
- 1TypeScript
- 2CoffeeScript
- 3Dart
- 4Haxe
- 5JSX
- 「その他」の具体的な内容例： 特に「ClojureScript」の人気が高かった。
前回の記事では、「CoffeeScriptが1位だが、TypeScriptがそう遠くない将来、1位に躍り出る」と書いたが、実際、そうなったようである。
CSSプリプロセッサー（CSSメタ言語）
altJSが出たなら、CSSプリプロセッサーの方も気になるので、これについても見ておこう。下記の3つは、主要なCSSプリプロセッサーである。
※「その他」に、複数の人で同じ内容の回答はなかった。
今回の調査では「Sass」が飛び抜けて1位になった。前回の記事では、「LESS」が首位だったが、やはり「less」は一般的な英単語のため、検索ノイズの影響が大きかったのだろうと想像している。
JavaScriptテストツール
最後に、JavaScriptコードをテストする際に使えるツールについて見ておこう。このジャンルでは、次の4つが有名だ。
※「その他」に、複数の人で同じ内容の回答はなかった。
前回の記事の一番人気は「QUnit」だったが、「Jasmineが人気を高めている」と説明した。現時点で、現場の声としては「Jasmine」が首位になっている（※今回の質問形式が「使っているもの」ではなく、「使いたいもの」という利用意向を聞くものなので、結果が検索キーワードの場合と必ずしも一致しない可能性があることにも留意してほしい）。
■
以上の結果をまとめると、下記のJavaScriptライブラリ＆ツールは今後ますます勢いを増すだろう。これら（＋当然ながら「jQuery」と「jQuery Mobile」）については、可能な限り、その内容を押さえておきたいところである。
JavaScriptライブラリ以外にも、「Web技術の中で特に注目しているテクノロジがあれば、具体的にお聞かせください」という質問（自由回答形式）で、Web技術全般の人気動向を調査した。その結果、以下の人気順でWeb技術が注目されていることが分かった。
- 1WebSocket
- 2SPDY／HTTP 2.0
- 3HTML5
- 3TypeScript
- 4Web Components
- 5AngularJS
- 5WebGL
- 5Immutable Infrastructure（Dockerなど）
- 6Scala ＋ Play Framework
- 6SignalR
- 6WebRTC
- 7d3.js
- 7リアクティブプログラミング（Rxなど）
- 7Dart
以上、実際のWeb制作でJavaScriptライブラリ／Web技術を選択・学習する際の参考にしてほしい。
※以下では、本稿の前後を合わせて5回分（第1回～第5回）のみ表示しています。
連載の全タイトルを参照するには、［この記事の連載 INDEX］を参照してください。
1. We surveyed the most popular developer technology in Japan
The popularity rankings of development-technologies which developers want to use in the future.
3. 【現在、表示中】≫ 今、本当に人気がある「JavaScriptライブラリ＆ツール」を調べてみた
Web制作者／開発者が「今後、使いたい」JavaScriptライブラリおよびWeb技術を、ランキング形式で発表。2014年度前半はこれらを押さえよう。
4. 2015年に向けて人気が高まっている、JavaScriptライブラリ／スマートフォン／次世代デバイスなどの開発技術
開発者が「今後、使いたい」と考えている開発技術を、ランキング形式で発表。2014年度後半はこれらに注目しよう。
5. “3K”と言われるほどブラックではない？！ デベロッパー＆Web制作者の実態と未来予想
実働時間や勤務時間外でしていること、転職する際の決め手、現職と転職希望先の職種、東京オリンピックが開催される2020年のIT業界予想などのアンケート調査結果を紹介。
