[{"data":1,"prerenderedAt":17},["ShallowReactive",2],{"tag-articles-Web Audio":3},[4],{"title":5,"description":6,"path":7,"tags":8,"publishedAt":15,"updatedAt":16},"Synthesia風「降ってくる音符」のピアノアプリをWeb Audio + Canvasで作った——実装の詳細メモ","音符バーが上から降ってきて鍵盤に届くと音が鳴るピアノビジュアライザー /piano-roll の実装記録。曲データの持ち方、88鍵レイアウト計算、落下バーの座標系、Web Audioによるピアノ音合成、運指番号表示、楽譜データの入手方法やMIDIキーボード対応の展望まで。","/piano-roll-implementation",[9,10,11,12,13,14],"Web Audio","Canvas","Vue","ピアノ","音楽","Nuxt","2026-06-11T00:00:00.000Z",null,1781213609927]