今日もだいじょうぶ

SaaS

  • #Next.js
  • #Firebase
  • #LINE LIFF
  • #PWA
今日もだいじょうぶのトップページプレビュー

今日もだいじょうぶは、離れて暮らす家族や大切な人に毎日の「元気」を簡単に届ける見守りWebアプリです。本人は大きなボタンでチェックインし、見守る側はLINE通知やカレンダーで日々の状態を確認できます。

LINE連携、招待リンク、ログイン、元気カレンダー、毎朝のリマインド通知まで、日常的に使う前提で導線とUIを設計しました。スマホでの見やすさと、操作に迷わないシンプルさを重視しています。

SERVICE

サービス機能説明

ワンタップチェックイン

ユーザーは「元気です」ボタンを押すだけで、その日の確認を記録できます。迷わず操作できるよう、ログイン後の主要導線をシンプルに整理しました。

LINE通知・リマインド

LINE連携した本人には毎朝の確認通知を送り、チェックイン完了時には見守る相手へLINEで安心を届けます。

招待リンクでつながる

家族やパートナーなど、見守りたい相手を招待リンクで連携できます。LINEの外部ブラウザ導線も考慮して実装しています。

元気カレンダー

チェックイン履歴をカレンダー形式で表示し、日々の「だいじょうぶ」を見える化します。継続利用しやすい穏やかなUIに調整しました。

SPEC

仕様・技術

フロントエンド
Next.js 16 / React / TypeScript
UI
Tailwind CSS / PWA
認証
Firebase Authentication
データベース
Cloud Firestore
LINE連携
LINE LIFF / LINE Messaging API
通知
Vercel Cron / Push Message
ホスティング
Vercel
主な機能
チェックイン、招待、LINE連携、元気カレンダー、リマインド

FLOW

開発フロー

  1. 01

    見守り体験の導線設計

    本人が毎日迷わず押せること、家族が安心を受け取れることを軸に、チェックイン、通知、招待の流れを整理しました。

  2. 02

    FirebaseとLINE連携の実装

    ログイン、ユーザープロフィール、チェックイン履歴、連絡先をFirestoreで管理し、LINE LIFFとMessaging APIで通知導線を作りました。

  3. 03

    スマホ中心のUI調整

    ログイン画面、ホーム、カレンダー、設定画面をスマホで使いやすい密度に調整し、ボタンや状態表示を分かりやすくしました。

  4. 04

    本番運用と通知確認

    Vercel Cronで毎朝の通知を実行し、チェックイン通知や未チェック時の連絡が実際の運用で成立するように確認しました。

POINT

開発ポイント

  • 毎日使う前提で、本人側の操作を「押すだけ」に近づけたこと。
  • LINEのログイン、通知、外部ブラウザ導線を考慮し、スマホ利用で詰まりにくい流れにしたこと。
  • チェックイン履歴をカレンダーで可視化し、家族が日々の状態を確認しやすくしたこと。
  • PWAとしてホーム画面追加やスマホ利用を想定し、余計な説明なしで使えるUIにしたこと。