JSer.info #698 - ECMAScript 2024が正式にリリースされました。
ES2024では、Object.groupBy
/Map.groupBy
、Promise.withResolvers
、ArrayBuffers.prototype.resize
、Atomics.waitAsync
などが追加されています。
次の記事でも詳しく解説されています。
Playwright v1.45.0がリリースされました。
時間を操作できるClock APIの追加、--fail-on-flaky-tests
フラグの追加、testConfig. respectGitIgnore
の追加などが行われています。
e18e (Ecosystem Performance) というプロジェクトが始まりました。
e18eは、JavaScript エコシステムのパフォーマンスの向上に取り組むプロジェクトです。
現状では、JavaScriptのパッケージに関するガイドラインなどをまとめています。
依存を最新化するcleanup、無駄な依存を減らすspeedup、代替え方法を提供するlevelupという項目でそれぞれガイドが書かれています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Node.js — Node v20.15.0 (LTS)
nodejs.org/en/blog/release/v20.15.0
Node.js v20.15.0リリース。
node:test
がplan
メソッドをサポート、--inspect-wait
フラグを追加、zlib.crc32()
を追加、--disable-wasm-trap-handler
フラグを追加など
Release ES2024 Candidate February 28th 2024 · tc39/ecma262
github.com/tc39/ecma262/releases/tag/es2024-candidate-2024-02-28
ECMAScript 2024がEcma GAで承認されたため正式にリリースされた。
Announcing Rspack v1.0 Alpha - Rspack
www.rspack.dev/blog/announcing-1-0-alpha
Rspack 1.0 Aplhaリリース
optimization.concatenateModule
の有効化、Lightning CSSをビルトインサポート。
オプションを一部変更など
Release Version 17.0.0 Release Notes · facebook/relay
github.com/facebook/relay/releases/tag/v17.0.0
Relay v17.0.0リリース。
Schema Validationの追加、explicit error handlingとsemantic nullabilityを実験的に追加など
Release v1.45.0 · microsoft/playwright
github.com/microsoft/playwright/releases/tag/v1.45.0
playwright v1.45.0リリース。
時間を操作できるClock APIの追加、--fail-on-flaky-tests
フラグの追加、testConfig. respectGitIgnore
の追加など
Introducing React-Admin V5
marmelab.com/blog/2024/06/20/react-admin-v5.html
React-admin v5 リリース
Polyfill supply chain attack hits 100K+ sites
sansec.io/research/polyfill-supply-chain-attack
polyfill.io
から読み込んでるコードにはマルウェア的なバックドアが含まれるようになったという話。
アーティクル
New JavaScript Set methods | MDN Blog
developer.mozilla.org/en-US/blog/javascript-set-methods/
ES2025に入るSet Methodsについて。
Firefox 127で実装されている
TypeScript v4.9からv5.5で追加された機能のおさらい - STORES Product Blog
product.st.inc/entry/2024/06/24/152109
最近のTypeScriptに追加された構文や型推論の機能について
Ecma International approves ECMAScript 2024: What’s new?
2ality.com/2024/06/ecmascript-2024.html
ES2024で追加された機能や構文についてのまとめ。
Object.groupBy
/Map.groupBy
、Promise.withResolvers
、ArrayBuffers.prototype.resize
、Atomics.waitAsync
など
Bun の非互換な拡張 API - moriken's project
scrapbox.io/petamoriken/Bun_%E3%81%AE%E9%9D%9E%E4%BA%92%E6%8F%9B%E3%81%AA%E6%8B%A1%E5%BC%B5_API
Bunの非標準な拡張APIについて
Migrating to Next.js App Router with zero downtime — WorkOS
workos.com/blog/migrating-to-next-js-app-router-with-zero-downtime
Next.jsのPages RouterからApp Routerへの段階的な移行方法について。
- Next.jsのアップデート
useRouter
の移行- 一時的な
/app/new
を作成 rewrites
を使ってクエリでのリダイレクト/pages
の削除
という手順で移行する方法について
React 19 and Suspense - A Drama in 3 Acts | TkDodo's blog
tkdodo.eu/blog/react-19-and-suspense-a-drama-in-3-acts
React 19 RCでのSuspense内の挙動の変更について。
fetch-on-renderとrender-as-your-fetchのパターン、Fetch以外の非同期処理、React 19での修正予定についてなど
Inline conditionals in CSS, now? • Lea Verou
lea.verou.me/blog/2024/css-conditionals-now/
CSSでif文を表現するテクニックについて。
Binary Linear Interpolation、Toggles、Paused animations、Type Grinding、Variable animation nameなど
サイト、サービス、ドキュメント
e18e/e18e
JavaScriptのパッケージに関するガイドライン。
依存を最新化するcleanup、無駄な依存を減らすspeedup、代替え方法を提供するlevelupという項目でそれぞれガイドが書かれている
ソフトウェア、ツール、ライブラリ関係
es-tooling/eslint-plugin-depend: An ESLint plugin for suggesting optimisations in choice of dependency, native equivalents, etc.
github.com/es-tooling/eslint-plugin-depend
ネイティブで利用できるため無駄な依存やメンテナンスされていないパッケージなどを検出するESLintルール