LINE LIFF × Supabase
夜のストレッチ会を、
夜のストレッチ会を、
ポイントで続ける。
友人グループで夜にオンラインストレッチをするための専用アプリ。 参加すればポイントが貯まり、景品に交換できます。 LINEグループに貼るだけで動く、軽量なLIFFアプリです。
友人グループで夜にオンラインストレッチをするための専用アプリ。 参加すればポイントが貯まり、景品に交換できます。 LINEグループに貼るだけで動く、軽量なLIFFアプリです。
健康のためにストレッチを始めても、一人だと続きません。このアプリは運動が続かない「3つの壁」を、仲間との仕組みで解決します。
今日誰が参加したか、今週の上位メンバーが誰かが一目で見える。仲間の存在が励みになる。
参加で +1pt、7日連続で +3pt ボーナス。貯めたptはスタバやアイスなどの LINE ギフトに交換。頑張った人にリアルなごほうび。
曜日・時刻を登録しておけば毎週自動で宣言・通知。景品は仮押さえ→承認のフローで、運営のミスを防止。
機能を並べるのではなく、アプリが実現する ユーザー体験の変化 で整理しました。
YouTube をみんなで同時再生。管理者が「再生／一時停止／現在位置を全員に同期」できる。2/3 以上の視聴で自動的に +1pt。
Daily.co の軽量ビデオルーム。カメラONでもチャットだけの参加でもOK。5分参加ごとに +1pt（複数回OK）。
いま誰が動画を観た／ライブに参加したかがホームに表示。仲間がいる感覚がリアルタイムに伝わる。
連続参加で 7日ごとに +3pt、14日で +6pt、21日で +9pt… と累積。「あと何日で+3pt」のヒントも表示。
今週の獲得ptでTOP5を表示。自分の行はハイライト。1位〜3位にはメダル表示。
スマホの歩数計（Pedometer）と連携。散歩しない日でも日常の歩数で競える。
週次／月次のpt推移グラフ、参加日のヒートマップカレンダーで自分の成長が見える。
小景品（30pt）：スタバドリンクチケットなど／中景品（60pt）／大景品（90pt）の3段階。モチベーションが段階的に持続。
申請時はポイントを仮押さえ。管理者が承認した時点で正式消費。却下されれば仮押さえ解除。二重交換を防止。
管理者が承認後、LINEギフトで景品を送付。送付済みステータスまでアプリで管理。
曜日・時刻・種類を登録しておけば、毎週自動でイベント宣言を作成。5分前にLINE通知まで全自動。
「今夜のストレッチ21時から」などをワンフォームで全メンバーにLINE通知。
不正や誤申告は72時間以内に管理者が取消可能。理由コメント必須で透明性も確保。
ライブ開始／イベント5分前／歩数ボーナス／管理者お知らせを、ユーザーごとに切り替え可能。
仲間同士のゆるい運用でも、不正や運用事故が起きないように。見えない部分も丁寧に作り込みました。
クライアントから直接 INSERT/UPDATE できないよう Row Level Security で塞ぎ、書き込みは全て RPC 経由。管理者判定もサーバー側で検証。
連続参加 7日目、14日目、21日目…と 7日ごと に +3pt を繰り返し付与。1日でも途切れたら翌日から1日目としてカウント再開。
先着順＋仮押さえ方式。申請した瞬間に他の申請ではそのpt使用不可に。管理者却下で自動解除。二重交換や残高オーバーを DB制約で 防止。
申告可能時間は 10:30〜翌02:00 JST。ストレッチ会が夜間のため深夜2時までの申告も当日扱いに。連続日数も JST 日付で判定。
UNIQUE(user_id, date) のDB制約で、同日の二重申告をアプリ層ではなく DBレベルで拒絶。競合しても必ず1回だけ記録。
ホーム画面の大きなCTAをタップするだけで参加申告＋ポイント付与。承認待ちはなく、体験のリズムを途切れさせない。
実機のスクリーンショットです。
今日の獲得pt、ストリーク、ランキング、今日の参加者を1画面に集約。
みんなで同じ動画を同期再生。2/3 以上視聴で +1pt。管理者は再生／一時停止／全員に同期が可能。
散歩を宣言してみんなで同じ時間に。カメラ・音声・チャットのみの気軽な参加でもOK。5分以上参加で +1pt。
保有ptと、交換可能な景品・必要pt・在庫を表示。足りない場合は「あと○pt」でゴールが見える。
週次／月次のポイント獲得グラフ。習慣化の成長が視覚でわかる。
月単位で参加日をひと目で確認。連続日数のモチベーションにも。
ライブ開始・イベント5分前・歩数ボーナス・管理者お知らせなど、通知を個別にON/OFF。
管理者が全メンバーにLINE通知を配信。今夜のイベント告知に使える。
曜日と時刻を指定して毎週自動でイベント宣言を作成。5分前に通知まで自動で実施。
実際の操作を収録した動画です。
モダンで無料枠内に収まる構成。個人開発でも保守できる範囲に絞っています。
クライアントは Supabase に直接接続し、書き込み系はすべてRPC経由。 権限チェックはDB側で完結しています。
企画から運用開始まで 約 6 日間。 仕様 → MVP → 追加機能 → 安定化 の順で進めました。
Web開発の経験が浅いユーザーが、Claude Code を使った AIペアプログラミングで実装。 仕様書 → 実装 → 検証 → デバッグ のサイクルをAIと一緒に回しました。
ポイントルール・画面一覧・データモデルまでを SPEC.md に事前に書き出し、AIと共有。
初心者が迷わないように、LINE Developers／Supabase／Node.jsの手順を SETUP.md にまとめて順番に実施。
機能追加ごとに scripts/verify-*.mjs で動作確認。「書いたら試す」のテンポを維持。
Supabase CLI で supabase/migrations/ に SQL を貯める運用。巻き戻し・再現が楽。
書き込み系は RLS で直接INSERT禁止。すべてRPC経由で管理者チェックを通す。
4/17にグループに URL を貼って動作確認。翌日4/18から正式運用スタート。
このアプリはモックアップでも試作品でもなく、すでに友人グループで稼働中です。
A.Wada さん・hiroko さん・yumiko.ama さんなど、仲間が毎日参加し、ポイントを貯め、景品に交換しています。
ひとりでは続かない運動を、仲間とポイント制で楽しく続ける。
友人グループの夜のストレッチに、ちょうどよく寄り添うアプリです。