Tatsuya Horikawa

Project

個人用トラッカー (body-tracker)

Claude.ai の MCP 連携で『話すだけ』で記録できる減量ダッシュボード

Next.jsSupabaseCloudflare WorkersAnthropic MCPTypeScriptTailwind CSSRecharts
Architecture
StackNext.jsSupabaseCloudflare WorkersAnthropic MCPTypeScriptTailwind CSSRecharts
Claude.aiNext.jsMCP ServerSupabase

役割

全レイヤー(企画・設計・実装・インフラ・運用)

概要

82.3kg → 68kg の減量目標に合わせ、体重・トレーニング・食事を継続的に記録・可視化する個人用ダッシュボード。本番は body.tatsuya-horikawa.com。

UI は閲覧専用に割り切り、記録は Claude.ai (Max) のチャットから MCP サーバー経由で直接書き込む設計。『今日 83kg、鶏むね 150g 食べた』と話すだけで DB に反映される。

フロントエンドは Vercel、DB は Supabase、MCP サーバーは Cloudflare Workers と、全て無料枠で完結。追加ランニングコストは実質 ¥0。

主な成果物

  • 01

    閲覧ダッシュボード

    体重推移(7日移動平均 + 68kg 目標線)/ PFC バランス / トレ量 / 直近履歴を 1 ページに集約

  • 02

    MCP サーバー (Cloudflare Workers)

    read 4 + write 4 ツール。URL path にトークンを埋め込み、Claude.ai の Custom Connector から直接接続

  • 03

    Supabase スキーマ + RLS

    exercises / workouts / sets / cardio / weights / meals / meal_items / mcp_tokens

  • 04

    Magic Link 認証 + PWA

    単一ユーザー運用だが RLS でアカウント境界も担保。iPhone ホーム画面からフルスクリーン起動

ハイライト

  • ·LLM を『入力 UI』に据えた設計
  • ·閲覧は Web / 記録は会話、という役割分離
  • ·¥0 運用を成立させるサービス選定

ステータス

本番稼働中