本文へ移動

§12-12Engagement

Daily quest

毎日更新される小さな課題を提示する。

毎日開く理由を作り、何をすればよいかを明確にする。習慣化を狙う学習や健康系のアプリで使う。

実装のポイント

クエストの日次リセットはユーザーのローカル日付境界で判定し、完了状態はサーバーで保持する。報酬は全達成時のボーナスを別枠にすると最後の 1 つを押し切らせやすい。

特徴
  • 状態管理
デモで使っているもの
  • lucide-react

このパターンが効く目的