○×トラッカーを作った話(超シンプルな習慣記録ツール)
「今日の習慣、できた?できなかった?」それだけを○か×で記録したいとき、既存のアプリはどれも機能が多すぎると感じていました。ピル飲んだか、運動したか、歯磨きしたか…そういうシンプルなYES/NOの記録ができれば十分なのに。
というわけで、作りました。
何ができるツールか
- カレンダー1ヶ月の枠に ○ か × をタップで切り替えるだけ
- イベント名(例: ミルクを飲んだ)を自由に設定
- 複数端末で同期(スマホ・PC・タブレット)
- データは自分の端末にだけ保存される仕組みにも対応
公開版デモ → maru-batsu.tool-koubou.com (デモはブラウザ内のみ保存、自分のデータとは別)
作り方
AIに一言:
「カレンダー1ヶ月分を表示して、各日付をタップしたら○×が切り替わって、サーバーに自動保存する、シンプルなウェブアプリ作って」
これだけで、10分ほどで動くプロトタイプ ができました。
- Cloudflare Workers: 1つの
worker.jsに HTML+JS+サーバーロジックすべて集約 - Cloudflare KV: データ保存(1つのキーで全データ管理)
- レスポンシブデザイン: スマホ・PCどちらでも使いやすい
学んだこと
「シンプルを保つ」難しさ
「カレンダー表示だけ」のつもりが、途中で「月移動もしたい」「複数のイベント管理したい」「記録数のグラフ見たい」など色々欲しくなります。しかし 追加すればするほどシンプルさが失われる。結果として、工房主の用途に合わせて、1イベント・月表示のみ の超シンプル版に留めました。
公開版とプライベート版の分離
公開すると、訪問者全員が同じデータを見ることになってしまいました(データ共有型で作ったため)。そこで、Worker側でホスト名を判別して、
- 公開URL: デモモード(localStorage のみ、他人と共有なし)
- プライベートURL: 個人データ(KV保存、複数端末同期)
と自動で切り替わる仕組みに改良しました。
収益化
特にしていません。個人用途がメインなので、「他の人がちょっと試せるデモ版」として置いてあります。
← 他の制作記を見る | トップ | ツールのリクエスト