bokabikun

防カビくんの定期実行をゆるく管理するアプリ（タスク + プロジェクト管理）

開発メモ

目的

防カビくん煙剤（以下、防カビくん）とか、浄水器のフィルダーとか、洗濯槽カビキラーとか、定期実行の必要なタスクの管理をしたい。 リマインドすると、プレッシャーになるし、すぐにできなかったときに再度リマインドされたりすると、地味に心がすり減るので、もっとゆるく管理したい。 ユーザーがポーリングする形でゆるくどんくらい経ったかわかるようにしようと思う。

index.html の構成

• ヘッダー：アプリ名と説明、右下固定の「＋追加」ボタンでタスク追加。
• タブ：タスク / プロジェクトを切り替え（横スワイプ対応）。
• タスク一覧：タスクカードを期限が近い順で表示。バッジは「そろそろ」以上のみ。
• カード操作：「やった！」で前回実施日を更新し、🎉 ＋取り消しトーストを表示。カード本体タップで編集。
• 進捗表示：経過率のバーと「あと ◯ 日/超過 ◯ 日」を表示。
• 追加/編集モーダル：名前・周期・前回実施日・メモを編集、削除も可能。
• プロジェクト一覧：Objective とマイルストーン（中期TODO）を表示。カード上部タップで編集。
• マイルストーン：追加、編集、アーカイブ、削除。進捗は +5/-5 のアイコン操作で更新。
• 月次記録：直近 12 か月の平均進捗を表示し、月カードから詳細モーダルで内訳確認。
• 月切替：リロード時に「今月へ進むか」確認。キャンセル時は前月のまま進捗を更新。
• データ保存：localStorage に保存。初回のみサンプルタスクを自動投入。

技術スタック

• HTML / CSS（Tailwind CSS CDN）
• Vanilla JavaScript（フレームワークなし）
• localStorage（データ保存）
• PWA（manifest.webmanifest + sw.js）

データ構成（localStorage）

• bokabikun.tasks.v1: タスク配列
• bokabikun.themes.v1: プロジェクト配列（マイルストーン含む）
• bokabikun.activeMonth: 進捗の集計対象月（YYYY-MM）

GitHub Pages

GitHub Pages でそのまま公開できる構成（静的ファイルのみ）。

sw.js

初回に主要ファイルを事前キャッシュし、更新時は旧キャッシュを削除。
同一オリジンはキャッシュ優先、Tailwind CDN は stale-while-revalidate（SWR）。

やらないこと

• 通知！

TODO

マネタイズ

防カビくんとかカビキラーとかはアフィリエイト的なことすればちょっとはマネタイズできるんじゃなかろうか。知らんけど。

ログイン機能

なくても良いかも

ヒストリー

気が向いたら history も実装したい いらんのかも。