アプリ画面のプレビュー
概要
毎日の習慣をワンタップでチェックし、継続日数や達成率をリング状グラフで視覚的に確認できる習慣管理アプリ。連続記録(ストリーク)、実績バッジ、GitHub風カレンダーヒートマップ、週間・月間サマリーを搭載。ブラウザ完結(localStorage)で登録不要、6桁コードによる端末間の簡易同期にも対応。スマホ最優先のレスポンシブ設計。
主な機能
- 習慣の登録・編集・削除 (絵文字アイコン・カラー・目標頻度・実施曜日を設定、最大10件)
- 実施曜日指定 (月・水・金など習慣ごとに対象曜日を選択、対象外日は休日表示)
- リマインダー通知 (習慣ごとに時刻を設定し、実施曜日だけブラウザ通知)
- デイリーチェック (ワンタップ達成・対象外日も任意で記録可能)
- ストリーク表示 (対象外曜日をスキップして現在の連続日数と最長記録を計算)
- 実績バッジ (3日・7日・30日達成でポップアップ + 紙吹雪エフェクト)
- GitHub風カレンダーヒートマップ (達成度で色の濃淡が変化)
- 週間・月間サマリー (対象曜日を分母にした達成率をSVGリンググラフで可視化)
- 簡易クラウド同期 (ニックネーム + 6桁コードで端末間のデータ引き継ぎ、リマインダー設定も同期)
- ダークモード対応
- ブラウザ完結 (localStorage) ・ 登録不要
- スマホ最優先のレスポンシブデザイン (PCは2カラム)
- 習慣ごとの一言メモ (✏️ 各習慣に100文字までの日記を記録、メモのある日はバッジ表示・未達成日にも記録可)
- ヒートマップのメモ表示 (各日をタップ/ホバーで達成状況とメモをツールチップ表示)
- サマリーにメモ記録日数を表示 (週間・月間の「メモあり日数 / 記録日数」)
- 習慣ごとの振り返りグラフ (過去30日の達成推移と曜日別達成率を詳細モーダルで表示)
- 今日タブの習慣カード並び替え (PCはドラッグ、スマホは上下ボタン)
- 今週のペース確認カード (週途中で達成ペースが遅れている習慣を最大3件表示)
導入手順
- AIアプリ開発部 でアカウント登録(まだの方)
- ダッシュボードから
installer.phpをダウンロード - 自社サーバーの公開ディレクトリにアップロードして実行
- APIトークンを入力 → このアプリを選択 → DB情報入力 → 完了
