matsutoba’s blog

フロントエンドエンジニアをしています

Javascriptのことをどれくらい知っているか確認してみた

State of JavaScript 2022

最近教えてもらって、次にどのライブラリの勉強をするか参考になりました。

stateofjs.com

最後まで頑張ってアンケートに協力すると、ナレッジスコアが表示されました。
スコアが40%しかなく知らないことが多かったので、後で調べるためにメモしておきます。

JavaScriptの語彙

  • Proxy
  • Promise.allSettled()
  • Dynamic Import
  • Nullish Coalescing
  • プライベートフィールド
  • Numeric Separators
  • String.prototype.replaceAll()
  • String.prototype.matchAll()
  • Logical Assignment
  • Promise.any()
  • Array.prototype.at()
  • Top Level await()
  • Temporal
  • Array.findLast()
  • Error.prototype.cause
  • Object.hasOwn()
  • Regexp Match Indices

ブラウザのAPI

  • Service Workers
  • Intl
  • WebGL
  • Web Animations
  • WebRTC
  • Web Speech API
  • WebSocket
  • Custom Elements
  • Shadow DOM
  • Page Visibility API
  • Broadcast Channel API
  • Geolocation API
  • File System Access API
  • Web Share API
  • WebXR Device API

その他の記述

  • プログレッシブ・ウェブアプリ(PWA)
  • WebAssembly (WASM)

フロントエンドフレームワーク

  • React
  • Vue.js
  • Angular
  • Preact
  • Ember
  • Svelte
  • Alpine.js
  • Lit
  • Solid
  • Qwik
  • Stencil

レンダリングフレームワーク

  • Next.js
  • Nuxt
  • Gatsby
  • Remix
  • Astro
  • Eleventy
  • SvelteKit
  • Docusaurus

テスト

  • Jest
  • Mocha
  • Storybook
  • Cypress
  • AVA
  • Jasmine
  • Puppeteer
  • Testing Library
  • Playwright
  • WebdriverIO
  • Vitest
  • Selenium
  • TestCafe

モバイル&デスクトップ

  • Electron
  • React Native
  • Native Apps
  • Cordova
  • Ionic
  • Capacitor
  • NW.js
  • Expo
  • Quasar
  • Tauri
  • NativeScript

ビルドツール

  • webpack
  • Parcel
  • Gulp
  • Rollup
  • Browserify
  • tsc CLI
  • Rome
  • Snowpack
  • SWC
  • esbuild
  • Vite
  • WMR
  • Turbopack

モノレポのツール

  • Rush
  • Turborepo
  • Yarn Workspaces
  • Yalc
  • Lerna
  • npm Workspaces
  • pnpm
  • Nx

ライブラリ

  • Immer
  • Lodash
  • Underscore.js
  • Ramda
  • jQuery
  • RxJS
  • stdlib
  • Zod
  • Partytown
  • Mitosis

日付管理ライブラリ

  • Moment
  • Day.js
  • date-fns
  • Luxon

データ表示ライブラリ

  • D3
  • Mermaid
  • Nivo
  • Recharts
  • Visx
  • Victory
  • ECharts
  • Chart.js
  • Highcharts
  • Plotly

グラフィックス&アニメーション

  • Three.js
  • Theatre.js
  • Anime.js
  • React-Spring
  • Lottie
  • GreenSock
  • Popmotion
  • Framer Motion
  • Motion One

データフェッチング

  • tRPC
  • Apollo Client
  • Axios
  • TanStack Query (React Query)
  • swr
  • Relay

バックエンドフレームワーク

  • Express
  • Nest
  • Strapi
  • Fastify
  • Meteor
  • Hapi
  • Koa
  • Adonis
  • Keystone
  • Redwood

ユーティリティ

  • Babel
  • nvm
  • N
  • zx
  • Volta
  • Verdaccio

JavaScriptランタイム

  • Browser
  • Node.js
  • Deno
  • ChakraCore
  • Hermes
  • Service Workers
  • Bun

JavaScript エッジ/サーバレス ランタイム

  • AWS Lambda
  • Cloudflare Workers
  • Netlify Edge Functions
  • Fastly Edge Compute
  • Google Cloud Functions
  • Akamai EdgeWorkers
  • Next.js Edge Runtime
  • Fly.io
  • Digital Ocean Functions

JavaScriptコンパイルする言語

  • TypeScript
  • Reason
  • Flow
  • Elm
  • ClojureScript
  • PureScript
  • CoffeeScript
  • ReScript
  • lmba