State of JavaScript 2024の公開など: Cybozu Frontend Weekly (2025-01-07号)

こんにちは! サイボウズ株式会社フロントエンドエンジニアの Saji (@sajikix) です。

はじめに

サイボウズでは毎週火曜日に Frontend Weekly という「一週間にあったフロントエンドニュースを共有する会」を社内で開催しています。

今回は、2025/01/07 の Frontend Weekly で取り上げた記事や話題を紹介します。

取り上げた記事・話題

State of JavaScript 2024

https://2024.stateofjs.com/en-US/

JavaScript エコシステムの調査である State of JavaScript 2024 が公開されました。2024 年の JavaScript のトレンドやフレームワークの人気などがまとめられています。

Features のセクションでは配列の新しい非破壊系のメソッドがすでにかなり使われていることが伺えます。またランタイムでは Bun が、バックエンドフレームワークとしては Hono などが伸びている様子が伺えます。Awards セクションでは Vite 関連が総なめしており、コミュニティも Vite や void0 への関心が高そうなのが見て取れます。

bun test が速いので vitest から置き換えたらめちゃ高速化された

https://zenn.dev/studio/articles/c5207260e90e8c

vitest から　 bun test に置き換えた結果実行速度が大幅に向上したという記事です。mock.module をリセットする方法がないなどいくつかの制約はありますが、高速化のメリットを重視したい場合は bun test を検討してみるのも良いかもしれません。

2024 In Review: What’s New In Web Performance? | DebugBear

https://www.debugbear.com/blog/2024-in-web-performance

2024 年にあった Web パフォーマンス周りの変化についてまとめた記事です。

INP(Interaction to Next Paint)が Core Web Vital の指標に入ったことや、scheduler.yield、Speculation rules といったパフォーマンス向上のための新しい提案中の API が Chromium 系のブラウザでサポートされたことなども挙げられています。

Design Token-Based UI Architecture

https://martinfowler.com/articles/design-token-based-ui-architecture.html

アジャイル開発の提唱やオブジェクト指向、デザインパターンなどの著者で有名なマーティンファウラー氏のブログでデザイントークンの解説記事が出ています。セマンティックトークンやコンポーネントトークンなどの解説も乗っており理解を深めることができます。

Release Notes for Safari Technology Preview 210 | WebKit

https://webkit.org/blog/16406/release-notes-for-safari-technology-preview-210/

Safari Technology Preview 210 のリリースノートが公開されました。このバージョンでは CSS の text-autospace property や ::details-content pseudo-element サポートなどが入ったほか、Scroll-driven Animations も Preview でサポートされました。

Proposed contractual remedies in United States v. Google threaten vital role of independent browsers

https://blog.mozilla.org/en/mozilla/internet-policy/google-remedies-browsers/

米司法省が Google に提示した独占禁止是正措置に対して、「Web 自体に害を与えるのではないか」と Mozilla が警鐘を鳴らしている記事です。Firefox のようなブラウザはデフォルト検索エンジンを Google にすることで得られるライセンス料から資金を調達している側面があり、司法省の措置が結果的に独立ブラウザの資金調達を妨げる可能性があるとして懸念を示しています。

2024 Year-in-Review: A look back at your year with Microsoft Edge - Microsoft Edge Blog

https://blogs.windows.com/msedgedev/2024/12/19/2024-year-in-review-a-look-back-at-your-year-with-microsoft-edge/

Microsoft Edge の 2024 年を振り返ったブログです。AI Chat の回数やファイルのシェア数、節約したメモリ量など一定シェアのあるブラウザならではの統計が紹介されています。

Security Vulnerability Report | rspack

https://github.com/web-infra-dev/rspack/releases/tag/v1.1.8

postinstall script を悪用した rspack へのサプライチェーンアタックがあったという報告です。埋め込まれたのは crypto mining script だったようで直接大きな影響はなさそうですが、npm script の設定などには注意が必要です。

recoil が 1 月 2 日、アーカイブに

https://github.com/facebookexperimental/Recoil

Meta 社が公開していた状態管理ツールである recoil がアーカイブに変更されました。以前からメンテナのレイオフが続いているという噂が上がっていましたが、実際全てのメンテナがレイオフされてしまったようです。