JSer.info #729 - Node.js v20.19.0(LTS)がリリースされました。
このリリースでは、Node.js 20.xにrequire(esm)
機能がバックポートされ、ES ModulesをCommonJSから直接インポートできるようになりました。
また、あいまいなJavaScriptファイルをCommonJSとES Modulesのどちらとして扱うかを自動的に判定する--experimental-detect-module
フラグがデフォルトで有効化されるようになりました。
バリデーションライブラリのValibot v1.0がリリースされました。
Valibotは、ZodやArkTypeなどと同じようにスキーマを定義してバリデーションを行うライブラリです。
ValibotはTree Shakingによって利用していないビルダー関数を削除できるような作りになっているため、bundleに含まれるファイルサイズを小さく保てるのが特徴です。
CSSの相対カラーについてのインタラクティブなガイドが公開されました。
この記事では、color-function(from origin channel1 channel2 channel3 / alpha)
の構文、color-mix()
などのカラー関数の使い方や実用例を豊富なインタラクティブなデモを通して解説しています。
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.19.0 (LTS)
nodejs.org/en/blog/release/v20.19.0
Node.js v20.19.0リリース。
Node.js 20.xにrequire(esm)
をバックポート、--experimental-detect-module
をデフォルトで有効に変更など
Node.js — Node v23.10.0 (Current)
nodejs.org/en/blog/release/v23.10.0
Node.js v23.10.0リリース。
--experimental-config-file
フラグを追加しnode.config.json
ファイルにNode.js Optionの設定をかけるように
Oxc Minifier Alpha | The JavaScript Oxidation Compiler
oxc.rs/blog/2025-03-13-minifier-alpha
Oxc Minifier Alphaリリース。
OxcベースのminifierでRolldownにも組み込まれている
Oxlint Beta | The JavaScript Oxidation Compiler
oxc.rs/blog/2025-03-15-oxlint-beta.html
Oxlint Betaリリース
eslint-plugin-oxlint
を使ったESLintとの併用について、.oxlintrc.json
ファイルの解決方法の変更。
.vue
ファイルなどの<script>
に対するLintのサポートなど
Nuxt UI v3 · Nuxt Blog
Nuxt UI v3リリース。
HeadlesUIからReka UIへの移行、Tailwind CSS v4へアップデート、型安全なテーマ設定など
Release Notes for Safari Technology Preview 215 | WebKit
webkit.org/blog/16523/release-notes-for-safari-technology-preview-215/
Safari Technology Preview 215リリース。
Scroll Driven Animation、text-wrap-style: pretty
のサポート、Anchor Positioningのサポート。
Trusted Typesのサポートなど
Valibot v1 - The 1 kB schema library | Valibot
valibot.dev/blog/valibot-v1-the-1-kb-schema-library/
バリデーションライブラリのValibot v1.リリース。
Should Corepack stay in the Node.js distribution? by github-actions[bot] · Pull Request #1697 · nodejs/TSC
github.com/nodejs/TSC/pull/1697#issuecomment-2737093616
corepackはNode.js 25+からは同梱されなくなる。
Node.js 24にはexperimentalなものとして含まれるが、Node.js 24がEOLとなった後のcorepackのメンテナンスはどうなるかは不明
Authorization Bypass in Next.js Middleware · CVE-2025-29927 · GitHub Advisory Database
github.com/advisories/GHSA-f82v-jwr5-mffw
Next.jsのセキュリティ修正として 15.2.3 と 14.2.25がリリースされた。
特定のHTTPヘッダをつけると、middlewareが完全にバイパスされてしまう脆弱性が修正されている
- Next.js and the corrupt middleware: the authorizing artifact - zhero_web_security
- Release v15.2.3 · vercel/next.js
Introducing Motion for Vue - Motion Blog
motion.dev/blog/introducing-motion-for-vue
MotionのVueサポートがリリースされた
Thank you - Open Collective
opencollective.com/styled-components/updates/thank-you
styled-componentsはメンテナンスモードとなり、新しい機能を入れるといった機能開発は行わなくなる予定
Release v4.0.0-alpha.0 · apollographql/apollo-client
github.com/apollographql/apollo-client/releases/tag/v4.0.0-alpha.0
Apollo Client v4.0.0-alpha.0リリース。
asyncMap
/isApolloError
/addTypename
オプションの削除。
React 16のサポート終了、非推奨だったメソッドやオプションの削除、ApolloError
の各種エラーは排他的なエラーであることを明確にするように変更。
Observableの実装をrxjs
に変更、パッケージのビルドターゲットの変更など
アーティクル
Webフロントエンドでのリアクティビティからalien-signalsを知ろう
zenn.dev/comm_vue_nuxt/articles/about-alien-signals
ReactiveのPush/Pull型について。
Vue 3.6で利用されているalien-signalsについて
CSS Relative Colors
ishadeed.com/article/css-relative-colors/
CSSの相対カラーについてのインタラクティブなガイド
Functions in CSS?! | CSS-Tricks
css-tricks.com/functions-in-css/
CSSの関数定義である@function
について
ソフトウェア、ツール、ライブラリ関係
inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.
表示してる範囲だけを描画するVirtual Listライブラリ。React/Vue/Solid/Svelteをサポートしている。