← 一覧に戻る
🐣
個人用PWA

ひよこ育成アプリ

大切な人と二人だけで使うスマホアプリ(PWA)。会えない日に交わした「会えない日の過ごし方」の約束を守れたかどうかを、その日の終わりにお互いで確認し合う。約束を守れていれば「ひよこ」が育ち、守れなかった日はひよこが弱ってしまう仕組み。育ての段階は「たまご→ひよこ→げんきなひよこ→わかどり→りっぱなにわとり」で進み、着せ替えアイテムが解放される。

デモを開く ↗

🔓 ログイン不要で触れるデモ版です。名前も記録もすべて架空のサンプルで、実際に二人で運用している記録は含まれていません(ボタン操作は画面上だけで完結し、リロードで初期状態に戻ります)。

保存場所: C:\Users\utsus\Desktop\AIの作業場\hiyoko-app

なぜ作ったか

大切な人との約束や行動を「見える化」することで、日々の習慣を後押ししたい——という思いから作られた。約束を守れたことを「ひよこの成長」という目に見える形にすることで、行動を改善するきっかけにする狙い。

どういう場面で使うか

  • 一方が「今日は会えなさそう」と分かった日に、アプリで会えない設定をする
  • その日の夜、もう一方が約束を守れていたかをジャッジする
  • 二人の記念日(始めた日からの月命日)には、ひよこが喜ぶ特別な演出が出る

自動化されているポイント

  • 毎晩23:00に判定リマインドのプッシュ通知が自動で届く(GitHub Actionsが毎日自動実行)
  • 入力ミスからの自動復旧: 「今日の記録をリセットする」ボタンで元の状態に自動で戻せる
  • 育成ポイントが一定を超えると、リボン・帽子・王冠などのアイテムが自動でアンロックされる

使い方(画面の流れ)

※ 実際の利用画面には二人の私的な記録が含まれるため、以下は同じ配色・UIを再現したモックアップ画像です。

  1. 会えない日の設定画面 会えなさそうな日に「今日は会えなさそう」ボタンで設定する。ひよこの成長度・げんき度と、直近のきろくもここで確認できる。 会えない日の設定画面のモックアップ

  2. その日の夜に判定する画面 1日の終わりに、もう一方が「会えない日の過ごし方」の約束を守れていたかを判定する。守れていれば成長ポイントが、守れなかった場合はげんきゲージが減る。 夜の判定画面のモックアップ

  3. ひよこが成長し、着せ替えアイテムが解放される画面 ポイントが一定を超えると段階が進み、リボン・帽子・王冠などの着せ替えアイテムが自動で解放される。 ひよこ成長・着せ替え解放画面のモックアップ

訴求ポイント

  • 「約束を守れたか」という抽象的な行動改善を、ひよこの成長・着せ替えという目に見えるキャラクター育成に落とし込み、続けたくなる仕掛けにした
  • 毎晩23:00の自動プッシュ通知で「判定を忘れる」を防ぎ、習慣化をサポート
  • 記念日には自動で特別な演出が出るなど、単なる記録アプリで終わらない体験設計
  • Firebase Hosting + Firestoreのみで、サーバー運用なしに二人専用のリアルタイム同期を実現
README原文を見る →