Skip to content
catch-all-favorite
Esc
↑↓navigate↵open⌘Jpreview
On this page

JSer.info #773 キャッチアップ: 2026-06-09のJS

投稿日: 2026-06-09 ソース: 2026-06-09のJS: pnpm 11.5、Node.js 26.3.0、CloudflareがVoidZeroを買収

今週の注目ポイント

pnpm 11.5がリリースされ、hoistingLimits設定の追加やStaged publishing対応の改善が行われた。Node.js 26.3.0ではBuffer.poolSizeデフォルト値の変更やパーミッション破棄機能が追加されている。 最大のニュースはCloudflareによるVoidZeroの買収で、Vite・Vitest・Rolldown・OxcといったプロジェクトはMITオープンソースとして継続開発される方針が示された。

ヘッドライン

Release pnpm 11.5 · pnpm/pnpm

  • URL: https://github.com/pnpm/pnpm/releases/tag/v11.5.0
  • タグ: pnpm, ReleaseNote
  • 要約: nodeLinker: hoisted向けにhoistの範囲を制限するhoistingLimits設定を追加。対話的なプロンプトの改善、Staged publishingの対応改善。エイリアスインストール時のpeer解決のハング、pnpm dist-tagでの2FA対応を修正。minimumReleaseAgeExcludeの扱い、リモートのHTTPS tarball依存のintegrityフィールドの保持などを修正。

Node.js 26.3.0 (Current)

  • URL: https://nodejs.org/en/blog/release/v26.3.0
  • タグ: nodejs, ReleaseNote
  • 要約: Buffer.poolSizeのデフォルトを64 KiBに変更。HTTPヘッダの値の検証をカスタマイズするhttpValidationオプション、パーミッションを破棄するpermission.dropを追加。Staged Publishingをサポートしたnpm 11.16.0へアップデートなど。

Node.js 24.16.0 (LTS)

  • URL: https://nodejs.org/en/blog/release/v24.16.0
  • タグ: nodejs, ReleaseNote
  • 要約: crypto.randomUUIDv7()によるUUID v7の生成、fs.stat()へのsignalオプション、util.styleText()の16進数カラー対応を追加。Test Runnerにテスト実行順序のランダム化やAbortSignal.timeout向けのモックタイマーを追加、IncomingMessageにreq.signalを追加など。

Chrome 150 beta

  • URL: https://developer.chrome.com/blog/chrome-150-beta?hl=en
  • タグ: Chrome, browser, ReleaseNote, css
  • 要約: CSSのtext-fitプロパティ、background-clip: border-areaによるグラデーションボーダー、polygon()の角丸サポート、focusgroup属性のサポート。IndexedDBの実装がLevelDBからSQLiteへと変更、data: URLのWorkerに一意のopaque originを割り当てるよう変更。SpeechRecognitionにqualityオプションを追加など。

VoidZero is joining Cloudflare

アーティクル

Declarative partial updates

  • URL: https://developer.chrome.com/blog/declarative-partial-updates
  • タグ: Chrome, HTML, WebAPI, DOM, stream, article
  • 要約: HTMLを宣言的に部分更新するためのAPIとして提案中の<template for>について。<template>要素と<?marker>などの処理命令プレースホルダーを使い、ドキュメント内の順序に依存せずコンテンツを配信するOut-of-order streamingについて解説。合わせて利用するsetHTML()/replaceWithHTML()/streamHTML()などのJavaScript APIについても扱っている。Chrome 148以降のフラグで利用でき、polyfillも実装されている。

On Rendering Diffs

  • URL: https://pierre.computer/writing/on-rendering-diffs
  • タグ: JavaScript, performance, diff, library, article
  • 要約: Pierreが開発したdiffレンダリングライブラリ@pierre/diffsの実装解説。巨大なコード差分をブラウザで効率的に描画するための仮想化やメモリ最適化の手法について。sticky positioningの反転によるスクロール中の空白防止、行範囲レンダリングでのバイナリサーチ、DOM要素再利用によるGC回避、Shikiによる構文ハイライトのWorkerスレッド化とLRUキャッシュについて扱っている。

スライド、動画関係

TSKaigi 2026 発表資料まとめ

Oxlintのカスタムルールの現況

  • URL: https://speakerdeck.com/syumai/oxlint-custom-rule
  • タグ: ESLint, Rust, slide, JavaScript
  • 要約: Oxlintのカスタムルールについてのスライド。Rust製のLinterであるOxlintで、ESLint互換のカスタムルールを追加できるJS Plugin（アルファ版）の機能やパフォーマンスについて紹介。既存のESLintプラグインの動作やtsgolint、corsa-bindについても解説している。

サイト、サービス、ドキュメント

SoraKumo001/satoru

  • URL: https://github.com/SoraKumo001/satoru
  • 要約: WebAssemblyで動作するHTMLをSVG/PNG/WebP/PDFへ変換するレンダリングエンジン。描画にSkia、レイアウトにlitehtmlを利用し、CSSを含んだHTMLを画像へと変換する。TTF/OTF/WOFF2のフォントやGoogle Fontsの解決、PNG/JPEG/WebP/AVIFの画像をサポート。Node.js/ブラウザ/Cloudflare Workersで実行できる。

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

microsoft/Webwright

  • URL: https://github.com/microsoft/Webwright
  • タグ: AI, browser, automation, playwright, library
  • 要約: Microsoftによるブラウザエージェントフレームワーク。エージェントが個別のブラウザ操作を予測するのではなくPlaywrightを使ったPythonコードを生成して実行する。反復的なエージェントループとディレクトリをworkspaceとして扱い、毎回使い捨てのセッションで進める方式。

pionxzh/wakaru

  • URL: https://github.com/pionxzh/wakaru
  • タグ: JavaScript, Tools, webpack, bundler, esbuild
  • 要約: minifyやbundleされたJavaScriptを読みやすいコードへと復元するデコンパイラ。webpack/esbuild/Bun/Browserifyなどのbundleをモジュール単位に分割するunpackerを提供。Terser/Babel/SWCなどでトランスパイル/圧縮されたコードを復元するunminifyや、ソースマップをサポートしている。

Shakya47/pip-it-up

  • URL: https://github.com/Shakya47/pip-it-up
  • タグ: JavaScript, React, library
  • 要約: Document Picture-in-Picture APIを扱うReactコンポーネントライブラリ。リサイズやスタイルの同期などに対応している。

書籍関係

基本からしっかり学ぶフロントエンドテスト入門

Was this page helpful?