Deep Insider の Tutor コーナー
>>  Deep Insider は本サイトからスピンオフした姉妹サイトです。よろしく! 
Build Insider Survey【2015年4月実施】

Build Insider Survey【2015年4月実施】

2015年、人気の「JavaScriptライブラリ&ツール」はどれ? Angular vs. Reactの行方

2015年5月29日

Web制作者/開発者が「今後、使いたい」JavaScriptライブラリおよびWeb技術を、ランキング形式で発表。2015年度はこれらを押さえよう。

デジタルアドバンテージ 一色 政彦
  • このエントリーをはてなブックマークに追加

 JavaScriptライブラリの栄枯盛衰は、すさまじいスピードで進んでいる。2015年、本当に利用意向の高いJavaScriptライブラリはどれなのか。これを調査するため、Build Insiderではアンケート調査を実施した(ちなみに、本稿とほぼ同じ質問内容のアンケート調査を毎年4月に実施している。この定点観測により、技術トレンドの推移を浮き彫りにしたいと考えている。その去年の結果はこちら)。

 さっそくランキングをジャンル別に紹介していこう

JavaScript関連全体の動向

 まずは、どういったジャンルの人気が高いかをチェックしよう。

▲ジャンル一覧に戻る

人気ジャンル

 JavaScriptライブラリ/ツールの中で、実際のプロジェクトでの利用意向が高いジャンルは、以下の通りだった(上位5つ)。

  • 1UIライブラリ(jQuery UI、Bootstrapなど)
  • 2altJS(JavaScript代替。TypeScriptなど)
  • 3MV*などの各種フレームワーク(ReactやAngularJSなど)
  • 4DOM操作(jQueryなど)
  • 5CSSプリプロセッサー(CSSメタ言語。Sassなど)

 次のグラフに示すように、「UIライブラリ」が55%と過半数で1位、AltJSが49%と約半数で2位となった。1年前同時期に断トツの1位だった「MVC(Model-View-Controller)系フレームワーク」は、約68%から43%へと、約25%も大幅下落しており、JSフレームワーク自体の人気に陰りがあるようだ。

JavaScriptライブラリ/ツールの人気ジャンル[複数回答可]
JavaScriptライブラリ/ツールの人気ジャンル[複数回答可]

6位以降の順位: 「JavaScriptパッケージマネージャー(npmやBowerなど)」「Webグラフィックス/データ可視化(three.jsなど)」「JavaScriptテストツール(Jasmineなど)」「タスクランナー(Grunt、gulp.jsなど)」「UIコンポーネント(Web Components)」「モバイルフレームワーク(jQuery Mobileなど)」「WoT(Web of Things: IoTをWeb技術で実現)」「JavaScriptライブラリ/ツールは不要」「その他」。
「その他」の具体的な内容例: 「ユーティリティライブラリ(lodashなど)」「データ操作(Underscore.jsやLinq.jsなど)」。

フレームワーク関連

 ここでは、各JavaScriptライブラリの人気ランキングを紹介する。

▲ジャンル一覧に戻る

MV*などのJavaScriptフレームワーク

 今、最も人気があるJavaScriptフレームワークは次の4つとなる。

 1年前に続き、やはり「AngularJS」の人気が圧倒的だ。しかしながらパーセンテージで見ると、1年前の約72%から約54%へと、18%も下落している。

 比較的新しいフレームワークのReactが2位に入り、急成長中である(38%なので、まだ少し1位と差があるようだ)。逆に4位のBackbone.jsは、1年前から20%ほど減らしており、来年には上位から脱落そうである。

MVC*などのJavaScriptフレームワークの人気ランキング[複数回答可]
MVC*などのJavaScriptフレームワークの人気ランキング[複数回答可]

「その他」の具体的な内容例: 「Three.js」「Polymer」「pixi.js」「jQueryで十分間に合ってる」。

Web制作時に使えるJavaScript関連ツール

 続いて、JavaScript関連ツールの人気ランキングを紹介しよう。

▲ジャンル一覧に戻る

altJS(JavaScript代替)

 JavaScript言語をより効率的に記述できる代替言語/ツールでは、主に下記の2つが人気である。

 AltJSについては、TypeScriptの圧勝(79%)となっており、当分、この差は逆転できないだろう(この調査項目は、来年以降はもう不要かもしれない)。

 今回、「altJSは不要」という選択肢も含めてみたが、1割程度のWebエンジニアが「不要」と答えている。特にHaxeは、1年前の15%から今回の4%へと比較的大きく人気が下降した。

altJS(JavaScript代替)の人気ランキング[複数回答可]
altJS(JavaScript代替)の人気ランキング[複数回答可]

「その他」の具体的な内容例: 「AtScript」「FunScript」「scala.js」「LiveScript」「PureScript」。

▲ジャンル一覧に戻る

CSSプリプロセッサー(CSSメタ言語)

 altJSが出たので、次にCSSプリプロセッサーも見ておこう。下記の2つが人気だ。

 1年前は圧勝(75%)だったSass(SCSS)が、1位を維持しているものの49%となり、26%も減らしている。これによって、2位のLESSとの差が縮まっている。

 この質問でも「CSSプリプロセッサーは不要」という選択肢を含めたが、2割以上と、多くのWebエンジニアが「不要だ」と考えていることも分かった。この分野は決着が付いていない状況なので、来年もまたチェックしたい。

CSSプリプロセッサー(CSSメタ言語)の人気ランキング[複数回答可]
CSSプリプロセッサー(CSSメタ言語)の人気ランキング[複数回答可]

「その他」には、ツール名の回答がなかった。

▲ジャンル一覧に戻る

JavaScriptテストツール

 最後に、JavaScriptコードをテストする際に使えるツールについても見ておこう。このジャンルでは、次の4つが人気だ。

 依然としてJasmineが1位だ。が、今回、Webブラウザー自動実行ツールのSeleniumを選択肢に加えたところ、これが僅差で2位になっている。

 1年前と比較すると、Mochaが約41%から約11%と大きく下げている。

JavaScriptテストツールの人気ランキング[複数回答可]
JavaScriptテストツールの人気ランキング[複数回答可]

「その他」の具体的な内容例: 「PhantomJS」。

 以上の結果をまとめると、2015年春時点では、下記のJavaScriptライブラリ&ツールの利用意向が高まっているので、ぜひその内容を押さえておこう(+「jQueryで十分」というWebエンジニアも少なくないので、こちらも併せて習得しておきたい)。

 全体的な印象では、AngularJSの人気が落ち着いてきており、その他の新しいJavaScriptフレームワークの勃興も比較的緩やかになってきている印象である。

 JavaScriptライブラリ以外にも、「Web技術の中で特に注目しているテクノロジがあれば、具体的にお聞かせください」という質問(自由回答形式)で、Web技術全般の人気動向を調査した。その結果、以下の人気順でWeb技術が注目されていることが分かった(太字の項目は、去年にはなく今年新しく入った項目)。

  • 1最新ASP.NET技術(MVC/Web API/SignalR含む)
  • 2WebRTC
  • 2HTML5
  • 2TypeScript
  • 2AngularJS
  • 2WebGL
  • 2React(およびFlux)
  • 2Cordovaなどによるハイブリッドアプリ
  • 3IoT+Web技術
  • 3Node.js
  • 3Service Worker
  • 3SPA(シングルページアプリ)
  • 4その他: 「Ajax」「c3.js」「Chromium OS」「Reagent: Minimalistic React for ClojureScript」「Machine Learning」「Polymer」「Web Components」「WebStorage」「Web広告業界の裏側の仕組み」「コンテナー技術」「シームレスなオフライン対応」など

 以上、実際のWeb制作でJavaScriptライブラリ/Web技術を選択・学習する際の参考にしてほしい。

回答者属性

▲ジャンル一覧に戻る

年齢層

 年齢層は、前回(半年前)なお、1年前の調査は前々回に当たる)とほぼ同じで、23歳までの学生層が約5%、24~34歳の若手層が47%と、若い技術者が過半数だった。それ以降の35~44歳の中堅層が35%、45歳以上のベテラン層は13%となっている。

年齢層[単一回答]

年齢層[単一回答]

▲ジャンル一覧に戻る

職業

 「業務アプリ開発」と「Web開発者」が多い。これも前回とほぼ同じだが、「スマホアプリ開発者」と「ソーシャルゲーム開発者」がそれぞれ1つずつランクを落としている。

職業[複数回答可]
職業[複数回答可]

「その他」の具体的な内容例: 「テストエンジニア」「家事手伝い」「マーケッター」「スマホアプリ運用」「フリーランス」「プログラムライター」。

▲ジャンル一覧に戻る

プログラミング言語

 Webデザイン/開発で必須の「JavaScript」を使う人が60%を超えているのは当然として、「C#」も50%を超えて1位になっているのは、本サイトの特徴だろう。

 前回と比較すると、3位のJava開発者の回答者は前回より10%ほど減ったり、PHPが7%ほど増えたり、C言語が約6%減ったりしている。前回、目立ったSwiftについては、5.7%→3.8%になるなど、勢いが少し落ち着いてきたようである。

プログラミング言語[複数回答可]
プログラミング言語[複数回答可]

「その他」の具体的な内容例: 「VBA(2名)」「VBScript」「PowerShell(Module, DSC)」「TypeScript」「AngularJS」「Xtend」など。

▲ジャンル一覧に戻る

作業用マシン

 圧倒的に「Windows」を使う人が多い(前回とほぼ同じ)。

作業用マシン[複数回答可]
作業用マシン[複数回答可]

「その他」の具体的な内容例: 「Raspberry Pi 2」。

※以下では、本稿の前後を合わせて5回分(第5回~第9回)のみ表示しています。
 連載の全タイトルを参照するには、[この記事の連載 INDEX]を参照してください。

Build Insider Survey【2015年4月実施】
5. “3K”と言われるほどブラックではない?! デベロッパー&Web制作者の実態と未来予想

実働時間や勤務時間外でしていること、転職する際の決め手、現職と転職希望先の職種、東京オリンピックが開催される2020年のIT業界予想などのアンケート調査結果を紹介。

Build Insider Survey【2015年4月実施】
6. The most popular developer technologies in Japan [October 2014]

This article describes the popularity rankings of development-technologies which developers want to use in the future.

Build Insider Survey【2015年4月実施】
7. 【現在、表示中】≫ 2015年、人気の「JavaScriptライブラリ&ツール」はどれ? Angular vs. Reactの行方

Web制作者/開発者が「今後、使いたい」JavaScriptライブラリおよびWeb技術を、ランキング形式で発表。2015年度はこれらを押さえよう。

Build Insider Survey【2015年4月実施】
8. 2015年、人気の「開発技術&ツール」はどれ? ついにクラウドが過半数、AWS vs. Azureの2強時代、Atom躍進

開発者が「今後、使いたい」と考えている開発技術やツールを、ランキング形式で発表。2015年度後半はこれらに注目しよう。

Build Insider Survey【2015年4月実施】
9. In 2015, the most popular developer technologies and tools in Japan: AngularJS vs. React, AWS vs. Azure, and a big leap of Atom

This article describes the popularity rankings of development technologies and tools which developers want to use in the future.

サイトからのお知らせ

Twitterでつぶやこう!