技術2026年5月11日(月)約16分LEGOモザイク変換でRGB最近傍が肌色を壊す理由BMBrickのLEGOモザイク変換記事をNode + sharpで実装して回した記録。RGB最近傍は写真にないメタリック銀とグリッターを最大16%混ぜ込み、OKLab+素材ペナルティで0になる。ついでに原典の `0.15` が7倍盛りなこと、45色仕込んでも実使用は16〜28色なこと、スターター10色だと66%が灰色になることも確認した。JavaScriptCanvasアルゴリズム実験
技術2026年4月22日(水)約12分楽譜から手のサイズに合わせたピアノの指使いを物理シミュレーションで自動判定MusicXMLを読み込んで手のサイズや生体力学の制約を考慮した指使いを返すブラウザツール。バックトラッキング探索で指の移動コストを最小化する設計、コスト関数の具体値、Parncutt 1997以降の学術的系譜、ギターへの転用可能性まで整理する。ブラウザWebアプリWeb Audio APICanvasReactアルゴリズム物理
技術2026年1月11日(日)約4分SVGで幼児向けウェブ塗り絵を作った話SVGのパスをクリックして色を塗る仕組み。fill属性を変えるだけのシンプルな実装を、バニラJSで解説する。JavaScriptSVGCanvas実験
技術2026年1月10日(土)約2分ブラウザで動画が作れるツールを作った画像と字幕を並べてパタパタアニメーションを作れるブラウザツール。WebM/MP4/SRT出力対応。JavaScriptCanvasffmpeg実験