開発事例

「ちょっと不便をもっと便利に。」を形にした、小さなアプリの事例をご紹介します。

📋

やったこと記録

今日という一日を、ひとことで書き留める記録帳

「やったこと」をひとこと入力するだけで記録できるアプリです。記録はまず端末に保存され、「更新」を押したときだけGoogleカレンダーへ同期されます。

  • ワンタップ登録、開始・終了で作業時間の記録にも対応
  • 圏外・未ログインでも記録は消えず、あとからまとめて同期
  • よく使う行動はテンプレートから選ぶだけ
  • ホーム画面に追加してアプリのように利用可能

PWAGoogleカレンダー連携CapacitorPlaywright

🔥

吉日タイマー

思い立ったことに、72時間の火をつける

やろうと思い立ったことを登録すると、72時間の導火線が燃え始める期限付きToDoリストです。72時間は固定で、通知もしません。アプリを開いたときに残り時間と燃焼の様子を見せることで、着手を促します。

  • 「着手」を押すだけで履歴に記録、追加入力は不要
  • 着手できなかった項目は「燃え尽きた」として残り、再点火も可能
  • 平均着手時間と着手件数で、ペースを振り返れる
  • アカウント不要、端末内で完結しオフラインでも動作

PWAVanilla JSlocalStorageCloudflare

🧩

ダイアルパズル(Pazzuru)

つながった輪を回して、数字を1から10へ

電話のダイアルを模した数字の輪を回し、すべての輪で1から10の順に揃えるパズルゲームです。輪どうしが2か所でつながっているため、シンプルなのに考え込む面白さがあります。

  • 固定問題・ランダム・タイムトライアルの3つの遊び方
  • タップ・スワイプ・ドラッグで操作、ヒントや自動解答も搭載
  • 日替わりのデイリーパズル
  • オフライン対応、ホーム画面に追加して利用可能

PWAViteWeb AudioCapacitor

🚫

やらないことリスト(NotToDo)

増やすのは、やることじゃない。減らすのは、やらないこと。

「やらない」と決めたことを理由とともに記録し、定期的な振り返りで習慣を見直すWebアプリです。

  • タイトル・理由・開始日・目標日数を設定して記録
  • 達成度を振り返り、自分の行動パターンを把握
  • サーバーなし、データはブラウザ内のみに保存

ReactVitelocalStorageCloudflare Pages