§12-02Engagement
達成 / アチーブメント
条件を満たすとバッジが解除されて表示される。
小さな達成に区切りと報酬を与え、続ける理由を作る。学習や運動の記録など、継続そのものが価値になるサービスに向く。
実装のポイント
未解除のバッジも条件付きで見せると目標になる。解除は通常サーバー側で判定し、クライアントでは解除通知を aria-live=polite で読み上げる。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§12-02Engagement
条件を満たすとバッジが解除されて表示される。
小さな達成に区切りと報酬を与え、続ける理由を作る。学習や運動の記録など、継続そのものが価値になるサービスに向く。
未解除のバッジも条件付きで見せると目標になる。解除は通常サーバー側で判定し、クライアントでは解除通知を aria-live=polite で読み上げる。