自由フォーマットでこつこつ記録して可視化するアプリを作った
はじめに
何でも こつこつ 記録して可視化できるWebアプリ、こつこつを作りました！
なぜ作ったのか
家計簿や筋トレのような専門的な記録アプリはありますが、ニッチなものを記録したいと思いました。例えば、以下のようなものです。
- 薬を飲んだ日と錠剤名
鼻炎薬をたまに飲むのですが、飲む頻度を抑えたいので、どれくらい飲んでいるのかを記録したかったのです。また、コーヒーの摂取量（ml）も同様の理由で記録したい時があります。
- コンタクトレンズを交換した日
コンタクトレンズは2週間用のものを使っていますが、週末に交換するようにしていたものの、1週間で捨てることもあったためです。もったいないので記録して改善したいと思いました。
- 夜中に起きた回数
夜中に起きてしまうことがたびたび発生していました。 熟睡したいので、何が影響しているのか分析するために、起きたかどうか記録しようと思いました。
これらを記録するアプリがあればそれを使えば良いのですが、そんなものはないので今回作ってみました。
こつこつの使い方
「こつこつ」の使い方はシンプルです。
- 記録するフォーマットを自由に定義できる「ノートブック」を作成します。
- 定義したフォーマットでデータを登録できる「ページ」を作成します。
- ノートブックに登録されたページをもとに、グラフを表示します。
記録するフォーマットの項目名として、以下のパターンを選べます。
- 文字
- 数値
- はい・いいえ
- カテゴリ
以下は、ノートブックとページの例です。
可視化の例
初めてログインすると、サンプルのデータが登録されます。そのデータを使って、以下のようなグラフが表示されます。
未実装の機能
以下の機能はまだ実装していません。何か要望があれば実装します。
- データのインポート/エクスポート
- 可視化グラフの共有機能
終わりに
私はこつこつと記録することが好きで、振り返って可視化するのも好きです。 このアプリはそんな私にピッタリです。興味のある方はぜひ試してみてください。
-
シェアする
フォローする
関連する記事
タグ「成果物」の記事
個人サイトリニューアルを機に、記事を書く執筆環境Webアプリを用意しました。 https://silverbirder.github.io/blog/contents/20260128/ どのようなものか簡単に紹介します。 入力とプレビュー
2026年02月20日
個人サイト（ジブンノート）をリニューアルしました。本記事では、個人サイトをリニューアルした際にあった出来事などを振り返りたいと思います。ちなみに、個人サイトは以下のページです。ノート風デザインで、ブログ記事が読めるようになりました！🎉
個人サイトをリニューアルしました！🎉 https://silverbirder.github.io リニューアルは、今回で6回目です。制作期間は、去年の12月27日から今年の1月28日までの約1ヶ月間です。個人的には最速の開発期間でした。AIの力は偉大ですね。本記事では、個人サイトのリニューアルでこだわったポイントについて紹介します。
2026年01月28日