この記事は クソアプリ Advent Calendar 2025 25日目の記事です。
作ったもの
デモ
クソアプリアドベントカレンダーで音ゲーを作りました
— bani24884 (@bani24884) December 26, 2025
タイミングよくボタンを押して「エンダァァァァイヤァァァァ」を鳴らすだけのゲームです
ぜひあなたのリズム感を試してみてください！
プレイはリプライから👇 pic.twitter.com/1HjlYYCGKs
制作したアプリの概要
ホイットニー・ヒューストンの名曲『I Will Always Love You』のサビ前。あの異常に長い無音の溜めの直後に訪れるドラムの音に合わせて、タイミングよくボタンを押すReact製音ゲーを作りました。
タイミングが合うと、あのサビの名フレーズが絶好のタイミングで流れ出します。
（無音の溜め）...「ドン！（ドラム）」 → 「エンダァァァァイヤァァァァ！！」
どれだけ正確にこの瞬間に立ち会えたかをミリ秒単位で測定し、結果をSNSにシェアできます。
実装のポイント
技術スタック
- Framework: React (Next.js)
- Video: YouTube IFrame Player API
- Audio: Web Audio API
こだわった点
- ご褒美感: タイミングが完璧であればあるほど、最高に気持ちいい「エンダァァァァ」を体験できます。
-
無駄に高い測定精度: YouTube APIの再生時間は更新が粗いため、そのままでは音ゲーとして成立しません。ブラウザの
performance.now()を使って時間を補正し、ミリ秒単位での判定を実現しています。
制作のきっかけ（元ネタ）
SNS等で話題になっていた「Whitney Houston Challenge」を目にしたのがきっかけです。
あの静寂の後の「ドン！」に合わせて何かを叩くというシンプルな遊びを、Webアプリとしてミリ秒単位で競えるようにしたら面白いのではないかと思い、制作に至りました。
まとめ
技術を無駄に使って、特定の瞬間のためだけに全力を注ぐアプリが完成しました。
皆さんも、最高の「エンダァァァァイヤァァァァ」を鳴らしてみてください。