From ea4ed85726bb6b5f06e22efe2b2e0f21d8ccf01b Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 8 Apr 2026 09:31:27 +0000 Subject: [PATCH 01/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-08-769draft.md | 31 +++++++++++++++++++++ 1 file changed, 31 insertions(+) create mode 100644 _i18n/ja/_posts/2026/2026-04-08-769draft.md diff --git a/_i18n/ja/_posts/2026/2026-04-08-769draft.md b/_i18n/ja/_posts/2026/2026-04-08-769draft.md new file mode 100644 index 00000000000..4c04f33bb93 --- /dev/null +++ b/_i18n/ja/_posts/2026/2026-04-08-769draft.md @@ -0,0 +1,31 @@ +--- +title: "2026-04-08のJS: " +author: "azu" +layout: post +date : 2026-04-08T09:31:14.545Z +category: JSer +tags: +- Rust +- search + +--- + +JSer.info #769 + +---- + +

ヘッドライン

+ +---- + +## Release v1.5.0 · Pagefind/pagefind +[github.com/Pagefind/pagefind/releases/tag/v1.5.0](https://github.com/Pagefind/pagefind/releases/tag/v1.5.0 "Release v1.5.0 · Pagefind/pagefind") +

Rust JavaScript search library ReleaseNote

+ +Pagefind v1.5.0リリース。 +Web Componentsベースの新しいUIシステムの追加、メタデータフィールドのデフォルトインデックス化による検索精度の向上、ダイアクリティカルマーク(発音区別符号)の対応を追加。 +CJK(中国語/日本語/韓国語)のクエリ自動セグメンテーション、Web Workerでの検索実行、インデックスチャンクのサイズ削減などパフォーマンスの改善。 +Windows ARM64のサポートを追加など + + +---- From cbf3b24b3ec3b1603317ec69ae721c23769629a2 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 10 Apr 2026 00:11:57 +0000 Subject: [PATCH 02/21] Update 769 draft --- ...-08-769draft.md => 2026-04-10-769draft.md} | 22 +++++++++++++++++-- 1 file changed, 20 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2026/{2026-04-08-769draft.md => 2026-04-10-769draft.md} (51%) diff --git a/_i18n/ja/_posts/2026/2026-04-08-769draft.md b/_i18n/ja/_posts/2026/2026-04-10-769draft.md similarity index 51% rename from _i18n/ja/_posts/2026/2026-04-08-769draft.md rename to _i18n/ja/_posts/2026/2026-04-10-769draft.md index 4c04f33bb93..33258954d9a 100644 --- a/_i18n/ja/_posts/2026/2026-04-08-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-10-769draft.md @@ -1,12 +1,15 @@ --- -title: "2026-04-08のJS: " +title: "2026-04-10のJS: " author: "azu" layout: post -date : 2026-04-08T09:31:14.545Z +date : 2026-04-10T00:11:44.453Z category: JSer tags: - Rust - search +- Next.js +- React +- security --- @@ -28,4 +31,19 @@ CJK(中国語/日本語/韓国語)のクエリ自動セグメンテーション Windows ARM64のサポートを追加など +---- +

アーティクル

+ +---- + +## Summary of CVE-2026-23869 - Vercel +[vercel.com/changelog/summary-of-cve-2026-23869](https://vercel.com/changelog/summary-of-cve-2026-23869 "Summary of CVE-2026-23869 - Vercel") +

Next.js React security vercel

+ +React Server Components(RSC)のDoS脆弱性の修正としてNext.js 15.5.15/16.2.3とReact 19.2.5がリリースされている。 +App RouterのServer Functionエンドポイントに対して、細工されたHTTPリクエストを送ることで過剰なCPU消費を引き起こせる脆弱性。 +Next.js 13.x〜16.xが影響を受けている。 + +- [Release 19.2.5 (April 8th, 2026) · facebook/react](https://github.com/facebook/react/releases/tag/v19.2.5 "Release 19.2.5 (April 8th, 2026) · facebook/react") + ---- From 8521ac061b19000c1aba756a52565bda5ca03ebe Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 10 Apr 2026 00:49:38 +0000 Subject: [PATCH 03/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-10-769draft.md | 17 ++++++++++++++++- 1 file changed, 16 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-10-769draft.md b/_i18n/ja/_posts/2026/2026-04-10-769draft.md index 33258954d9a..6ef5affec66 100644 --- a/_i18n/ja/_posts/2026/2026-04-10-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-10-769draft.md @@ -2,7 +2,7 @@ title: "2026-04-10のJS: " author: "azu" layout: post -date : 2026-04-10T00:11:44.453Z +date : 2026-04-10T00:49:25.894Z category: JSer tags: - Rust @@ -31,6 +31,21 @@ CJK(中国語/日本語/韓国語)のクエリ自動セグメンテーション Windows ARM64のサポートを追加など +---- + +## Webpack 5.106 | webpack +[webpack.js.org/blog/2026-04-08-webpack-5-106/](https://webpack.js.org/blog/2026-04-08-webpack-5-106/ "Webpack 5.106 | webpack") +

webpack ReleaseNote

+ +webpack 5.106リリース。 +Plugin Validation Hook(`compiler.hooks.validate`)の追加。 +CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポート。 +将来的にcss-loader/style-loader/mini-css-extract-pluginを廃止予定。 +CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加。 +実験的な機能として、ES Stage 3のSource Phase Importsによる実験的なWebAssemblyサポート、oxc-parserのサポート。 +webpack-cli 7.0.0ではNode.js 20.9.0+が必要となり、ネイティブTypeScriptサポートが追加されている。 + + ----

アーティクル

From 5e33436aa3f6e463b7626b0997633809e85adc53 Mon Sep 17 00:00:00 2001 From: azu Date: Fri, 10 Apr 2026 15:09:34 +0000 Subject: [PATCH 04/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-10-769draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-10-769draft.md b/_i18n/ja/_posts/2026/2026-04-10-769draft.md index 6ef5affec66..58c9a8d9190 100644 --- a/_i18n/ja/_posts/2026/2026-04-10-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-10-769draft.md @@ -2,7 +2,7 @@ title: "2026-04-10のJS: " author: "azu" layout: post -date : 2026-04-10T00:49:25.894Z +date : 2026-04-10T15:09:22.090Z category: JSer tags: - Rust @@ -61,4 +61,17 @@ Next.js 13.x〜16.xが影響を受けている。 - [Release 19.2.5 (April 8th, 2026) · facebook/react](https://github.com/facebook/react/releases/tag/v19.2.5 "Release 19.2.5 (April 8th, 2026) · facebook/react") +---- +

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

+ +---- + +## yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎 +[github.com/yuku-toolchain/yuku](https://github.com/yuku-toolchain/yuku "yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎") +

Zig JavaScript TypeScript compiler Tools

+ +Zigで書かれたJavaScript/TypeScriptコンパイラおよびツールチェーン。 +Test262でテストされていて、Pure Zigなのでクロスコンパイルが可能となっている。 + + ---- From 90bccbb6ad4c6111267303a83fcf0ab43718e41a Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 12 Apr 2026 02:20:31 +0000 Subject: [PATCH 05/21] Update 769 draft --- ...6-04-10-769draft.md => 2026-04-12-769draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2026/{2026-04-10-769draft.md => 2026-04-12-769draft.md} (83%) diff --git a/_i18n/ja/_posts/2026/2026-04-10-769draft.md b/_i18n/ja/_posts/2026/2026-04-12-769draft.md similarity index 83% rename from _i18n/ja/_posts/2026/2026-04-10-769draft.md rename to _i18n/ja/_posts/2026/2026-04-12-769draft.md index 58c9a8d9190..78801b10fc9 100644 --- a/_i18n/ja/_posts/2026/2026-04-10-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-12-769draft.md @@ -1,8 +1,8 @@ --- -title: "2026-04-10のJS: " +title: "2026-04-12のJS: " author: "azu" layout: post -date : 2026-04-10T15:09:22.090Z +date : 2026-04-12T02:20:31.809Z category: JSer tags: - Rust @@ -74,4 +74,15 @@ Zigで書かれたJavaScript/TypeScriptコンパイラおよびツールチェ Test262でテストされていて、Pure Zigなのでクロスコンパイルが可能となっている。 +---- + +## Diffs, from Pierre +[diffs.com/](https://diffs.com/ "Diffs, from Pierre") +

JavaScript CSS library diff

+ +diffレンダリングとコード表示のライブラリ。 +CSS GridとShadow DOMを活用してDOMノード数を削減しレンダリングの高速化やVirtualizationに対応している。 +Stack型(統合表示)とSplit型(左右並列表示)の2つのレイアウトに対応し、Shikiベースの構文ハイライト/コメント/マージコンフリクト解決UIなどの機能を持つ。 + + ---- From fbd559c7bf559316db73b83a53b47b83996089b6 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 12 Apr 2026 02:24:29 +0000 Subject: [PATCH 06/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-12-769draft.md | 16 +++++++++++++++- 1 file changed, 15 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-12-769draft.md b/_i18n/ja/_posts/2026/2026-04-12-769draft.md index 78801b10fc9..731b6c1c803 100644 --- a/_i18n/ja/_posts/2026/2026-04-12-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-12-769draft.md @@ -2,7 +2,7 @@ title: "2026-04-12のJS: " author: "azu" layout: post -date : 2026-04-12T02:20:31.809Z +date : 2026-04-12T02:24:29.594Z category: JSer tags: - Rust @@ -46,6 +46,20 @@ CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加。 webpack-cli 7.0.0ではNode.js 20.9.0+が必要となり、ネイティブTypeScriptサポートが追加されている。 +---- + +## Release pnpm 11 RC 0 · pnpm/pnpm +[github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0 "Release pnpm 11 RC 0 · pnpm/pnpm") +

pnpm ReleaseNote

+ +pnpm v11.0.0 rc.0リリース。 +Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。 +`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含む。 +`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応。 +`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更などサプライチェーンセキュリティの強化。 +ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善など。 + + ----

アーティクル

From 3ac5db5e0bbe462a25df4955be02642f77f19ed0 Mon Sep 17 00:00:00 2001 From: azu Date: Sun, 12 Apr 2026 14:54:04 +0000 Subject: [PATCH 07/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-12-769draft.md | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2026/2026-04-12-769draft.md b/_i18n/ja/_posts/2026/2026-04-12-769draft.md index 731b6c1c803..17cb9cd57f9 100644 --- a/_i18n/ja/_posts/2026/2026-04-12-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-12-769draft.md @@ -2,13 +2,13 @@ title: "2026-04-12のJS: " author: "azu" layout: post -date : 2026-04-12T02:24:29.594Z +date : 2026-04-12T14:53:51.881Z category: JSer tags: +- React - Rust - search - Next.js -- React - security --- @@ -75,6 +75,18 @@ Next.js 13.x〜16.xが影響を受けている。 - [Release 19.2.5 (April 8th, 2026) · facebook/react](https://github.com/facebook/react/releases/tag/v19.2.5 "Release 19.2.5 (April 8th, 2026) · facebook/react") +---- + +## The uphill climb of making diff lines performant - The GitHub Blog +[github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/](https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/ "The uphill climb of making diff lines performant - The GitHub Blog") +

GitHub React performance article

+ +GitHubのFiles changedタブのReactベースの実装におけるdiff行のパフォーマンス最適化について。 +1行あたり10〜15個のDOM要素と8〜13個のReactコンポーネントが必要だった構造を最適化している。 +コンポーネント数を2個に削減し、イベントハンドラをdata属性を活用した単一のハンドラに集約するなどの変更をした。 +TanStack Virtualによる仮想化の導入、重いCSSセレクタの削除、ドラッグ/リサイズ処理の再実装などでパフォーマンスを改善している。 + + ----

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

From 6c6089524e32558e38a69d3bfa2236d7a1ef0216 Mon Sep 17 00:00:00 2001 From: azu Date: Mon, 13 Apr 2026 12:02:20 +0000 Subject: [PATCH 08/21] Update 769 draft --- ...04-12-769draft.md => 2026-04-13-769draft.md} | 17 +++++++++++++++-- 1 file changed, 15 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2026/{2026-04-12-769draft.md => 2026-04-13-769draft.md} (89%) diff --git a/_i18n/ja/_posts/2026/2026-04-12-769draft.md b/_i18n/ja/_posts/2026/2026-04-13-769draft.md similarity index 89% rename from _i18n/ja/_posts/2026/2026-04-12-769draft.md rename to _i18n/ja/_posts/2026/2026-04-13-769draft.md index 17cb9cd57f9..a34738fe788 100644 --- a/_i18n/ja/_posts/2026/2026-04-12-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-13-769draft.md @@ -1,8 +1,8 @@ --- -title: "2026-04-12のJS: " +title: "2026-04-13のJS: " author: "azu" layout: post -date : 2026-04-12T14:53:51.881Z +date : 2026-04-13T12:02:07.812Z category: JSer tags: - React @@ -60,6 +60,19 @@ Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。 ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善など。 +---- + +## Bun v1.3.12 | Bun Blog +[bun.com/blog/bun-v1.3.12](https://bun.com/blog/bun-v1.3.12 "Bun v1.3.12 | Bun Blog") +

Bun ReleaseNote

+ +Bun v1.3.12リリース。 +`Bun.WebView`の追加、Markdownファイルをターミナルで直接実行できる`bun ./file.md`のサポート。 +インプロセスで動作するコールバックベースのcronスケジューラ`Bun.cron()`の追加。 +JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplicit Resource Management(`using`/`await using`)のサポート。。 +cgroupのCPU制限を考慮するように変更など + + ----

アーティクル

From d879efe810c3889f055a92198eb5c3100e950bad Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 14 Apr 2026 01:32:30 +0000 Subject: [PATCH 09/21] Update 769 draft --- ...6-04-13-769draft.md => 2026-04-14-769draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2026/{2026-04-13-769draft.md => 2026-04-14-769draft.md} (88%) diff --git a/_i18n/ja/_posts/2026/2026-04-13-769draft.md b/_i18n/ja/_posts/2026/2026-04-14-769draft.md similarity index 88% rename from _i18n/ja/_posts/2026/2026-04-13-769draft.md rename to _i18n/ja/_posts/2026/2026-04-14-769draft.md index a34738fe788..88d9cb557a0 100644 --- a/_i18n/ja/_posts/2026/2026-04-13-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-14-769draft.md @@ -1,8 +1,8 @@ --- -title: "2026-04-13のJS: " +title: "2026-04-14のJS: " author: "azu" layout: post -date : 2026-04-13T12:02:07.812Z +date : 2026-04-14T01:32:30.807Z category: JSer tags: - React @@ -100,6 +100,17 @@ GitHubのFiles changedタブのReactベースの実装におけるdiff行のパ TanStack Virtualによる仮想化の導入、重いCSSセレクタの削除、ドラッグ/リサイズ処理の再実装などでパフォーマンスを改善している。 +---- + +## React Server Components Your Way | TanStack Blog +[tanstack.com/blog/react-server-components](https://tanstack.com/blog/react-server-components "React Server Components Your Way | TanStack Blog") +

React RSC TanStack article

+ +TanStackにおけるReact Server Components(RSC)のアプローチについて。 +RSCをデータストリームとして扱い、一方向データフローとしてクライアント側でサーバーレンダリングされたUIの取得やキャッシュを制御できる設計になっている。 +サーバーがスロットを用意しクライアントが埋めるComposite Componentsという仕組みや、`createServerFn`による明示的なサーバー関数定義などの機能を提供する。 + + ----

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

From d5cb523077b206f52994d07aaf32c9a5e45f282b Mon Sep 17 00:00:00 2001 From: azu Date: Tue, 14 Apr 2026 05:37:03 +0000 Subject: [PATCH 10/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-14-769draft.md | 14 +++++++++++++- 1 file changed, 13 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-14-769draft.md b/_i18n/ja/_posts/2026/2026-04-14-769draft.md index 88d9cb557a0..75ede7e48e4 100644 --- a/_i18n/ja/_posts/2026/2026-04-14-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-14-769draft.md @@ -2,7 +2,7 @@ title: "2026-04-14のJS: " author: "azu" layout: post -date : 2026-04-14T01:32:30.807Z +date : 2026-04-14T05:37:03.066Z category: JSer tags: - React @@ -73,6 +73,18 @@ JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplic cgroupのCPU制限を考慮するように変更など +---- + +## Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications. +[servo.org/blog/2026/04/13/servo-0.1.0-release/](https://servo.org/blog/2026/04/13/servo-0.1.0-release/ "Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications.") +

servo Rust browser ReleaseNote

+ +Servo v0.1.0リリース。 +Rustで書かれた組み込み可能なWebレンダリングエンジンServoの`servo`クレートがcrates.ioで公開された。 +アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供する。 +LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供される。 + + ----

アーティクル

From 696e28438b6aa4bcf0d9768121441d9df372e6e4 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 15 Apr 2026 10:59:08 +0000 Subject: [PATCH 11/21] Update 769 draft --- ...6-04-14-769draft.md => 2026-04-15-769draft.md} | 15 +++++++++++++-- 1 file changed, 13 insertions(+), 2 deletions(-) rename _i18n/ja/_posts/2026/{2026-04-14-769draft.md => 2026-04-15-769draft.md} (92%) diff --git a/_i18n/ja/_posts/2026/2026-04-14-769draft.md b/_i18n/ja/_posts/2026/2026-04-15-769draft.md similarity index 92% rename from _i18n/ja/_posts/2026/2026-04-14-769draft.md rename to _i18n/ja/_posts/2026/2026-04-15-769draft.md index 75ede7e48e4..e8c3a094aaa 100644 --- a/_i18n/ja/_posts/2026/2026-04-14-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-15-769draft.md @@ -1,8 +1,8 @@ --- -title: "2026-04-14のJS: " +title: "2026-04-15のJS: " author: "azu" layout: post -date : 2026-04-14T05:37:03.066Z +date : 2026-04-15T10:58:55.763Z category: JSer tags: - React @@ -123,6 +123,17 @@ RSCをデータストリームとして扱い、一方向データフローと サーバーがスロットを用意しクライアントが埋めるComposite Componentsという仕組みや、`createServerFn`による明示的なサーバー関数定義などの機能を提供する。 +---- + +## The Intl API: The best browser API you're not using | Polypane +[polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/](https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ "The Intl API: The best browser API you're not using | Polypane") +

JavaScript i18n article

+ +Intl APIについての解説記事。 +`Intl.DateTimeFormat`/`Intl.RelativeTimeFormat`/`Intl.NumberFormat`などの日付や数値のフォーマットAPIを紹介している。 +`Intl.ListFormat`/`Intl.PluralRules`/`Intl.Segmenter`/`Intl.Collator`などの使い方について + + ----

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

From e3742aed57fc35e97314b70d8a7e440d8c2ea3f3 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 15 Apr 2026 11:01:09 +0000 Subject: [PATCH 12/21] Update 769 draft --- _i18n/ja/_posts/2026/2026-04-15-769draft.md | 15 ++++++++++++++- 1 file changed, 14 insertions(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-769draft.md b/_i18n/ja/_posts/2026/2026-04-15-769draft.md index e8c3a094aaa..7dc3f17a073 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-15-769draft.md @@ -2,7 +2,7 @@ title: "2026-04-15のJS: " author: "azu" layout: post -date : 2026-04-15T10:58:55.763Z +date : 2026-04-15T11:00:56.734Z category: JSer tags: - React @@ -134,6 +134,19 @@ Intl APIについての解説記事。 `Intl.ListFormat`/`Intl.PluralRules`/`Intl.Segmenter`/`Intl.Collator`などの使い方について +---- + +## Under the hood of MDN's new frontend +[developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/](https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ "Under the hood of MDN's new frontend") +

mdn WebComponents architecture article

+ +MDNのフロントエンドアーキテクチャの刷新についての解説記事。 +旧フロントエンド(Yari)はCreate React Appベースで、eject後のwebpack設定の複雑化などの技術的負債を抱えていた。 +Sassと最新CSSの混在や、`dangerouslySetInnerHTML`による静的コンテンツの埋め込みなどの課題もあった。 +新アーキテクチャではLitベースのWeb Componentsを採用し、独自のServer Components実装でSPAの課題を解決している。 +ビルドツールをwebpackからRspackへ移行、Declarative Shadow DOMやBaselineプロジェクトを活用したブラウザ互換性の管理についても解説されている。 + + ----

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

From 32281ebd0be0c31b9551299fc4118b177ea2988b Mon Sep 17 00:00:00 2001 From: Claude Date: Wed, 15 Apr 2026 11:10:38 +0000 Subject: [PATCH 13/21] docs: add headline for JSer.info #769 Co-authored-by: azu --- _i18n/ja/_posts/2026/2026-04-15-769draft.md | 36 +++++++++++++++++++-- 1 file changed, 34 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-769draft.md b/_i18n/ja/_posts/2026/2026-04-15-769draft.md index 7dc3f17a073..58622e864c2 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-769draft.md +++ b/_i18n/ja/_posts/2026/2026-04-15-769draft.md @@ -1,5 +1,5 @@ --- -title: "2026-04-15のJS: " +title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" author: "azu" layout: post date : 2026-04-15T11:00:56.734Z @@ -13,7 +13,39 @@ tags: --- -JSer.info #769 +JSer.info #769 - pnpm v11.0.0 RC 0がリリースされました。 + +- [Release pnpm 11 RC 0 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0) + +Pure ESMパッケージへの移行、Node.js 18から21のサポートを終了している。 +`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含む。 +`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応している。 +`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更するなど、サプライチェーンセキュリティの強化が行われている。 +また、ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善なども含まれている。 + +---- + +webpack 5.106がリリースされました。 + +- [Webpack 5.106 | webpack](https://webpack.js.org/blog/2026-04-08-webpack-5-106/) + +Plugin Validation Hook(`compiler.hooks.validate`)の追加、CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポートが含まれている。 +将来的にcss-loader/style-loader/mini-css-extract-pluginの廃止が予定されている。 +その他にも、CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加、実験的な機能としてES Stage 3のSource Phase ImportsによるWebAssemblyサポート、oxc-parserのサポートが追加されている。 +また、webpack-cli 7.0.0ではNode.js 20.9.0以上が必要となり、ネイティブTypeScriptサポートが追加されている。 + +---- + +Servo v0.1.0がリリースされました。 + +- [Servo is now available on crates.io](https://servo.org/blog/2026/04/13/servo-0.1.0-release/) + +Rustで書かれた組み込み可能なWebレンダリングエンジンであるServoの`servo`クレートがcrates.ioで公開された。 +アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供している。 +LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供される。 + +---- +{% include inline-support.html %} ---- From 6e51fe1bc357dbe6c749d431455ea51b055ea0a6 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 15 Apr 2026 11:12:00 +0000 Subject: [PATCH 14/21] Update _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md --- ...pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 180 ++++++++++++++++++ 1 file changed, 180 insertions(+) create mode 100644 _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md new file mode 100644 index 00000000000..0b930824c04 --- /dev/null +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -0,0 +1,180 @@ +--- +title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" +author: "azu" +layout: post +date: 2026-04-15T11:11:59.348Z +category: JSer +tags: +- React +- Rust +- search +- Next.js +- security + +--- + +JSer.info #769 - 📦 pnpm 11 RC 0: Pure ESM化、Node.js 18-21サポート終了、minimumReleaseAgeデフォルト1日などサプライチェーン強化 +🛠️ webpack 5.106: Plugin Validation Hook追加、CSS Modulesランタイム注入、oxc-parser対応 +🦀 Servo v0.1.0: crates.ioで公開、Embedding API提供、LTSバージョン導入 + +---- + +{% include inline-support.html %} + +---- + +

ヘッドライン

+ +---- + +## Release v1.5.0 · Pagefind/pagefind +[github.com/Pagefind/pagefind/releases/tag/v1.5.0](https://github.com/Pagefind/pagefind/releases/tag/v1.5.0 "Release v1.5.0 · Pagefind/pagefind") +

Rust JavaScript search library ReleaseNote

+ +Pagefind v1.5.0リリース。 +Web Componentsベースの新しいUIシステムの追加、メタデータフィールドのデフォルトインデックス化による検索精度の向上、ダイアクリティカルマーク(発音区別符号)の対応を追加。 +CJK(中国語/日本語/韓国語)のクエリ自動セグメンテーション、Web Workerでの検索実行、インデックスチャンクのサイズ削減などパフォーマンスの改善。 +Windows ARM64のサポートを追加など + + +---- + +## Webpack 5.106 | webpack +[webpack.js.org/blog/2026-04-08-webpack-5-106/](https://webpack.js.org/blog/2026-04-08-webpack-5-106/ "Webpack 5.106 | webpack") +

webpack ReleaseNote

+ +webpack 5.106リリース。 +Plugin Validation Hook(`compiler.hooks.validate`)の追加。 +CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポート。 +将来的にcss-loader/style-loader/mini-css-extract-pluginを廃止予定。 +CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加。 +実験的な機能として、ES Stage 3のSource Phase Importsによる実験的なWebAssemblyサポート、oxc-parserのサポート。 +webpack-cli 7.0.0ではNode.js 20.9.0+が必要となり、ネイティブTypeScriptサポートが追加されている。 + + +---- + +## Release pnpm 11 RC 0 · pnpm/pnpm +[github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0 "Release pnpm 11 RC 0 · pnpm/pnpm") +

pnpm ReleaseNote

+ +pnpm v11.0.0 rc.0リリース。 +Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。 +`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含む。 +`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応。 +`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更などサプライチェーンセキュリティの強化。 +ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善など。 + + +---- + +## Bun v1.3.12 | Bun Blog +[bun.com/blog/bun-v1.3.12](https://bun.com/blog/bun-v1.3.12 "Bun v1.3.12 | Bun Blog") +

Bun ReleaseNote

+ +Bun v1.3.12リリース。 +`Bun.WebView`の追加、Markdownファイルをターミナルで直接実行できる`bun ./file.md`のサポート。 +インプロセスで動作するコールバックベースのcronスケジューラ`Bun.cron()`の追加。 +JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplicit Resource Management(`using`/`await using`)のサポート。。 +cgroupのCPU制限を考慮するように変更など + + +---- + +## Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications. +[servo.org/blog/2026/04/13/servo-0.1.0-release/](https://servo.org/blog/2026/04/13/servo-0.1.0-release/ "Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications.") +

servo Rust browser ReleaseNote

+ +Servo v0.1.0リリース。 +Rustで書かれた組み込み可能なWebレンダリングエンジンServoの`servo`クレートがcrates.ioで公開された。 +アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供する。 +LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供される。 + + +---- +

アーティクル

+ +---- + +## Summary of CVE-2026-23869 - Vercel +[vercel.com/changelog/summary-of-cve-2026-23869](https://vercel.com/changelog/summary-of-cve-2026-23869 "Summary of CVE-2026-23869 - Vercel") +

Next.js React security vercel

+ +React Server Components(RSC)のDoS脆弱性の修正としてNext.js 15.5.15/16.2.3とReact 19.2.5がリリースされている。 +App RouterのServer Functionエンドポイントに対して、細工されたHTTPリクエストを送ることで過剰なCPU消費を引き起こせる脆弱性。 +Next.js 13.x〜16.xが影響を受けている。 + +- [Release 19.2.5 (April 8th, 2026) · facebook/react](https://github.com/facebook/react/releases/tag/v19.2.5 "Release 19.2.5 (April 8th, 2026) · facebook/react") + +---- + +## The uphill climb of making diff lines performant - The GitHub Blog +[github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/](https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/ "The uphill climb of making diff lines performant - The GitHub Blog") +

GitHub React performance article

+ +GitHubのFiles changedタブのReactベースの実装におけるdiff行のパフォーマンス最適化について。 +1行あたり10〜15個のDOM要素と8〜13個のReactコンポーネントが必要だった構造を最適化している。 +コンポーネント数を2個に削減し、イベントハンドラをdata属性を活用した単一のハンドラに集約するなどの変更をした。 +TanStack Virtualによる仮想化の導入、重いCSSセレクタの削除、ドラッグ/リサイズ処理の再実装などでパフォーマンスを改善している。 + + +---- + +## React Server Components Your Way | TanStack Blog +[tanstack.com/blog/react-server-components](https://tanstack.com/blog/react-server-components "React Server Components Your Way | TanStack Blog") +

React RSC TanStack article

+ +TanStackにおけるReact Server Components(RSC)のアプローチについて。 +RSCをデータストリームとして扱い、一方向データフローとしてクライアント側でサーバーレンダリングされたUIの取得やキャッシュを制御できる設計になっている。 +サーバーがスロットを用意しクライアントが埋めるComposite Componentsという仕組みや、`createServerFn`による明示的なサーバー関数定義などの機能を提供する。 + + +---- + +## The Intl API: The best browser API you're not using | Polypane +[polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/](https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ "The Intl API: The best browser API you're not using | Polypane") +

JavaScript i18n article

+ +Intl APIについての解説記事。 +`Intl.DateTimeFormat`/`Intl.RelativeTimeFormat`/`Intl.NumberFormat`などの日付や数値のフォーマットAPIを紹介している。 +`Intl.ListFormat`/`Intl.PluralRules`/`Intl.Segmenter`/`Intl.Collator`などの使い方について + + +---- + +## Under the hood of MDN's new frontend +[developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/](https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ "Under the hood of MDN's new frontend") +

mdn WebComponents architecture article

+ +MDNのフロントエンドアーキテクチャの刷新についての解説記事。 +旧フロントエンド(Yari)はCreate React Appベースで、eject後のwebpack設定の複雑化などの技術的負債を抱えていた。 +Sassと最新CSSの混在や、`dangerouslySetInnerHTML`による静的コンテンツの埋め込みなどの課題もあった。 +新アーキテクチャではLitベースのWeb Componentsを採用し、独自のServer Components実装でSPAの課題を解決している。 +ビルドツールをwebpackからRspackへ移行、Declarative Shadow DOMやBaselineプロジェクトを活用したブラウザ互換性の管理についても解説されている。 + + +---- +

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

+ +---- + +## yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎 +[github.com/yuku-toolchain/yuku](https://github.com/yuku-toolchain/yuku "yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎") +

Zig JavaScript TypeScript compiler Tools

+ +Zigで書かれたJavaScript/TypeScriptコンパイラおよびツールチェーン。 +Test262でテストされていて、Pure Zigなのでクロスコンパイルが可能となっている。 + + +---- + +## Diffs, from Pierre +[diffs.com/](https://diffs.com/ "Diffs, from Pierre") +

JavaScript CSS library diff

+ +diffレンダリングとコード表示のライブラリ。 +CSS GridとShadow DOMを活用してDOMノード数を削減しレンダリングの高速化やVirtualizationに対応している。 +Stack型(統合表示)とSplit型(左右並列表示)の2つのレイアウトに対応し、Shikiベースの構文ハイライト/コメント/マージコンフリクト解決UIなどの機能を持つ。 + + +---- From e4b47e062389d4583583a2662734e5fc308b3f30 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 15 Apr 2026 11:12:00 +0000 Subject: [PATCH 15/21] Delete _i18n/ja/_posts/2026/2026-04-15-769draft.md --- _i18n/ja/_posts/2026/2026-04-15-769draft.md | 206 -------------------- 1 file changed, 206 deletions(-) delete mode 100644 _i18n/ja/_posts/2026/2026-04-15-769draft.md diff --git a/_i18n/ja/_posts/2026/2026-04-15-769draft.md b/_i18n/ja/_posts/2026/2026-04-15-769draft.md deleted file mode 100644 index 58622e864c2..00000000000 --- a/_i18n/ja/_posts/2026/2026-04-15-769draft.md +++ /dev/null @@ -1,206 +0,0 @@ ---- -title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" -author: "azu" -layout: post -date : 2026-04-15T11:00:56.734Z -category: JSer -tags: -- React -- Rust -- search -- Next.js -- security - ---- - -JSer.info #769 - pnpm v11.0.0 RC 0がリリースされました。 - -- [Release pnpm 11 RC 0 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0) - -Pure ESMパッケージへの移行、Node.js 18から21のサポートを終了している。 -`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含む。 -`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応している。 -`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更するなど、サプライチェーンセキュリティの強化が行われている。 -また、ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善なども含まれている。 - ----- - -webpack 5.106がリリースされました。 - -- [Webpack 5.106 | webpack](https://webpack.js.org/blog/2026-04-08-webpack-5-106/) - -Plugin Validation Hook(`compiler.hooks.validate`)の追加、CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポートが含まれている。 -将来的にcss-loader/style-loader/mini-css-extract-pluginの廃止が予定されている。 -その他にも、CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加、実験的な機能としてES Stage 3のSource Phase ImportsによるWebAssemblyサポート、oxc-parserのサポートが追加されている。 -また、webpack-cli 7.0.0ではNode.js 20.9.0以上が必要となり、ネイティブTypeScriptサポートが追加されている。 - ----- - -Servo v0.1.0がリリースされました。 - -- [Servo is now available on crates.io](https://servo.org/blog/2026/04/13/servo-0.1.0-release/) - -Rustで書かれた組み込み可能なWebレンダリングエンジンであるServoの`servo`クレートがcrates.ioで公開された。 -アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供している。 -LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供される。 - ----- -{% include inline-support.html %} - ----- - -

ヘッドライン

- ----- - -## Release v1.5.0 · Pagefind/pagefind -[github.com/Pagefind/pagefind/releases/tag/v1.5.0](https://github.com/Pagefind/pagefind/releases/tag/v1.5.0 "Release v1.5.0 · Pagefind/pagefind") -

Rust JavaScript search library ReleaseNote

- -Pagefind v1.5.0リリース。 -Web Componentsベースの新しいUIシステムの追加、メタデータフィールドのデフォルトインデックス化による検索精度の向上、ダイアクリティカルマーク(発音区別符号)の対応を追加。 -CJK(中国語/日本語/韓国語)のクエリ自動セグメンテーション、Web Workerでの検索実行、インデックスチャンクのサイズ削減などパフォーマンスの改善。 -Windows ARM64のサポートを追加など - - ----- - -## Webpack 5.106 | webpack -[webpack.js.org/blog/2026-04-08-webpack-5-106/](https://webpack.js.org/blog/2026-04-08-webpack-5-106/ "Webpack 5.106 | webpack") -

webpack ReleaseNote

- -webpack 5.106リリース。 -Plugin Validation Hook(`compiler.hooks.validate`)の追加。 -CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポート。 -将来的にcss-loader/style-loader/mini-css-extract-pluginを廃止予定。 -CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加。 -実験的な機能として、ES Stage 3のSource Phase Importsによる実験的なWebAssemblyサポート、oxc-parserのサポート。 -webpack-cli 7.0.0ではNode.js 20.9.0+が必要となり、ネイティブTypeScriptサポートが追加されている。 - - ----- - -## Release pnpm 11 RC 0 · pnpm/pnpm -[github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0 "Release pnpm 11 RC 0 · pnpm/pnpm") -

pnpm ReleaseNote

- -pnpm v11.0.0 rc.0リリース。 -Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。 -`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含む。 -`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応。 -`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更などサプライチェーンセキュリティの強化。 -ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善など。 - - ----- - -## Bun v1.3.12 | Bun Blog -[bun.com/blog/bun-v1.3.12](https://bun.com/blog/bun-v1.3.12 "Bun v1.3.12 | Bun Blog") -

Bun ReleaseNote

- -Bun v1.3.12リリース。 -`Bun.WebView`の追加、Markdownファイルをターミナルで直接実行できる`bun ./file.md`のサポート。 -インプロセスで動作するコールバックベースのcronスケジューラ`Bun.cron()`の追加。 -JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplicit Resource Management(`using`/`await using`)のサポート。。 -cgroupのCPU制限を考慮するように変更など - - ----- - -## Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications. -[servo.org/blog/2026/04/13/servo-0.1.0-release/](https://servo.org/blog/2026/04/13/servo-0.1.0-release/ "Servo is now available on crates.io - Servo aims to empower developers with a lightweight, high-performance alternative for embedding web technologies in applications.") -

servo Rust browser ReleaseNote

- -Servo v0.1.0リリース。 -Rustで書かれた組み込み可能なWebレンダリングエンジンServoの`servo`クレートがcrates.ioで公開された。 -アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供する。 -LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供される。 - - ----- -

アーティクル

- ----- - -## Summary of CVE-2026-23869 - Vercel -[vercel.com/changelog/summary-of-cve-2026-23869](https://vercel.com/changelog/summary-of-cve-2026-23869 "Summary of CVE-2026-23869 - Vercel") -

Next.js React security vercel

- -React Server Components(RSC)のDoS脆弱性の修正としてNext.js 15.5.15/16.2.3とReact 19.2.5がリリースされている。 -App RouterのServer Functionエンドポイントに対して、細工されたHTTPリクエストを送ることで過剰なCPU消費を引き起こせる脆弱性。 -Next.js 13.x〜16.xが影響を受けている。 - -- [Release 19.2.5 (April 8th, 2026) · facebook/react](https://github.com/facebook/react/releases/tag/v19.2.5 "Release 19.2.5 (April 8th, 2026) · facebook/react") - ----- - -## The uphill climb of making diff lines performant - The GitHub Blog -[github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/](https://github.blog/engineering/architecture-optimization/the-uphill-climb-of-making-diff-lines-performant/ "The uphill climb of making diff lines performant - The GitHub Blog") -

GitHub React performance article

- -GitHubのFiles changedタブのReactベースの実装におけるdiff行のパフォーマンス最適化について。 -1行あたり10〜15個のDOM要素と8〜13個のReactコンポーネントが必要だった構造を最適化している。 -コンポーネント数を2個に削減し、イベントハンドラをdata属性を活用した単一のハンドラに集約するなどの変更をした。 -TanStack Virtualによる仮想化の導入、重いCSSセレクタの削除、ドラッグ/リサイズ処理の再実装などでパフォーマンスを改善している。 - - ----- - -## React Server Components Your Way | TanStack Blog -[tanstack.com/blog/react-server-components](https://tanstack.com/blog/react-server-components "React Server Components Your Way | TanStack Blog") -

React RSC TanStack article

- -TanStackにおけるReact Server Components(RSC)のアプローチについて。 -RSCをデータストリームとして扱い、一方向データフローとしてクライアント側でサーバーレンダリングされたUIの取得やキャッシュを制御できる設計になっている。 -サーバーがスロットを用意しクライアントが埋めるComposite Componentsという仕組みや、`createServerFn`による明示的なサーバー関数定義などの機能を提供する。 - - ----- - -## The Intl API: The best browser API you're not using | Polypane -[polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/](https://polypane.app/blog/the-intl-api-the-best-browser-api-youre-not-using/ "The Intl API: The best browser API you're not using | Polypane") -

JavaScript i18n article

- -Intl APIについての解説記事。 -`Intl.DateTimeFormat`/`Intl.RelativeTimeFormat`/`Intl.NumberFormat`などの日付や数値のフォーマットAPIを紹介している。 -`Intl.ListFormat`/`Intl.PluralRules`/`Intl.Segmenter`/`Intl.Collator`などの使い方について - - ----- - -## Under the hood of MDN's new frontend -[developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/](https://developer.mozilla.org/en-US/blog/mdn-front-end-deep-dive/ "Under the hood of MDN's new frontend") -

mdn WebComponents architecture article

- -MDNのフロントエンドアーキテクチャの刷新についての解説記事。 -旧フロントエンド(Yari)はCreate React Appベースで、eject後のwebpack設定の複雑化などの技術的負債を抱えていた。 -Sassと最新CSSの混在や、`dangerouslySetInnerHTML`による静的コンテンツの埋め込みなどの課題もあった。 -新アーキテクチャではLitベースのWeb Componentsを採用し、独自のServer Components実装でSPAの課題を解決している。 -ビルドツールをwebpackからRspackへ移行、Declarative Shadow DOMやBaselineプロジェクトを活用したブラウザ互換性の管理についても解説されている。 - - ----- -

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

- ----- - -## yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎 -[github.com/yuku-toolchain/yuku](https://github.com/yuku-toolchain/yuku "yuku-toolchain/yuku: High-performance JavaScript/TypeScript compiler and toolchain in pure Zig 🦎") -

Zig JavaScript TypeScript compiler Tools

- -Zigで書かれたJavaScript/TypeScriptコンパイラおよびツールチェーン。 -Test262でテストされていて、Pure Zigなのでクロスコンパイルが可能となっている。 - - ----- - -## Diffs, from Pierre -[diffs.com/](https://diffs.com/ "Diffs, from Pierre") -

JavaScript CSS library diff

- -diffレンダリングとコード表示のライブラリ。 -CSS GridとShadow DOMを活用してDOMノード数を削減しレンダリングの高速化やVirtualizationに対応している。 -Stack型(統合表示)とSplit型(左右並列表示)の2つのレイアウトに対応し、Shikiベースの構文ハイライト/コメント/マージコンフリクト解決UIなどの機能を持つ。 - - ----- From 4b288209aed0f9ce4b11a2ed8fd188bd20299abb Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 15 Apr 2026 20:18:19 +0900 Subject: [PATCH 16/21] Update 2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md --- ...pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 32 +++++++++++++++++-- 1 file changed, 29 insertions(+), 3 deletions(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index 0b930824c04..df829036f56 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -13,10 +13,36 @@ tags: --- -JSer.info #769 - 📦 pnpm 11 RC 0: Pure ESM化、Node.js 18-21サポート終了、minimumReleaseAgeデフォルト1日などサプライチェーン強化 -🛠️ webpack 5.106: Plugin Validation Hook追加、CSS Modulesランタイム注入、oxc-parser対応 -🦀 Servo v0.1.0: crates.ioで公開、Embedding API提供、LTSバージョン導入 +JSer.info #769 - pnpm v11.0.0 RC 0がリリースされました。 +- [Release pnpm 11 RC 0 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v11.0.0-rc.0) + +Pure ESMパッケージへ移行し、Node.js 18から21のサポートを終了しています。 +`.npmrc`は認証/レジストリ設定のみに限定し、その他の設定は`pnpm-workspace.yaml`へ移行、`pnpm server`コマンドの削除など多くの破壊的変更を含んでいます。 +また、`pnpm ci`コマンドの追加、`pnpm sbom`でのSBOM生成に対応しています。 +`minimumReleaseAge`のデフォルトを1日に設定、`blockExoticSubdeps`のデフォルトを`true`に変更するなど、サプライチェーンセキュリティの強化も行われています。 +その他にも、ストアのインデックスにSQLiteを使用するように変更、`undici`の採用によるHTTPリクエストの改善なども含まれています。 + +---- + +webpack 5.106がリリースされました。 + +- [Webpack 5.106 | webpack](https://webpack.js.org/blog/2026-04-08-webpack-5-106/) + +Plugin Validation Hook(`compiler.hooks.validate`)の追加、CSS Modulesのランタイムスタイル注入(`exportType: "style"`)のサポートが含まれています。 +将来的にcss-loader/style-loader/mini-css-extract-pluginの廃止が予定されています。 +その他にも、CommonJSのTree Shaking改善、`create-webpack-app`ツールの追加、実験的な機能としてES Stage 3のSource Phase ImportsによるWebAssemblyサポート、oxc-parserのサポートが追加されています。 +また、webpack-cli 7.0.0ではNode.js 20.9.0以上が必要となり、ネイティブTypeScriptサポートが追加されています。 + +---- + +Servo v0.1.0がリリースされました。 + +- [Servo is now available on crates.io](https://servo.org/blog/2026/04/13/servo-0.1.0-release/) + +Rustで書かれた組み込み可能なWebレンダリングエンジンであるServoの`servo`クレートがcrates.ioで公開されました。 +アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供しています。 +また、LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供されます。 ---- {% include inline-support.html %} From 856f691aced2e32aae025152f59a6f85c3d26b45 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 15 Apr 2026 11:18:42 +0000 Subject: [PATCH 17/21] Update _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md --- .../2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index df829036f56..029ce39c115 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -2,7 +2,7 @@ title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" author: "azu" layout: post -date: 2026-04-15T11:11:59.348Z +date: 2026-04-15T11:18:42.246Z category: JSer tags: - React From a9666e2b9251345fcc7197a63402b9a017cbfea3 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 15 Apr 2026 20:19:19 +0900 Subject: [PATCH 18/21] Revise Servo v0.1.0 release note details Updated the release note for Servo v0.1.0 to clarify its availability on crates.io and the features of the Embedding API. --- .../2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index 029ce39c115..bceda70c2f2 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -36,13 +36,13 @@ Plugin Validation Hook(`compiler.hooks.validate`)の追加、CSS Modulesのラ ---- -Servo v0.1.0がリリースされました。 +Rustで書かれた組み込み可能なWebレンダリングエンジンであるServoの`servo`クレートがcrates.ioで公開されました。 - [Servo is now available on crates.io](https://servo.org/blog/2026/04/13/servo-0.1.0-release/) -Rustで書かれた組み込み可能なWebレンダリングエンジンであるServoの`servo`クレートがcrates.ioで公開されました。 アプリケーションにWebレンダリング機能を組み込むためのEmbedding APIを提供しています。 また、LTSバージョンも導入され、半年ごとのメジャーアップグレードとセキュリティアップデートが提供されます。 + ---- {% include inline-support.html %} From 477e6a6ffeffcc3f49574e547db75d4770fd5d77 Mon Sep 17 00:00:00 2001 From: azu Date: Wed, 15 Apr 2026 20:19:36 +0900 Subject: [PATCH 19/21] Update _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md Co-authored-by: devin-ai-integration[bot] <158243242+devin-ai-integration[bot]@users.noreply.github.com> --- .../2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index bceda70c2f2..91c90b43ba5 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -101,7 +101,7 @@ Pure ESMパッケージへの移行、Node.js 18-21のサポートを終了。 Bun v1.3.12リリース。 `Bun.WebView`の追加、Markdownファイルをターミナルで直接実行できる`bun ./file.md`のサポート。 インプロセスで動作するコールバックベースのcronスケジューラ`Bun.cron()`の追加。 -JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplicit Resource Management(`using`/`await using`)のサポート。。 +JavaScriptCoreのアップグレードにより、ES ProposalのStage 3のExplicit Resource Management(`using`/`await using`)のサポート。 cgroupのCPU制限を考慮するように変更など From 5c858bb100629470ee26e1d4360a161bf8380b88 Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 15 Apr 2026 11:19:47 +0000 Subject: [PATCH 20/21] Update _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md --- .../2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index 91c90b43ba5..1d6263019f2 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -2,7 +2,7 @@ title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" author: "azu" layout: post -date: 2026-04-15T11:18:42.246Z +date: 2026-04-15T11:19:46.465Z category: JSer tags: - React From 0cecdf06611db6d72e097d26932091dc23b62f4f Mon Sep 17 00:00:00 2001 From: "github-actions[bot]" <41898282+github-actions[bot]@users.noreply.github.com> Date: Wed, 15 Apr 2026 11:20:01 +0000 Subject: [PATCH 21/21] Update _i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md --- .../2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md index 1d6263019f2..51710f55a6e 100644 --- a/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md +++ b/_i18n/ja/_posts/2026/2026-04-15-pnpm-11-rc-0-webpack-5.106-servo-v0.1.0.md @@ -2,7 +2,7 @@ title: "2026-04-15のJS: pnpm 11 RC 0、webpack 5.106、Servo v0.1.0" author: "azu" layout: post -date: 2026-04-15T11:19:46.465Z +date: 2026-04-15T11:20:00.406Z category: JSer tags: - React