Fork me on GitHub

2025-03-25のJS: Node.js v20.19.0、Valibot v1、CSS Relative Colors

Edit on GitHub 編集履歴を見る

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 Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


Node.js — Node v20.19.0 (LTS)

nodejs.org/en/blog/release/v20.19.0

nodejs ReleaseNote

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

nodejs ReleaseNote

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

JavaScript Tools ReleaseNote

Oxc Minifier Alphaリリース。
OxcベースのminifierでRolldownにも組み込まれている


Oxlint Beta | The JavaScript Oxidation Compiler

oxc.rs/blog/2025-03-15-oxlint-beta.html

ESLint Tools ReleaseNote

Oxlint Betaリリース
eslint-plugin-oxlintを使ったESLintとの併用について、.oxlintrc.jsonファイルの解決方法の変更。
.vueファイルなどの<script>に対するLintのサポートなど


Nuxt UI v3 · Nuxt Blog

nuxt.com/blog/nuxt-ui-v3

Vue UI library ReleaseNote

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 ReleaseNote

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/

JavaScript library ReleaseNote

バリデーションライブラリの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

nodejs news

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 security ReleaseNote

Next.jsのセキュリティ修正として 15.2.3 と 14.2.25がリリースされた。
特定のHTTPヘッダをつけると、middlewareが完全にバイパスされてしまう脆弱性が修正されている


Introducing Motion for Vue - Motion Blog

motion.dev/blog/introducing-motion-for-vue

Vue library ReleaseNote animation

MotionのVueサポートがリリースされた


Thank you - Open Collective

opencollective.com/styled-components/updates/thank-you

news React css library

styled-componentsはメンテナンスモードとなり、新しい機能を入れるといった機能開発は行わなくなる予定


Release v4.0.0-alpha.0 · apollographql/apollo-client

github.com/apollographql/apollo-client/releases/tag/v4.0.0-alpha.0

GraphQL JavaScript library ReleaseNote

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

Vue article

ReactiveのPush/Pull型について。
Vue 3.6で利用されているalien-signalsについて


CSS Relative Colors

ishadeed.com/article/css-relative-colors/

css article

CSSの相対カラーについてのインタラクティブなガイド


Functions in CSS?! | CSS-Tricks

css-tricks.com/functions-in-css/

css article

CSSの関数定義である@function について


ソフトウェア、ツール、ライブラリ関係


inokawa/virtua: A zero-config, fast and small (~3kB) virtual list (and grid) component for React, Vue, Solid and Svelte.

github.com/inokawa/virtua

React Vue Solid Svelte library

表示してる範囲だけを描画するVirtual Listライブラリ。React/Vue/Solid/Svelteをサポートしている。


この記事へ修正リクエストをする
JSer.info Slackに参加する