【LINE DEV DAY 2019 番外編】UIT Front-end Tooling Survey 2019

こんにちわ。UIT1室 Front-end Standardization Team 岡崎です。LINE DEV DAY 2019ではデザインシステムにおけるフロントエンドについて発表させて頂きました。

今回は番外編として、セッションの冒頭で一部紹介したフロントエンド開発組織UITにおけるFront-end Tooling Survey 2019の結果を全て公開します。

DEV DAYで発表したデザインシステムに関する話題ではありませんのでご了承ください。

登壇資料

Front-end Tooling Survey とは?

Ashley Nolanさんが毎年開催しているフロントエンド周辺のツールに関するアンケート調査です。グローバルで毎年3,000-5,000人規模のエンジニアが、この調査に参加しています。

同じ内容の調査をLINEのフロントエンドエンジニアに対して行ったのが、UIT Front-end Tooling Surveyです。2018年から実施して今年で2回目になります。

メンバーとプロジェクトが増えるにつれ多様化するスキルと開発環境、これらを把握する良い機会と捉え、我々はこのアンケートを楽しんで実施しています。

具体的な数値を詳細に公開するのは初の試みですが、我々のことをより深く知って頂ければ幸いです。

比較のためにAshley Nolanさんが行った結果をWorldと表記し共に掲載します。お楽しみください。

調査結果

Voters

Q1. General Front-end Experience

Q2. CSS Knowledge

Q3.CSS Processor Usage

Q4.CSS Processor Experience

Q5.CSS Frameworks

Q6.CSS Naming Schemes

Q7.CSS Linting

Q8.CSS Tool Experience

Q9.CSS Methodologies and Naming Scheme Experience

Q10.CSS Tool Usage

Q11.Preferred CSS-in-JS tool

Q12.CSS Feature Usage

Q13.JavaScript Knowledge

Q14.Task Runners

Q15.Knowledge of JavaScript Libraries and Frameworks

Q16.Frequency of JavaScript libraries and frameworks

Q17.Majority of JavaScript libraries and frameworks

Q18.JavaScript Module Bundlers – Usage

Q19.JavaScript Module Bundlers & Task Runners – Experience

Q20.JavaScript Transpilers

Q21.JavaScript Extension Languages

Q22.JavaScript Linting

Q23.JavaScript Testing

Q24.Performance Tools, Libraries or Language Features

Q25.Accesibility Tools

Q26.JavaScript Package Managers

Q27.Miscellaneous Tools

最後に

LINEとWorldを比較して、顕著に違いがあったところ、気づいた点を以下に抜粋しました。主語はLINEで、括弧は私の推測です。

  • Q12 新しいCSS機能の使用は、やや控えめ。(サービスによってはレガシーなブラウザもサポートしているから?)
  • Q14 タスクランナーは圧倒的にnpmが多い。(Gulp/Gruntの依存関係に疲れた?)
  • Q15-17 世界的にポピュラーなReactよりもVueが支持されている。(Reactが流行る前から社内で使っていて実績があるから?)

DEV DAYでもお伝えしましたが、やはりLINE最大の特徴はVueが最もポピュラーということです。

ただし、これは全体の話であって、実はブランチ(東京、京都、福岡、海外)ごとにそれぞれトレンドが異なります。来年、機会があればブランチごとの調査もしてみたいと思います。

いかがでしたか?数値で見ると、また違うUITの一面が見えたのではないでしょうか?

LINEではフロントエンドに関心のあるエンジニアを募集しております。興味がある方はぜひご応募ください。

Related Post