こんにちは、UITサービス開発部の板井です。普段はLINEスキマニのフロントエンド開発担当や、フロントエンド開発に関するイベントの運営をしています。
UITでは社内のフロントエンドエンジニアのトレンドや周辺ツールの利用状況を調査するため、毎年社内に向けてアンケート「UIT Survey」を実施しています。(昨年度の実施レポート)
今回の調査に関しては、毎年UITで行っている世界各地のフロントエンド開発拠点が、コラボレーションして技術を共有し合う「UIT GLOBAL WORKSHOP」という社内イベントのオープニングコンテンツで、結果を発表するために行いました。
概要
- 対象:海外拠点を含むLINEヤフ ーのフロントエンドエンジニア(回答者は日本、韓国、ベトナム、台湾の組織に所属)
- 質問および回答の言語:英語
- 回答期間:2022/11/22-2022/12/07
- 回答者数:121 名
調査した開発者の属性
What company do you belong to?
合併にともない、LINEヤフー全体のフロントエンドエンジニアを対象に調査を行いました。 また、今回の調査は例年よりも日本の開発拠点以外のメンバーの回答の割合が多く、グローバルな調査になっています。
How long have you been with us? (For example, if you have been a member for 1.5 years, select “〜2 years”)
今回の調査に参加したメンバーが現会社にどれだけの期間在籍しているかの結果です。
What is your area of greatest expertise?
今回の調査に参加したメンバーが主に担当している業務の結果です。UITはフロントエンドの専門組織であるため、JavaScript/TypeScript に関するスペシャリストが多い一方で、アクセシビリティ領域などにスペシャリティを持つメンバーも在籍していることが見て取れます。
JavaScript関連
Which frameworks/libraries do you have exposure to in your work?(allow multiple select)
74%近くの開発者がReactを採用したプロジェクトに関わっていることがわかります。 また、React、Vueを使っている開発者の半数近くがNext.jsやNuxtを用いていることがわかります。
Which framework/library do you consider the most preferable?
Reactが最も好まれる傾向にありました。この傾向は昨年の調査から続く傾向になっています。
Is your work done using JavaScript? Or is it done using TypeScript?
95%近くの開発者がTypescriptを利用していることがわかります。
Do you use Node.js (Server-side JavaScript) in your work?
78%の開発者がNode.jsサーバーを開発しており、そのうち半数程度が本番環境用のNode.jsサーバーを開発している結果となっています。具体的に何にNodeサーバーを用いているのかは本調査ではわからいないのですが、サーバーサイドレンダリングなどに用いていると考えられます。また、私が所属しているチームで開発しているプロダクト(LINEスキマニ)では、一部のAPIサーバーをNode.jsを用いてフロントエンドエンジニアが管理しています。
社内ツールに関しては、とくにBot関連の開発で利用されている様子が見受けられます。
We ask this question to those who use server-side JavaScript. What execution runtime do you use?
社内では、試験的にBun、Denoをサーバーサイドのランタイムとして開発しているプロジェクトがあることが、見受けられます。
Which build (bundle/transpile) tool do you use?
Viteが優勢な結果となりました。昨年まではWebpackの採用例が圧倒的であったため、今年からの新たな潮流になっています。
Which libraries do you use for communication with the API layer?
AxiosやFetch APIなどを直接使っているプロジェクトが多く、中〜長期でメンテナンスされるプロダクトを豊富に持つLINEヤフー株式会社の特色が色濃く現れています。一方で、少しずつTanStack QueryやSWRなどのデータ フェッチライブラリを用いているプロジェクトも現れている結果となっており、新規プロジェクトでのモダン技術の採用や既存プロジェクトでのリファクタリングにも積極的です。
Which do you use to manage your API schema?
80%近くの開発者がOpenAPIを用いてAPIスキーマ管理をしている結果となっています。
Which tools do you use for automated testing of JavaScript code
70%近くの開発者がJestを用いており、次点でVitestを用いている結果となっています。
Are you currently developing an NPM package?
半数近くの開発者が現在もnpm packageを開発しており、過去に開発していた人も含めると、7割近くの開発者がnpm packageを開発したことがある結果となっています。また、社内パッケージを外部向けに公開している例もあります。
To what extent have you been involved in activities related to OSS?
半数近くの開発者がプルリクエストを出したり、コメントしたりなど、オープンソースに関わっていることがわかりました。
Accessibility関連
Do you follow any guidelines to ensure accessibility?
Do you know what WCAG is? Or have you read it?
半数近くの開発者が、一部分だけでもWCAG(ウェブコンテンツをよりアクセシブルにするためのガイドライン)を読んでおり、17%の開発者はWCAGをひととおり読んでいる結果となっています。また、社内ではWebアクセシビリティチームによるアクセシビリティの啓蒙(けいもう)活動が行われています。
CSS関連
Which tool chain do you use to build the most used UI in your end-user applications?
What is the most commonly used toolchain for building UIs in internal projects, e.g., internal tools?
UIツールチェインを使わずにフルスクラッチでUIを実装する開発者が最も多く、また、Tailwind CSS、社内UIライブラリのLUI、Bootstrapなどを用いている開発者なども比較的多い結果となっています。
働き方関連
How often do you work remotely?
66%の開発者がほぼ毎日リモートで勤務している結果になっています。
また、約90%の開発者が週1以上リモートで勤務しています。
What language(s) do you use in your job? (allow multiple select)
仕事で使っている言語の1位が英語という結果となっています。社内では、さまざまな言語の話者が混在する場合において、テキストではSlackの翻訳botなどを活用して、ミーティングでは通訳を介してコミュニケーションを行う場合もあります。
Which development methodologies are used in your project?
Aglileな開発を行っているプロジェクトに参加している開発者が90%という結果となっています。
ツール関連
Which editors or IDEs do you use most often for Front-End development?
76%近くの開発者がVSCodeを用いている結果となっています。
Which browser do you usually use for development?
82%近くの開発者がGoogle Chromeを用いており、次点でArcを用いている結果となっています。
まとめ
- 合併にともない、LINEヤフー全体のフロントエンドエンジニアを対象に調査を実施しました。また、例年よりもグローバルな調査になりました。
- リモートワークが主流な風潮が続いています。66%の開発者は、ほぼ毎日リモートで勤務しており、90%近くの開発者が週1以上リモートで勤務しています。
- 開発者がReactを好む傾向は昨年から引き続き継続しています。
- 78%の開発者がNode.jsサーバーを開発しています。さらにその半数程度の開発者が本番環境用のNode.jsサーバーを開発しています。
- npm packageを半数近くの開発者が現在開発しています。また、過去に開発していた人も含めると7割近くの開発者がnpm packageを開発したことがあります。
- OSSに関して、半数近くの開発者がプルリクエストを出したり、コメントしたりなど、オープンソースに関わっています。
- BuildツールとしてViteが最も使われており、昨年までの圧倒的なWebpackの採用と比べて、新たな潮流になっています。
UIT Global Survey2023を介して、LINEヤフーのフロントエンドエンジニアや開発組織について興味を持っていただけることを願っています。また、今回の調査に関して「最新のフロントエンド」についてキャッチアップできるPodcast「UIT INSIDE」にて話しているのでぜひお聞きください。さらに、情報交換の場としてUITは定期的に「UIT Meetup」を開催しています。これらの活動もあわせてご覧いただけると大変嬉しく思います。