State of Frontend 2022 の設問を日本語にしてみた

• 本記事のコンテンツはState of Frontend 2022から引用した設問を日本語にしたものになります。

State of Frontend とは

世界中のフロントエンドエンジニアを対象とした現在、未来のフロントエンド界隈のトレンドを可視化するために行われているアンケートです。

前回のアンケートは 2020 年に行われ、4500 名以上のフロントエンドエンジニアがアンケートに回答した統計がまとめられています。

State of Frontend 2020(英語)

本記事では質問３７問を日本語意訳してみました。サクサク回答できるので 10 分もかからないと思います。ざっくり読むだけで近年のトレンドを把握できますし、経験年数関係なく回答できるのでフロントエンド開発に関わる方は回答してみるのも楽しいかもしれません。

1 How long have you been in the frontend development game?

Q: フロントエンドの開発経験年数を教えてください

• 数ヶ月
• 1 年以上
• 3 年以上
• 5 年以上
• 10 年以上

2 How would you describe your current status?

Q: あなたのロールは何ですか？

• Jr. エンジニア
• 中級エンジニア
• Sr. エンジニア
• リードエンジニア
• テックリード
• CTO
• その他

3 Over the past year, which of the following frameworks have you used and liked?

Q: ここ一年で利用した Framework の中で良かったものを教えてください（複数選択可）

• Angular
• Backbone.js
• Ember.js
• Gatsby
• Next.js
• Nuxt.js
• React
• Remix
• Svelte
• Vue.js
• Other

4 Over the past year, which of the following frameworks have you used and disliked?

Q: ここ一年で利用した Framework の中で良くなかったものを教えてください（複数選択可）

• Angular
• Backbone.js
• Ember.js
• Gatsby
• Next.js
• Nuxt.js
• React
• Remix
• Svelte
• Vue.js
• Other

5 Which of the following frameworks would you like to learn in the future?

Q: これから学びたいと思う Framework を教えてください（複数選択可）

• Angular
• Backbone.js
• Ember.js
• Gatsby
• Next.js
• Nuxt.js
• React
• Remix
• Svelte
• Vue.js
• Other

6 Over the past year, which of the following libraries have you used and liked?

Q: ここ一年で利用したライブラリで良かったものを教えてください（複数選択可）

• Apollo
• Axios
• Date-FNS
• Lodash
• Moment
• Ramda
• Redux
• Relay
• Rx.js
• Other

7 Over the past year, which of the following libraries have you used and disliked?

Q: ここ一年で利用したライブラリで良くなかったものを教えてください（複数選択可）

• Apollo
• Axios
• Date-FNS
• Lodash
• Moment
• Ramda
• Redux
• Relay
• Rx.js
• Other

8 Which the following libraries would you like to learn in the future?

Q: これから学びたいと思っている ライブラリ を教えてください（複数選択可）

• Apollo
• Axios
• Date-FNS
• Lodash
• Moment
• Ramda
• Redux
• Relay
• Rx.js
• Other

9 Over last year, have you used Typescript?

Q: ここ一年の間に Typescript を利用しましたか？

• はい
• いいえ

10 In your opinion, which of the following future of Typescript scenarios seems most likely to happen?

Q: あなた個人の見解で Typescript の未来として最も起こりそうだと思うものはどれですか

• JavaScript は今後もフロントエンドの標準となる
• JavaScript に TypeScript のような仕様が実装される
• JavaScript も TypeScript、どちらも同じくらい利用される
• フロントエンド開発のスタンダードが JavaScript から TypeScript になる
• みんな TypeScript のことを忘れる

11 Over the past year, which of the following static-site generators have you used?

Q: ここ一年以内に利用した Static Site Generator を教えてください（複数選択可）

• Gatsby
• Hugo
• Next.js
• Nuxt.js
• Vuepress
• なし
• その他

12 Which of the following static-site generators is your favorite to work with?

Q: ここ一年以内に利用した Static Site Generator の中で良かったものを教えてください（複数選択可）

• Gatsby
• Hugo
• Next.js
• Nuxt.js
• Vuepress
• なし
• その他

13 Over the past year, which of the following browser technologies have you used?

Q: ここ一年以内に利用したことのあるブラウザ技術を教えてください（複数選択可）

• Clipboard API
• Geolocation API
• File System Access API
• Fullscreen API
• WebAssembly
• WebGL
• WebHID API
• Web Sockets API
• WebRTC API
• なし
• その他

14 Over the past year, which of the following design systems was your favorite go-to solution?

Q: いちばん好きなデザインシステムはどれですか

• Material UI/ MUI
• Bootstrap
• AntDesign
• Tailwind UI
• Vuetify
• 自作のソリューション
• その他

15 Over the past year, which of the following styling tools was your favorite go-to solution?

Q: ここ一年以内に利用したもので好みのスタイリングツールを教えてください(最大３つまで選択可)

• Chakra
• CSS Modules
• Emotion
• SCSS
• Styled Components
• Tailwind
• Vanilla Extract
• その他

16 Over the past year, which of the following development tools have you used?

Q: ここ一年で開発環境に利用したツールを教えてください(複数選択可)

• Bun
• EsBuild
• Eslint
• Parcel
• Prettier
• Rollup
• TSLint
• WebPack
• Vite
• 自作のカスタムソリューション
• その他

17 What’s your favorite desktop code editor?

Q: 一番好きなコードエディタを教えてください

• Atom
• Brackets
• JetBrains IDE(WebStorm など)
• Sublime
• Vim
• VSCode
• その他

18 What's your favorite browser code editorThis question is required.

Q: 一番好きなブラウザエディタはどれですか

• CodeSandbox
• Replit
• StackBlitz
• なし
• その他

19 What's your favorite version control provider?

Q: 一番好きなバージョン管理プロバイダは何ですか

• BitBucket
• GitHub
• GitLab
• Petforce
• なし
• その他

20 Do you use Continuous Integration?

Q: CI は利用していますか？

• はい
• いいえ

21 Which of these Continuous Integration solutions have you used over the last year?

Q: 去年利用した CI ソリューションを教えてください（複数選択可）

• Azure DevOps/Pipelines
• BitBucket Pipelines
• Circle CI
• GitHub Actions
• GitLab CI
• Jenkins
• Travis CI
• その他

22 Who’s responsible for testing in your software development teams?

Q: 開発チームの中でテストの責任は誰にありますか

• 開発者のみ
• ほぼ開発者のみ
• 開発者と QA チーム
• ほぼ QA チーム
• QA チームのみ

23 Have you performed software tests yourself over the last year?

Q: 去年あなたはシステムテストを実施しましたか？

• はい
• いいえ

24 What kinds of tests have you written yourself?

Q: どんな種類のテストを書きましたか？（複数選択可）

• Unit Test
• Integration Test
• E2E Test
• その他

25 Over the past year, have you used the following testing tools?

Q: ここ一年で以下のテストツールを利用しましたか？（複数選択可）

• Cypress
• Jest
• Mocha
• Super Test
• Testing Library
• その他

26 Where do you deploy your applications to the most often?

Q: よく利用するデプロイ先を教えてください（３つまで選択可）

• AWS
• Azure
• CloudFlare Pages
• GCP
• Netlify
• Vercel
• 自作またはオンプレサーバー
• その他

27 Over the past year, have you used micro frontends?

Q: ここ一年で Micro Frontend を利用しましたか？

• はい
• いいえ

28 What methods/good practices do you use in your frontend projects?

Q:　フロントエンド開発プロジェクトで採用しているプラクティスを教えてください

• CI & CD
• コードレビュー
• コンテナ化
• Git Flow
• Kanban
• スクラム
• バージョン管理
• その他

29 How often do you take care of application's...

Q: アプリケーションそれぞれのどの部分のタスクを担うことが多いですか？

• 検索エンジンの最適化
• アクセシビリティ
• レスポンシブネス
• パフォーマンス
• UX
• Developer Experience

30 In your opinion, which of these trends/solutions will rise in popularity, and which will be pretty much dead in 2 years from now?

Q: 以下のトレンド/ソリューションは 2 年後にそれぞれどうなっていると思いますか？(1~3 の 3 段階回答式 + 未回答可)

• アクセシビリティ
• Atomic Design
• コンポーネント駆動開発
• クロスプラットフォームアプリケーション
• GraphQL
• ヘッドレス CMS
• JAMStack
• Micro Frontends
• Online ページビルダー
• PWA
• SSR
• Web Components
• Web Assembly

31 What is your country of residence?

Q: 今住んでいる国はどこですか

32 How does your work look like now?

Q: 仕事環境を教えてください

• フルリモート
• 出社＆リモート勤務
• オフィス出社のみ

33 What's the size of the company you work in?

Q: 会社規模(従業員数)を教えてください

References

• State of Frontend 2022(Survey)
• State of frontend 2022

[2022.02.15更新] 設問内容を日本語にしたものを記事として公開しても問題ないかState of Frontendの供給元The Software Houseに確認したところ問題ないとの返信をいただきました。