「猫の気持ち翻訳（仮）」のMVP開発記録

はじめに

「猫の気持ち翻訳（仮）」は、猫の写真を撮るだけでAIがその表情や仕草を読み取り、猫の気持ちを翻訳してくれるiOSアプリ。

シンプル機能だが、Instagramでのバイラルを狙って、猫を飼ってる40代以上がターゲットになるかなと仮説を持っている。

技術スタック全体像

アプリ: React Native × Expo

WebでNext.js慣れてる人がやるなら一番良いと聞いたから選んだ。

確かに構文などは基本Reactなので馴染みやすかったが、今回ほぼコードは見ずにvibe codingしてるので、言語はなんでもよかった。

AI: Claude Sonnet による猫の表情解析

OpenAIやGeminiも試したが、
ClaudeのビジョンAI、着眼点が独特で面白かったので採用。

Gemini 2.5 flashが一番安いが、そこまでスケールしないのであれば誤差範囲だった。

Vercel AI Gateway

Vercel AI Gatewayは複数のAIプロバイダー（Anthropic、OpenAI、Google）を統一APIで呼び出せるプロキシサービスだ。これにより、モデルの切り替えが設定値1つで完了する。実際にコード上では anthropic/claude-sonnet-4 の他に google/gemini-2.5-flash や openai/gpt-4.1-mini も選択肢としてコメントされており、コスト・品質のバランスを柔軟に調整できる設計になっている。

後から調整しやすいようにAI Gatewayを使うようにした。

バックエンド: Supabase

バックエンドはSupabaseにすべてを集約。

課金: RevenueCat

アプリ内課金はRevenueCatを通じてApp Storeの販売を管理している。

名前は有名で知っていたが、どの部分を担っているのか良くわからないまま、Claudeがブラウザ操作で全て設定してくれた。あとで勉強したい。

App内課金の機能は、Webよりもはるかに簡単に実装できると感じた。

料金プラン

基本はポイント購入での課金を狙う。

サブスク課金してもらえるようはサービスだとは思わないが、一応オプションに入れた。

シェア機能: Instagram Stories対応

バイラルはInstagramのストーリーズを中心に狙っていく。

翻訳後、１ボタンでInstagram Appが開いてシェアできる形にする。

ネイティブアプリの場合、com.instagram.exclusivegram でディープリンクといった直接ストーリーズに画像を埋め込めるAPIがあったり、SNSでのバイラルはしやすそうでワクワクする。

アーキテクチャ図

┌─────────────────┐
│   ユーザー       │
│  （iOS/Android）  │
└────────┬────────┘
         │ 写真アップ
         ▼
┌─────────────────┐     
│  Expo / React   │    圧縮して送る
│  Native アプリ   │─────────────────────┐
└────────┬────────┘                     │
         │ Auth                         │ API Call
         ▼                              ▼
┌─────────────────┐          ┌──────────────────┐
│  Supabase Auth  │          │ Supabase Edge    │
│  (Google OAuth) │          │ Functions (Deno) │
└─────────────────┘          └────────┬─────────┘
                                      │
                                      ▼
                             ┌──────────────────┐
                             │ Vercel AI Gateway│
                             └────────┬─────────┘
                                      │
                                      ▼
                             ┌──────────────────┐
                             │ Anthropic Claude │
                             │ Sonnet 4         │
                             └──────────────────┘

┌─────────────────┐          ┌──────────────────┐
│  RevenueCat     │◄────────►│ App Store /      │
│  (課金管理)      │  Webhook │ Google Play      │
└────────┬────────┘          └──────────────────┘
         │
         ▼
┌─────────────────┐
│  Supabase DB    │
│  (PostgreSQL)   │
└─────────────────┘

まとめ

MVPはほぼ完成したので、ビルドしてしばらく自分で使ってみたい。