🎹 おとのおもちゃ

けんばんをおしてみよう!

おとがでるよ!

C4
D4
E4
F4
G4
A4
B4
C5

ほかのおもちゃ

🤖 AIプロンプトテンプレート

Reactで幼児向けのおとあそびUIを実装してください。以下の要件を満たしてください。

- ど・れ・み・ふぁ・そ・ら・し・どの8音(C4〜C5)を色付きの鍵盤ボタンで表示すること
- 鍵盤ボタンをタップするとWeb Audio APIで対応する音程の音を鳴らすこと
- タップ時に音符や星などのパーティクルエフェクトをアニメーション表示すること
- アクティブな鍵盤はスケールダウンして押下感を表現すること
- スマートフォンのタッチ操作に最適化し、複数の鍵盤を素早く連打できること
- 鍵盤の上部または下部に音名ラベル(C4, D4...)を表示すること

⚠️ このプロンプトはあくまでたたき台です。AIの回答はモデルやバージョン、会話の文脈によって毎回異なります。意図通りに動かない場合は、条件を追記・修正してお使いください。