O hirunewani blog

Frontend Weekly 2024-11-08

Created at

ESLint v9.14.0、Wasmer v5、Node.js v22 (LTS)、Safari 18.1などについて

ESLint v9.14.0

ESLint v9.14.0がリリース。

https://eslint.org/blog/2024/11/eslint-v9.14.0-released/

ES2025のImport AttributesとRegular Expression Pattern Modifiersがサポート。

Wasmer v5

Wasmer v5がリリース。

https://wasmer.io/posts/introducing-wasmer-v5

V8やWAMR、Wasmiなどのインタプリタをバックエンドとして利用可能に、またこれらのインタプリタを利用したiOS上でのWebAssemblyの実行をサポート。

Node.js v22 (LTS)

Node.js v22がLTSリリース。

https://nodejs.org/en/blog/release/v22.11.0

EOLの予定は以下の通り。

VersionEOL Date
22.x2027-04-30
20.x2026-04-30
18.x2025-04-30

Safari 18.1

Safari 18.1がリリース。

https://webkit.org/blog/16188/webkit-features-in-safari-18-1/

display: contents関連の修正や、iframe要素内のCross-Origin-Opener-Policyヘッダーが無視されずwindow.openerがnullになる問題の修正などが行われている。

New to the web platform in October | web.dev

fetchPrioritybox-decoration-breakrequestVideoFrameCallback()などがBaseLineに。

https://web.dev/blog/web-platform-10-2024?hl=en

HTML Form Validation is heavily underused

強力だがあまり活用されていないHTMLフォームの標準バリデーションについての記事。

https://expressionstatement.com/html-form-validation-is-heavily-underused

setCustomValidityなどについて解説。

CSS sprite sheet animations

CSSスプライトを利用したアニメーションについての記事。

https://leanrada.com/notes/css-sprite-sheets/

CSSスプライトアニメーションは、小さなフレームのアニメーションで有効。