[{"data":1,"prerenderedAt":16},["ShallowReactive",2],{"tag-articles-ピアノロール":3},[4],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":14,"updatedAt":15},"スクショ1枚からSynthesia風ピアノロールWebアプリを作ってもらった日——88鍵Canvas＋Web Audio合成＋運指表示","「ピアノアプリ作ってもらいたいんですけど」と画像1枚を見せたところから、Synthesia風ピアノロール /piano-roll が完成するまでの記録。再生時計が止まる謎、devサーバーの古いコード配信、公開化で見つかったOGメタタグ不足14件の一括修正まで。","/piano-roll-web-app",[9,10,11,12,13],"ピアノロール","Web Audio","Canvas","Claude Code","Nuxt","2026-06-11T00:00:00.000Z",null,1781334130324]