Recommended
Recommended
More Related Content
Recently uploaded
Recently uploaded (20)
Featured
Featured (20)
React Nativeで新規事業開発に挑戦した話
- 1. Junichi Sato (@sat0b) React Nativeで新規事業開発に挑戦した話 モーションキャプチャ x リアルタイム配信
- 2. 自己紹介 佐藤純一 (@sat0b) 所属 ヤフー → SBイノベンチャー（出向） 検索バックエンド 全文検索 類似画像検索 アプリ開発 (React Native)
- 3. BAKOON! オンラインフィットネスサービス 現役アイドルがライブ配信 モーションキャプチャ機能 リアクション/運動量測定 公式サイト: https://bakoon.app twitter: @bakoon_o ffi cial instagram: @bakoon_o ffi cial note: https://note.com/bakoon
- 4. エクササイズ風景
- 5. スケジュール 2020年末 仮説検証 2020年5月 開発スタート (Web検証) 2020年8月 アプリ開発スタート 2021年1月 iOSベータ版リリース 2021年3月 iOS有料版リリース 2019年末 仮説検証 TypeScript & React (Gatsby) React Native
- 6. 技術について
- 7. 利用技術 React Native Tensor fl ow.js Firebase Agora iOSアプリ Androidアプリ (TODO) モーションキャプチャ スコア計算 ログイン (Auth) バックエンド処理 (Functions) リアルタイム配信 技術名 用途 選んだ理由 クロスプラットフォーム対応のため Webで開発したコンポーネントを再利用するため クロスプラットフォーム対応のため Webで開発したコンポーネントを再利用するため 低レイテンシ、低価格 さまざまなプラットフォームにも対応 使いやすい、低価格 バックエンドもTypeScriptで統一可能
- 8. エクササイズの流れ エクササイズ前 エクササイズ エクササイズ後 Push通知でエクササイズを配信 エクササイズの配信 アクティビティ情報を更新 エクササイズ情報を入稿
- 13. 課金処理 App Store サーバー アプリ内課金を利用 (react-native-iap) 月額サブスクリプション 課金 課金チェック 購入/期限切れ Functions onCall 購入 レシート レシート管理 Firestore react-native-iap
- 14. リリースフロー リリース Visual Studio AppCenterでビルド自動化 GitHub 動作テスト masterマージ トリガー ビルド アップロード Visual Studio AppCenter TestFlight
- 15. アプリ開発を経験してわかったこと ② アプリはすぐにリリースできない ③ 強制アップデート機能を用意しておくべき 最初のリリースに間に合わせないと なかなかアップデートしてもらえない ① 検証段階で両OS対応は厳しかった 複数プラットフォーム対応する余力は 色々な施策を打つ方に当てたい すぐに不具合修正ができない 大きいリリースはバックエンドで 切り替えられるようにしたほうが良い
- 16. React Nativeを採用してよかったこと プロジェクト全体で統一できる バックエンド (Cloud Functions) フロント (Web) TypeScriptによるメリット Webと同じ実装を使える Web (React)の習熟度が高まる Reactによるメリット