【アプリ名】

安心・契約管理ノート 〜サブスク管理を、もっとスマートに。〜

https://zen23.shop/smart-remind

【コンセプト】

「うっかり更新日を過ぎてしまった」「いくら払っているか把握できていない」という、現代の複雑なサブスクリプション管理の課題を解決するために開発したWebアプリケーションです。 日常的に使うものだからこそ、操作の迷いをなくし、スマホアプリのような快適な操作性を追求しました。

【主な機能】

  • 契約の一元管理: 契約名、種別、金額、連絡先、更新期限を一覧で把握。
  • 自動集計機能: 登録データから年間コストを自動計算し、固定費を見える化。
  • 期限アラート: 更新期限が一目でわかるアラート表示（近づくと強調表示）。
  • PWA（Progressive Web App）対応: スマホのホーム画面に追加することで、ネイティブアプリのようなフルスクリーン起動が可能。オフライン環境でも閲覧・編集が可能。
  • 簡単アクセス: 登録した電話番号やURLをボタン一つで起動。

【使用技術・スキル】

  • 使用AI：Gemini
  • 使用言語： HTML、CSS、javascript
  • 制作時間：5時間

【制作のこだわり・学び】

  • 「Webアプリらしさ」の追求: ブラウザからアクセスしてもアプリとして認識されるよう、manifest.json の設計とiOSへの対応を徹底しました。
  • オフライン対応: ネット環境がなくても確認できるようService Workerを導入し、PWAとしての実用性を高めました。
  • ユーザー体験への配慮: 契約者名や証券番号など、管理に必要な情報を柔軟に追加できるようにし、実用性とシンプルさのバランスを意識しました。