§02-03Onboarding
チェックリスト / クエスト
初期設定の残り項目を一覧にして進捗を示す。
利用開始に必要な設定を順番に案内し、完了度を見せて次の行動を促す。登録直後の離脱を減らし、主要機能に早く到達させたいときに使う。
実装のポイント
進捗は完了数から導出して二重管理しない。完了状態はサーバー側のイベントで自動チェックし、手動トグルにはロールバック可能な楽観更新を使う。
- 特徴
- 状態管理
- デモで使っているもの
- lucide-react
§02-03Onboarding
初期設定の残り項目を一覧にして進捗を示す。
利用開始に必要な設定を順番に案内し、完了度を見せて次の行動を促す。登録直後の離脱を減らし、主要機能に早く到達させたいときに使う。
進捗は完了数から導出して二重管理しない。完了状態はサーバー側のイベントで自動チェックし、手動トグルにはロールバック可能な楽観更新を使う。