Realtime JSer.info

On Rendering Diffs :: Pierre Computer Company

Sun, 07 Jun 2026 22:35:29 +0900

https://pierre.computer/writing/on-rendering-diffs

diffレンダリングライブラリ@pierre/diffsの実装解説。巨大なコード差分をブラウザで効率的に描画するための、仮想化やメモリ最適化の手法について書かれている。 sticky positioningを反転させてスクロール中の空白表示を防ぐ手法、行範囲レンダリングでのバイナリサーチ、DOM要素を再利用することでGCを避ける作りについて。また、Shikiによる構文ハイライトのWorkerスレッド化とLRUキャッシュについても扱っている。

Declarative partial updates | Blog | Chrome for Developers

Sun, 07 Jun 2026 22:30:05 +0900

https://developer.chrome.com/blog/declarative-partial-updates

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

VoidZero is joining Cloudflare

Sun, 07 Jun 2026 22:06:34 +0900

https://blog.cloudflare.com/voidzero-joins-cloudflare/

CloudflareがViteやOxCなどを開発するVoidZeroを買収。

Chrome 150 beta | Blog | Chrome for Developers

Sun, 07 Jun 2026 22:03:23 +0900

https://developer.chrome.com/blog/chrome-150-beta?hl=en

Chrome 150 betaリリース。 CSSのtext-fitプロパティ、background-clip: border-areaによるグラデーションボーダー、polygon()の角丸サポート、focusgroup属性のサポート。 IndexedDBの実装がLevelDBからSQLiteへと変更、data: URLのWorkerに一意のopaque originを割り当てるよう変更。 SpeechRecognitionにqualityオプションを追加など

Node.js — Node.js 24.16.0 (LTS)

Fri, 05 Jun 2026 14:49:50 +0900

https://nodejs.org/en/blog/release/v24.16.0

Node.js v24.16.0 (LTS)リリース。 crypto.randomUUIDv7()によるUUID v7の生成、fs.stat()へのsignalオプション、util.styleText()の16進数カラー対応を追加。 Test Runnerにテスト実行順序のランダム化やAbortSignal.timeout向けのモックタイマーを追加、IncomingMessageにreq.signalを追加など

基本からしっかり学ぶフロントエンドテスト入門 | 技術評論社

Wed, 03 Jun 2026 21:37:37 +0900

https://gihyo.jp/book/2026/978-4-297-15704-3

2026年6月26日発売。フロントエンドのテストについての書籍

Oxlintのカスタムルールの現況 - Speaker Deck

Wed, 03 Jun 2026 12:14:46 +0900

https://speakerdeck.com/syumai/oxlint-custom-rule

Oxlintのカスタムルールついてのスライド。 Rust製のLinterであるOxlintで、ESLint互換のカスタムルールを追加できるJS Plugin（アルファ版）の機能やパフォーマンスについて紹介している。既存のESLintプラグインの動作やtsgolint、corsa-bindについてなど

Node.js — Node.js 26.3.0 (Current)

Tue, 02 Jun 2026 10:19:11 +0900

https://nodejs.org/en/blog/release/v26.3.0

Node.js v26.3.0 (Current)リリース。 Buffer.poolSizeのデフォルトを64 KiBに変更。 HTTPヘッダの値の検証をカスタマイズするhttpValidationオプション、パーミッションを破棄するpermission.dropを追加。 Staged Publishingをサポートしたnpm 11.16.0へアップデートなど

Shakya47/pip-it-up: Pop any UI component into a floating Picture-in-Picture window. Zero config. Auto-sizing. Framework-agnostic core.

Sun, 31 May 2026 14:54:54 +0900

https://github.com/Shakya47/pip-it-up

Document Picture-in-Picture APIを扱うReactコンポーネントライブラリ。リサイズやスタイルの同期などに対応している。

SoraKumo001/satoru

Sun, 31 May 2026 12:18:04 +0900

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で実行できる。