タイマー
連続カウントダウンタイマー。最大10セットを連続実行できます。
00:00
1
2
3
4
5
6
7
8
9
10
機能
- • 5秒・30秒・1分・3分のプリセットを10セット設定可能
- • 設定したセットを連続でカウントダウン実行
- • 各タイマー終了時にチャイム音で通知、即座に次のタイマーへ
- • 円形プログレスバーとセット進捗表示
- • 残り10秒で警告アニメーション
- • 途中停止・再開が可能
🤖 AIプロンプトテンプレート
Reactで連続カウントダウンタイマーを実装してください。以下の要件を満たしてください。 - 最大10セットのタイマーを設定し、連続で自動実行できること - 各セットに5秒・30秒・1分・3分のプリセット時間を選択できること - 円形のSVGプログレスバーで残り時間を視覚的に表示すること - タイマー終了時にWeb Audio APIでチャイム音を鳴らすこと（iOS Safari対応） - 残り10秒以下でパルスアニメーションと警告色に切り替えること - 途中停止・再開・リセット機能を実装すること
⚠️ このプロンプトはあくまでたたき台です。AIの回答はモデルやバージョン、会話の文脈によって毎回異なります。意図通りに動かない場合は、条件を追記・修正してお使いください。
© UI Memo