← 制作記一覧へ

○×トラッカーを続けるための工夫

公開: 2026-06-22 · #66 / 最終更新: 2026-08-10 習慣化PWA個人開発○×トラッカー

📌 記事の取り扱いについて(公開当時の内容を含みます — タップで詳細)

本記事は公開当時の体験・気づきをまとめたものです。現在のツール数・プラン数・対象年齢・記事数・仕様とは異なる場合があります。最新の内容は各ツールページをご確認ください。ツールや外部サービスの仕様・料金は変更されることがあるため、利用前には各公式情報も併せてご確認ください。記載に誤りを見つけられた場合はお問い合わせフォームよりご連絡いただけると助かります。

この記事で取り上げているツール ⭕ ○×トラッカー 続けたいことを○×で記録する、シンプルな習慣トラッカー ツールを開いてみる →

毎日の習慣を○か×で記録する○×トラッカーを使っていて、いちばん難しいのは「作ること」より「続けること」だと感じています。

ツール自体はシンプルに作りました(その経緯は○×トラッカーを作った話に書いています)。この記事では、現在の作りのうち、続けやすさに関わっていると感じている点を振り返ります。

なお、デモ用と自分用でURLによって動きを変えている話は別記事の○×トラッカーの二重モードの話にまとめたので、この記事では「続けるための工夫」に絞ります。

ホーム画面に置けるようにした

まず大きいのは、スマホのホーム画面にアイコンとして置けるようにしたことです。これは最初からあったわけではなく、公開からしばらく経った2026年6月の末に、ほかのツールとまとめて追加しました。

毎日タップする位置にアイコンがあると、開くまでの距離がぐっと縮まります。ブラウザを起動してブックマークをたどるのに比べて、手数が確実に減ります。私も毎朝スマホから開いています。

仕組みの詳しい話はここでは省きますが、ブラウザのブックマークではなく「アプリのように1タップで開けるアイコン」にできた、という程度に思ってください。

続けた記録がひと目で見えるようにした

画面の中心は、1か月のカレンダーです。その日のマスをタップすると入力パネルが開き、○か×を選べます。同じ印をもう一度押すと、取り消して空白に戻せます。

気を付けたのは、「過去の記録がひと目で見える」ことでした。カレンダーに○と×が並ぶので、○が続いていれば流れが見えますし、×で途切れた日も見えます。あわせて「連続○」「連続×」の日数も小さく出していて、いま何日続いているのかが分かります。

カレンダーには過去の○×がそのまま並び、「連続○」「連続×」の日数も表示されます。点数やグラフをいろいろ出すより、○×がただ並んでいるのを眺めるくらいが、このツールにはちょうどいいと思っています。

通知や催促はあえて入れない

このツールに「忘れないように通知で催促する」機能はありません。

通知で急かされると、私はかえってそのアプリを開くのが嫌になることがあります。続けるための工夫のつもりが、逆に足が遠のく原因になりかねないと感じました。

通知が無くても、ホーム画面のアイコンが目に入れば思い出せます。急かされて開くより、自然に目に入って開くほうが、自分には長続きしている気がします。だから、ここはあえて何も足さない判断をしました。

記録が消えにくいようにした

自分用のURLで使う場合、習慣の記録はブラウザの中だけに閉じず、サーバー側にも保存する作りにしました(保存まわりの判断は作った話に書きました)。一方、誰でも触れる公開デモのほうは、そのブラウザの中だけの保存です。

最初はブラウザの中だけに持たせる形も考えたのですが、それだと端末を初期化したりブラウザのデータを消したりしたときに、記録まで消えてしまう可能性があります。毎日コツコツ積み上げた○×が、ある日まるごと消えるのは、続けるうえでいちばん心が折れる出来事だと思いました。

なので、自分用では記録がサーバー側にも残り、ブラウザのデータを消しても記録は失われません(公開デモは逆で、ブラウザのデータを消すと記録も消えます)。入力のたびに自動で保存されるので、毎回手動で保存する操作もありません。「うっかり消える心配が少ない」という安心感のほうが、私の場合は長続きにつながっている気がします。

振り返り

振り返ってみると、どれも大げさな機能ではありません。ホーム画面に置く、カレンダーで過去の○×を見せる、通知は入れない、記録が消えにくいようにする。それくらいです。

ツールを続けてもらう工夫というと、つい通知やリマインドのような「押す」機能を思い浮かべます。でも私の場合は、押されるより、自然に目に入って、見たくなる画面のほうが続きました。続けるための工夫は、足すより引くほうが効いたのかもしれません。


← 他の制作記を見るトップお問い合わせ