自由フォーマットでこつこつ記録して可視化するアプリを作った
はじめに
何でも こつこつ 記録して可視化できるWebアプリ、こつこつを作りました！
なぜ作ったのか
家計簿や筋トレのような専門的な記録アプリはありますが、ニッチなものを記録したいと思いました。例えば、以下のようなものです。
- 薬を飲んだ日と錠剤名
鼻炎薬をたまに飲むのですが、飲む頻度を抑えたいので、どれくらい飲んでいるのかを記録したかったのです。また、コーヒーの摂取量（ml）も同様の理由で記録したい時があります。
- コンタクトレンズを交換した日
コンタクトレンズは2週間用のものを使っていますが、週末に交換するようにしていたものの、1週間で捨てることもあったためです。もったいないので記録して改善したいと思いました。
- 夜中に起きた回数
夜中に起きてしまうことがたびたび発生していました。 熟睡したいので、何が影響しているのか分析するために、起きたかどうか記録しようと思いました。
これらを記録するアプリがあればそれを使えば良いのですが、そんなものはないので今回作ってみました。
こつこつの使い方
「こつこつ」の使い方はシンプルです。
- 記録するフォーマットを自由に定義できる「ノートブック」を作成します。
- 定義したフォーマットでデータを登録できる「ページ」を作成します。
- ノートブックに登録されたページをもとに、グラフを表示します。
記録するフォーマットの項目名として、以下のパターンを選べます。
- 文字
- 数値
- はい・いいえ
- カテゴリ
以下は、ノートブックとページの例です。
可視化の例
初めてログインすると、サンプルのデータが登録されます。そのデータを使って、以下のようなグラフが表示されます。
未実装の機能
以下の機能はまだ実装していません。何か要望があれば実装します。
- データのインポート/エクスポート
- 可視化グラフの共有機能
終わりに
私はこつこつと記録することが好きで、振り返って可視化するのも好きです。 このアプリはそんな私にピッタリです。興味のある方はぜひ試してみてください。
-
※ ログイン不要で投稿できます。
※ 同じブラウザから投稿を削除できます。
0
読み込み中...
関連する記事
タグ「成果物」の記事
仕事柄、GitHub Busy を設定しています。 この Busy には有効期限を GUI 上で登録することができます。 GitHub Busy 編集画面 困っていること 毎週水曜日に Busy を設定していて、木曜日に解除しています。 こ
2026年06月19日
個人ブログ好きの皆さんに朗報です！ "個人ブログを、見つけて、読んで、シェアする" アプリ、こぶりーをリリースしました！🎉 こぶりー アプリのURLは、以下の通りです。 こぶりー - kobliy.vercel.app こちらから、個人ブ
個人サイトリニューアルを機に、記事を書く執筆環境Webアプリを用意しました。 https://silverbirder.github.io/blog/contents/20260128/ どのようなものか簡単に紹介します。 入力とプレビュー
2026年02月20日