[B! JavaScript][javascript][diff] efclのブックマーク

efcl id:efcl

JavaScriptとjavascriptとdiffに関するefclのブックマーク (2)

On Rendering Diffs
ON RENDERING DIFFS Posted on May 29, 2026 by @amadeus ██████╗ ██╗███████╗███████╗███████╗ ██╔══██╗██║██╔════╝██╔════╝██╔════╝ ██████████╗ ██║ ██║██║█████╗ █████╗ ███████╗ ╚═════════╝ ██║ ██║██║██╔══╝ ██╔══╝ ╚════██║ ██████╔╝██║██║ ██║ ███████║ ╚═════╝ ╚═╝╚═╝ ╚═╝ ╚══════╝ ██╗ ██████╗ ██╗███████╗███████╗███████╗ ██║ ██╔══██╗██║██╔════╝██╔════╝██╔════╝ ██████████╗ ██║ ██║██║█████╗ █████╗ ███████╗ ╚══
efcl 2026/06/07
diffレンダリングライブラリ`@pierre/diffs`の実装解説。巨大なコード差分をブラウザで効率的に描画するための、仮想化やメモリ最適化の手法について書かれている。 sticky positioningを反転させてスクロール中の空白表示を防ぐ

JavaScript

performance

diff

library

article
リンク
Diffs, from Pierre
A diff rendering library@pierre/diffs is an open source diff and code rendering library. It's built on Shiki for syntax highlighting and theming, is super customizable, and comes packed with features. Made with love by The Pierre Computer Company.
efcl 2026/04/12
diffレンダリングとコード表示のライブラリ。 CSS GridとShadow DOMを活用してDOMノード数を削減しレンダリングの高速化やVirtualizationに対応している。 Stack型(統合表示)とSplit型(左右並列表示)の2つのレイアウトに対応し、Shikiベ

JavaScript

CSS

library

diff
リンク
1