Add JSer.info #773 article for 2026-06-07

_i18n/ja/_posts/2026/2026-06-07-773draft.md

@@ -0,0 +1,223 @@
+---
+title: "2026-06-09のJS: pnpm 11.5、Node.js 26.3.0、CloudflareがVoidZeroを買収"
+author: "azu"
+layout: post
+date : 2026-06-09T03:06:21.608Z
+category: JSer
+tags:
+- pnpm
+- nodejs
+- cloudflare
+- vite
+- news
+
+---
+
+JSer.info #773 - pnpm 11.5がリリースされました。
+
+- [Release pnpm 11.5 · pnpm/pnpm](https://github.com/pnpm/pnpm/releases/tag/v11.5.0)
+
+新しい機能として、`nodeLinker: hoisted`向けにhoistの範囲を制限する`hoistingLimits`設定が追加されています。
+また、対話的なプロンプトの改善とStaged publishingの対応改善が含まれています。
+修正としては、エイリアスインストール時のpeer解決のハング、`pnpm dist-tag`での2FA対応、`minimumReleaseAgeExclude`の扱い、リモートのHTTPS tarball依存の`integrity`フィールドの保持などが含まれます。
+
+---
+
+Node.js v26.3.0 (Current)がリリースされました。
+
+- [Node.js — Node.js 26.3.0 (Current)](https://nodejs.org/en/blog/release/v26.3.0)
+
+`Buffer.poolSize`のデフォルト値が64 KiBに変更されています。
+新しい機能として、HTTPヘッダの値の検証をカスタマイズする`httpValidation`オプション、パーミッションを破棄する`permission.drop`が追加されています。
+また、Staged Publishingをサポートしたnpm 11.16.0へとアップデートされています。
+
+---
+
+CloudflareがViteやOxcなどを開発するVoidZeroの買収を発表しました。
+
+- [VoidZero is joining Cloudflare](https://blog.cloudflare.com/voidzero-joins-cloudflare/)
+- [VoidZero is Joining Cloudflare | VoidZero](https://voidzero.dev/posts/voidzero-cloudflare)
+
+Vite、Vitest、Rolldown、Oxc、Vite+の各プロジェクトはMITライセンスのオープンソースのまま開発が継続される予定です。
+VoidZeroが開発しているViteのデプロイメントプラットフォームである[Void](https://void.cloud/)は、オープンソースにする予定があわせて発表されています。
+
+----
+{% include inline-support.html %}
+
+----
+
+<h1 class="site-genre">ヘッドライン</h1>
+
+----
+
+## Release pnpm 11.5 · pnpm/pnpm
+[github.com/pnpm/pnpm/releases/tag/v11.5.0](https://github.com/pnpm/pnpm/releases/tag/v11.5.0 "Release pnpm 11.5 · pnpm/pnpm")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">pnpm</span> <span class="jser-tag">ReleaseNote</span></p>
+
+pnpm 11.5リリース。
+`nodeLinker: hoisted`向けにhoistの範囲を制限する`hoistingLimits`設定を追加。
+対話的なプロンプトの改善、Staged publishingの対応改善。
+エイリアスインストール時のpeer解決のハング、`pnpm dist-tag`での2FA対応を修正。
+`minimumReleaseAgeExclude`の扱い、リモートのHTTPS tarball依存の`integrity`フィールドの保持などを修正。
+
+
+----
+
+## Node.js — Node.js 26.3.0 (Current)
+[nodejs.org/en/blog/release/v26.3.0](https://nodejs.org/en/blog/release/v26.3.0 "Node.js — Node.js 26.3.0 (Current)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v26.3.0 (Current)リリース。
+`Buffer.poolSize`のデフォルトを64 KiBに変更。
+HTTPヘッダの値の検証をカスタマイズする`httpValidation`オプション、パーミッションを破棄する`permission.drop`を追加。
+Staged Publishingをサポートしたnpm 11.16.0へアップデートなど
+
+
+----
+
+## Node.js — Node.js 24.16.0 (LTS)
+[nodejs.org/en/blog/release/v24.16.0](https://nodejs.org/en/blog/release/v24.16.0 "Node.js — Node.js 24.16.0 (LTS)")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">nodejs</span> <span class="jser-tag">ReleaseNote</span></p>
+
+Node.js v24.16.0 (LTS)リリース。
+`crypto.randomUUIDv7()`によるUUID v7の生成、`fs.stat()`への`signal`オプション、`util.styleText()`の16進数カラー対応を追加。
+Test Runnerにテスト実行順序のランダム化や`AbortSignal.timeout`向けのモックタイマーを追加、`IncomingMessage`に`req.signal`を追加など
+
+
+----
+
+## Chrome 150 beta  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/chrome-150-beta?hl&#x3D;en](https://developer.chrome.com/blog/chrome-150-beta?hl=en "Chrome 150 beta  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">browser</span> <span class="jser-tag">ReleaseNote</span> <span class="jser-tag">css</span></p>
+
+Chrome 150 betaリリース。
+CSSの`text-fit`プロパティ、`background-clip: border-area`によるグラデーションボーダー、`polygon()`の角丸サポート、`focusgroup`属性のサポート。
+IndexedDBの実装がLevelDBからSQLiteへと変更、`data:` URLのWorkerに一意のopaque originを割り当てるよう変更。
+`SpeechRecognition`に`quality`オプションを追加など
+
+
+----
+
+## VoidZero is joining Cloudflare
+[blog.cloudflare.com/voidzero-joins-cloudflare/](https://blog.cloudflare.com/voidzero-joins-cloudflare/ "VoidZero is joining Cloudflare")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">cloudflare</span> <span class="jser-tag">vite</span> <span class="jser-tag">news</span></p>
+
+CloudflareがViteやOxcなどを開発するVoidZeroを買収。
+
+- [VoidZero is Joining Cloudflare | VoidZero](https://voidzero.dev/posts/voidzero-cloudflare "VoidZero is Joining Cloudflare | VoidZero")
+
+----
+<h1 class="site-genre">アーティクル</h1>
+
+----
+
+## Declarative partial updates  |  Blog  |  Chrome for Developers
+[developer.chrome.com/blog/declarative-partial-updates](https://developer.chrome.com/blog/declarative-partial-updates "Declarative partial updates  |  Blog  |  Chrome for Developers")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">Chrome</span> <span class="jser-tag">HTML</span> <span class="jser-tag">WebAPI</span> <span class="jser-tag">DOM</span> <span class="jser-tag">stream</span> <span class="jser-tag">article</span></p>
+
+HTMLを宣言的に部分更新するためのAPIとして提案中の`<template for>`について。
+`<template>`要素と`<?marker>`などの処理命令プレースホルダーを使い、ドキュメント内の順序に依存せずコンテンツを配信するOut-of-order streamingについて。
+合わせて利用する`setHTML()`/`replaceWithHTML()`/`streamHTML()`などのJavaScript APIについても解説している。
+Chrome 148以降のフラグで利用でき、polyfillも実装されている。
+
+
+----
+
+## On Rendering Diffs :: Pierre Computer Company
+[pierre.computer/writing/on-rendering-diffs](https://pierre.computer/writing/on-rendering-diffs "On Rendering Diffs :: Pierre Computer Company")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">performance</span> <span class="jser-tag">diff</span> <span class="jser-tag">library</span> <span class="jser-tag">article</span></p>
+
+Pierreが開発したdiffレンダリングライブラリ`@pierre/diffs`の実装解説。
+巨大なコード差分をブラウザで効率的に描画するための、仮想化やメモリ最適化の手法について書かれている。
+sticky positioningを反転させてスクロール中の空白表示を防ぐ手法、行範囲レンダリングでのバイナリサーチ、DOM要素を再利用することでGCを避ける作りについて。
+また、Shikiによる構文ハイライトのWorkerスレッド化とLRUキャッシュについても扱っている。
+
+
+----
+<h1 class="site-genre">スライド、動画関係</h1>
+
+----
+
+## TSKaigi 2026 発表資料まとめ
+[zenn.dev/yasse/articles/a7240304af804c](https://zenn.dev/yasse/articles/a7240304af804c "TSKaigi 2026 発表資料まとめ")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">TypeScript</span> <span class="jser-tag">Conference</span> <span class="jser-tag">slide</span></p>
+
+TSKaigi 2026のスライド資料のまとめ。
+
+- [TSKaigi 2026](https://2026.tskaigi.org/ "TSKaigi 2026")
+
+----
+
+## Oxlintのカスタムルールの現況 - Speaker Deck
+[speakerdeck.com/syumai/oxlint-custom-rule](https://speakerdeck.com/syumai/oxlint-custom-rule "Oxlintのカスタムルールの現況 - Speaker Deck")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">ESLint</span> <span class="jser-tag">Rust</span> <span class="jser-tag">slide</span> <span class="jser-tag">JavaScript</span></p>
+
+Oxlintのカスタムルールについてのスライド。
+Rust製のLinterであるOxlintで、ESLint互換のカスタムルールを追加できるJS Plugin（アルファ版）の機能やパフォーマンスについて紹介している。
+既存のESLintプラグインの動作やtsgolint、corsa-bindについてなど
+
+
+----
+<h1 class="site-genre">サイト、サービス、ドキュメント</h1>
+
+----
+
+## SoraKumo001/satoru
+[github.com/SoraKumo001/satoru](https://github.com/SoraKumo001/satoru "SoraKumo001/satoru")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">WebAssembly</span> <span class="jser-tag">HTML</span> <span class="jser-tag">css</span> <span class="jser-tag">SVG</span> <span class="jser-tag">PDF</span> <span class="jser-tag">Image</span> <span class="jser-tag">library</span></p>
+
+WebAssemblyで動作するHTMLをSVG/PNG/WebP/PDFへ変換するレンダリングエンジン。
+描画にSkia、レイアウトにlitehtmlを利用し、CSSを含んだHTMLを画像へと変換する。
+TTF/OTF/WOFF2のフォントやGoogle Fontsの解決、PNG/JPEG/WebP/AVIFの画像をサポートする。
+Node.js/ブラウザ/Cloudflare Workersで実行できる。
+
+
+----
+<h1 class="site-genre">ソフトウェア、ツール、ライブラリ関係</h1>
+
+----
+
+## microsoft/Webwright: A simple SWE style browser agent framework that achieves SOTA results on long horizon web tasks.
+[github.com/microsoft/Webwright](https://github.com/microsoft/Webwright "microsoft/Webwright: A simple SWE style browser agent framework that achieves SOTA results on long horizon web tasks.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">AI</span> <span class="jser-tag">browser</span> <span class="jser-tag">automation</span> <span class="jser-tag">playwright</span> <span class="jser-tag">library</span></p>
+
+Microsoftによるブラウザエージェントフレームワーク。
+エージェントが個別のブラウザ操作を予測するのではなくPlaywrightを使ったPythonコードを生成して実行する。
+反復的なエージェントループとディレクトリをworkspaceとして扱って毎回使い捨てのセッションで進める方式になっている
+
+
+----
+
+## pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend
+[github.com/pionxzh/wakaru](https://github.com/pionxzh/wakaru "pionxzh/wakaru: 🔪📦 Javascript decompiler for modern frontend")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">Tools</span> <span class="jser-tag">webpack</span> <span class="jser-tag">bundler</span> <span class="jser-tag">esbuild</span></p>
+
+minifyやbundleされたJavaScriptを読みやすいコードへと復元するデコンパイラ。
+webpack/esbuild/Bun/Browserifyなどのbundleをモジュール単位に分割するunpackerを提供する。
+Terser/Babel/SWCなどでトランスパイル/圧縮されたコードを復元するunminifyや、ソースマップをサポートしている。
+
+
+----
+
+## Shakya47/pip-it-up: Pop any UI component into a floating Picture-in-Picture window. Zero config. Auto-sizing. Framework-agnostic core.
+[github.com/Shakya47/pip-it-up](https://github.com/Shakya47/pip-it-up "Shakya47/pip-it-up: Pop any UI component into a floating Picture-in-Picture window. Zero config. Auto-sizing. Framework-agnostic core.")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">React</span> <span class="jser-tag">library</span></p>
+
+Document Picture-in-Picture APIを扱うReactコンポーネントライブラリ。
+リサイズやスタイルの同期などに対応している。
+
+
+----
+<h1 class="site-genre">書籍関係</h1>
+
+----
+
+## 基本からしっかり学ぶフロントエンドテスト入門 | 技術評論社
+[gihyo.jp/book/2026/978-4-297-15704-3](https://gihyo.jp/book/2026/978-4-297-15704-3 "基本からしっかり学ぶフロントエンドテスト入門 | 技術評論社")
+<p class="jser-tags jser-tag-icon"><span class="jser-tag">JavaScript</span> <span class="jser-tag">test</span> <span class="jser-tag">book</span></p>
+
+2026年6月26日発売。
+フロントエンドのテストについての書籍
+
+
+----