クロスプラットフォーム ゲームアプリ
Web＋Google Playで動作。アプリ内課金・広告収益のマネタイズ実装
React Capacitor RevenueCat AdMob TypeScript Tailwind CSS
Overview
プロジェクト概要
数字パズルゲーム「synchro-number」のクロスプラットフォームアプリです。ReactとCapacitorを組み合わせることで、1つのコードベースからWeb版とAndroid版を同時に展開しています。
Google Play Storeへの公開を実現し、RevenueCatによるアプリ内課金とGoogle AdMobによる広告収益化の2つのマネタイズモデルを実装。サブスクリプションと買い切りの両方の課金形態に対応しています。
モバイルファーストのレスポンシブデザインを採用し、タッチ操作に最適化されたインタラクションを実現。Viteによる高速ビルドとAndroid Studioを活用したネイティブビルドパイプラインで、効率的な開発・デプロイフローを構築しています。
Features
主な機能
クロスプラットフォーム対応
1つのコードベースからWeb版とAndroid版を同時展開。Capacitorでネイティブ機能にアクセス。
アプリ内課金
RevenueCatでGoogle Play課金を統合。サブスク・買い切りの両モデルに対応。
広告収益化
Google AdMobによるバナー・インタースティシャル広告。ユーザー体験を損なわない配置設計。
レスポンシブUI
モバイルファーストのデザイン。タッチ操作に最適化されたインタラクション。
Architecture
技術構成
Frontend
- ▸ React + TypeScript によるコンポーネント設計
- ▸ Tailwind CSS によるレスポンシブデザイン
- ▸ Vite による高速ビルド・HMR
- ▸ モバイルファーストのタッチ最適化UI
Mobile / Monetization
- ▸ Capacitor（Android ネイティブブリッジ）
- ▸ Google Play Console によるストア公開・管理
- ▸ RevenueCat によるアプリ内課金統合
- ▸ Google AdMob による広告収益化
Results
実績数値
2
プラットフォーム
GP
ストア公開
2
収益モデル
Native
Capacitor統合