使い方

基本の流れ

初期状態:ボタンを押して抽選と表示されたルーレット画面
初期状態
結果表示状態:タスク名が大きく表示されたルーレット画面
結果表示
  1. 1.アプリを開くと「ボタンを押して抽選」と表示されます。
  2. 2.「回す」ボタンを押すと、約1.5秒間スピナーが回転します。
  3. 3.タスク名が大きく表示されます。そのままやってみましょう。
  4. 4.「もう一度」ボタンで最初の状態に戻ります。

タスク一覧

  • 本を読む
  • 深呼吸する
  • 瞑想する
  • 予定確認
  • 目を閉じる
  • メモを書く

コードを見る

tasks.ts / pickRandom.ts のコード
tasks.tsのコード:タスク一覧の定義
src/data/tasks.ts — タスクの定義
pickRandom.tsのコード:ランダム選択ユーティリティ
src/lib/pickRandom.ts — ランダム選択ロジック