Anticode エディタを開く

連続記録、チェックイン、グラフのある習慣化アプリを作る

習慣トラッカーの成否を決めるのは、毎日のチェックインというたった一つの操作です。それがワンタップより手間なら、人は使わなくなります。Anticode は、すべてを自分のブラウザに保存し、スマートフォンのホーム画面に追加できる個人用の習慣トラッカーを作れます。テンプレートの Ritualist もその一例です。ここでは何を入れるか、記録できなかった日の扱い方、そして一つだけある本当のトレードオフを解説します。

更新日 · Anticode チーム

習慣トラッカーに必要な画面

今日
今日やる習慣をすべて表示し、完了にするための大きなタップ領域を置きます。取り消しもワンタップ。アプリを開くと最初に表示される画面です。
習慣の追加と編集
名前、頻度(毎日、特定の曜日、週に何回など)、20分や8杯といった任意の目標、そして色。
履歴
習慣ごとのカレンダーのマス目で、できた日を塗りつぶします。人はどんな数字よりも、1年分のマス目を見るのが好きです。
分析
現在の連続記録、最長の連続記録、過去30日間の達成率を、シンプルな棒グラフか折れ線グラフで。

それ以外はすべて任意です。リマインダー、日記、気分の点数、バッジはどれも手間を増やします。トラッカーをやめてしまう人の多くは、アプリが毎日求めることが少なすぎるからではなく、多すぎるからやめるのです。

罪悪感のない連続記録

連続記録のカウンターは、途切れるまではやる気を引き出します。1日できなかっただけで60日が0に戻る瞬間に、多くの人がきっぱりやめてしまいます。作る前にルールを決めておきましょう。

  • 毎日ではなく週単位の目標。 「週3回走る」なら、休養日で途切れることはありません。
  • スキップの日。 旅行や体調不良など、予定したスキップは連続記録を終わらせず、一時停止にします。
  • 猶予時間。 夜にチェックし忘れる人のために、前日の分を今日の正午まで完了にできるようにします。
  • 長い期間も見せる。 「過去30日のうち27日」は、連続記録と違って1日の抜けでは崩れません。

「今日」が何を指すかも決めておきます。午前1時にチェックする人は、たいてい前日の分のつもりです。1日の始まりの時刻(たとえば午前4時)を設定できれば、この問題はさりげなく解決します。

Ritualist から始めるか、一文から始めるか

Anticode のテンプレートギャラリーには、Anticode のモデルが書いた習慣トラッカー Ritualist があります。使うとアプリ全体がプロジェクトにコピーされ、モデルの呼び出しはなく、利用上限も減りません。そのあと「週単位の目標を追加して」「履歴を1年分のマス目にして」「できた日を緑にして」のように変更を頼んで作り変えられます。

一から作るなら、習慣、ルール、雰囲気を説明します。「書き手のための毎日の習慣トラッカー。書いた文字数は数値目標、読書ははい/いいえ、朝はスマホを見ない。週の表示を最初に。週1回のスキップ付きの連続記録。落ち着いたダークな配色で、タップ領域は大きく。」モデルはトラッカーをブラウザで動く一つのアプリとして書き、グラフはコードで描かれ、チェックイン画面は片手で使えるように設計されます。

データの保存場所

Anticode のアプリはネットワークのないサンドボックスで動くため、ここで作った習慣トラッカーがチェックインの記録をサーバーに送ることはありません。Anticode のサーバーにもです。習慣と履歴は使っているブラウザに保存され、その端末で次にアプリを開いたときにも残っています。セラピーの課題や飲酒を減らすといった個人的な習慣なら、これは最初の画面で伝える価値のある利点です。

公開したサイトはどれも、独自のアイコンとオフライン時の代替ページを備えたアプリとして、スマートフォンやパソコンに追加できます。スマートフォンのホーム画面に追加すれば、トラッカーはほかのアプリと同じように開き、まさに求めていた手間の少ないチェックインになります。

トレードオフ:同期はありません

端末の外に何も出ないため、同期はありません。スマートフォンでチェックしても、ノートパソコンには何も表示されません。ブラウザのサイトデータを消したり、プライベートウィンドウを使ったりすると履歴は失われます。二つの習慣が役立ちます。トラッカーは1台の端末だけで使うこと。そして、書き出しと読み込みのボタン(自分で保存して読み込むファイル)を頼んでおき、履歴を移したりバックアップを取ったりできるようにすることです。

できないこと

  • プッシュ通知のリマインダーはありません。 アプリを閉じているときは通知を送れません。声かけにはスマートフォンのリマインダーやカレンダーを使ってください。
  • 一緒に取り組む仲間の機能はありません。 友人やコーチと進み具合を共有するには共有データが必要ですが、サンドボックスにはありません。
  • 健康データは読み込めません。 腕時計や健康アプリから歩数、睡眠、心拍数を読み込むことはできず、そうした値は手で入力します。
  • 多くのユーザー向けの製品ではありません。 アカウントと同期のある習慣アプリを一般に公開したいなら、Next.js への書き出しで、データベースとログインを備えた出発点を開発者に渡せます。

よくある質問

この習慣化アプリはプライバシーが守られますか?

チェックインの記録は、あなたの端末の自分のブラウザに残ります。Anticode にわかるのは公開ページが閲覧されたことだけで、それも Cookie を使わずに数えています。

トラッカーを家族と共有できますか?

リンクは共有できますが、それぞれが自分の端末で自分用の空のトラッカーを使うことになります。家族のデータとあなたのデータが混ざることはありません。

はい/いいえだけでなく、数値も記録できますか?

はい。数値の目標(分、ページ、杯など)のある習慣と、その値の推移を示すグラフを頼めます。