Help us understand the problem. What is going on with this article?

FirebaseだけでiOS版マッチングアプリ「Rose Me」をリリースするまでの話

More than 1 year has passed since last update.

限定公開した日付になっていたので再投稿しました泣

普段は京都大学で学生をしており、iOSエンジニアとしての歴も3年目となりました。

NoSQLもFirebaseも全く触ったことのなかった僕が、バックエンド全てFirebaseで完結させた知見を残しておきます。

何を作ったのか


ランディングページ
https://app-rose.me/

AppStore
https://apps.apple.com/us/app/rose-me/id1453049174?l=ja&ls=1

恋愛は試着する時代

という信念のもと、試着感覚のデートを提供するマッチングアプリRose Meを開発しました。

空いている時間に、好きな場所1時間だけのデートのおさそいをして、ローズを送ることでデートに行きたいという気持ちを伝えることができます。

デート後に、お互いが気になるボタンを押していれば連絡はとりあうことができ、片方でも押さなければ連絡はとれなくなるといったシステムです。

バラを実際に渡す感じを実装したのでぜひアプリで触ってみてください!

開発チーム

iOSエンジニア2人というめちゃくちゃに偏ったチームでした。

役回りとしては

僕: プロダクト設計・DB設計・Firebase周り全て・アプリ全般・年齢確認Webアプリ・書類全般・UI
相方: 「チャット・プロフィール・マイページ」等の主要画面の開発・LP作成・UI

って感じでした。

後半はZenHubを使用してWeek単位でタスク管理をして開発を進めていました。

ちなみに僕はプロダクト設計・DB設計(NoSQL)・Firebase・Webアプリ(React)は全部初めてでした。

UIは二人とも素人で、これだけを参考にして画面作ってましたww

なぜFirebaseだけでマッチングアプリを作ったのか

iOSエンジニアの友人と法人を立ててマッチングアプリを作ろうということで、2018年の10月から開発をスタートしました。

そこで直面した問題が

「バックエンドできる人いなくね?www」

でした。

「バックエンドを簡単に作れるFirebaseみたいなものがあるらしい。」ぐらいの知識でしたが、Cookpadさんの記事をみて、藁にもすがる思いで速攻採用しました。

結論から言うと、Firebaseを選択して大正解でした!!

使用した技術

Firebase

  • Authentification
    • Facebookログインに使用しました
  • Cloud Firestore
    • NoSQLのデータベース、必須です
  • Cloud Functions
    • DBの変更を監視してプッシュ通知を送ったり
  • Cloud Storage
    • プロフィール画像を保存しています
  • Hosting
    • 年齢確認用のWebアプリをのっけてます

主要なライブラリ

  • Pring: Firestoreでモデルを扱うのにめちゃくちゃ重宝しました。今はdepricatedでBallcapを使うと良いみたいです。
  • HGCircularSlider: Rose Meでは時間を視覚的に扱いたかったので採用しました。
  • RxSwift: 言わずもがな
  • IGListKit: タイムラインの差分更新するのに使用しました。
  • etc...

アーキテクチャ

開発速度を重視したかったのでMVVMを採用しました。

MVVMを触ったことがなくこれもイケるやろ!とおもって採用したら、結局MVCとMVVM足して割る2みたいなコードができあがりました。ホクホク。

苦労したこと

Cloud FunctionsがNode.jsのみ対応

GCP版のCloud Functionsを使えばNode.js・Python・Goに対応していますが、Firebase版ではNode.jsのみです。
これに気づかずTypeScriptを1から勉強して書きました。

ただし僕は、TypeScriptで書くことをオススメします。
動的型付けはかなり辛くて、ドキュメントとエディタの行き来で1日が終わります。

Cloud Functionsをローカルで実行できなかった

Firestoreの変更をトリガーにして処理をするFunctionを書いていました。
そのためデプロイして、Firestoreのフィールドを弄って、ログを見て正しく実行されているかチェックしていました。

このせいで無駄なデプロイを100回はした気がします。

ローカルエミュレータなるものがあるみたいですが、今回は諦めました。
https://firebase.google.com/docs/functions/local-emulator?hl=ja

クライアント側にFirestoreの操作を記述する必要がある

クライアント側でクエリを構成してFirestoreからのフェッチ処理を記述しているので、Android版やWeb版を作る際に通信ロジックをそれぞれに記述しなければならないことが大変。

もしマルチプラットフォームを見据えているのであればCloud FunctionsでREST APIを構成したらいいのかもしれない。

Firestoreの監視による無限ループ

これはあるあるかもしれないですが、Firestoreでの変更を監視して、そのドキュメントに対して何か書き込みをした場合、再びonUpdateが呼ばれ無限に書き込みをしてしまうことがありました。

RxSwiftでは、適切にdistinctUntilChanged()を噛ませないと大変なことになります。(アプリも、請求金額も)

テストデータを手作業で突っ込んでいた

日時を指定してデートを募集するアプリであるため、タイムラインに過去のデートは表示されない仕組みになっています。
(Develop環境は過去のデートを表示しても良かったですが、そこまで頭が回りませんでした)

毎回相方とアプリ内で操作して、募集を作って、ローズを送りあってマッチしてました。

最初の段階でCloud FunctionsでHTTPメソッド叩くだけでテストデータが生成されるような仕組みを作っておいた方がいいです!
絶対に!!

Appleの審査で必ずやりとりをしなければならなかった

合計5回ぐらいAppleに審査を出したんですが、毎回英語でメッセージのやり取りがありました。

毎回テストアカウントを用意して登録フローからレビューしてもらうのですが、

「アプリの全ての機能が使えない。」

と言われました。

というのも、年齢確認が完了していないと投稿や応募ができないため審査ができないとのこと。

やり取りした後も1-2日待たされて、審査に4日はかかります。

テストアカウントだけは年齢確認のフローは飛ばせるようにした方が審査は圧倒的に楽になります!

インターネット異性紹介事業の届出

個人的に何よりも辛かったです。

書類を10個以上用意して警察に持っていくんですが、京都ではインターネット異性紹介事業の届出の前例がなく受理できるかわからないと言われ、3日ほど待たされました:zipper_mouth:
Webアプリじゃないから固定のURLがないのでダメという理由の一点張りで、何を言っても通じませんでした。
奥の方からITに詳しい人が出てきましたが、「GCP...?」「ハッピーメールと一緒?」と言われ悲しい気持ちになりました。

よかったこと

Cloud Firestoreが正式リリースした

2019年2月にFirestoreの正式リリースが行われ東京リージョンができました。(asia-northeast1)
新規開発をする人は、Realtime DatabaseじゃなくてFirestore一択で!!

オンライン/オフラインをあまり気にしなくていい

端末自体にFirestoreのキャッシュを持っているので、キャッシュに対してクエリを実行することができます。

なので、オフライン時に投稿やプロフィールの変更を行ったとしても、次にオンラインになった時に書き込みをしてくれるのでオフラインのハンドリングに神経質にならなくてもよくなりました。

Hostingが簡単すぎる

年齢確認をするために、WebアプリをReactで作成しました。
Buidディレクトリを指定してdeployするだけでhttps://{project-id}.web.appが生成されます。

こんな感じのWebアプリを作りました。

自分たちで地道に1件1件、年齢確認をしていきます。笑

Pringが神

例えばこれだけでメッセージのスキーマが作れます。
開発者の@1amageek さんに感謝しかありません。

Message.swift
import Pring

@objcMembers
class Message: Object {
    dynamic var text: String?
    dynamic var senderRef: Reference<User> = Reference()
}

結局Firebaseはどうなのか

開発スピードとスケーラビリティを重視するのであれば自信を持ってオススメします!

iOSエンジニアしかチームにいなくて、誰もFirebaseを使ったことがなくても全然なんとかなります。

Firebaseとの連携作業も慣れれば10分で終わります。

ひとこと

今日の朝シャワーを浴びながら思ったことを書こうと思います。

技術しか知らなかった僕が去年の6月に会社を立てて、マッチングサービスを出す!
と意気込んでからちょうど1年がたったのかとシャンプーをしながらしみじみと感じていました。

思えばDeNAのインターンに行ってからユーザーのニーズを考え抜いてサービスを作る大事さ、楽しさを知ったなと思ったり。

デザイナーさんを雇うお金もないのでダサいUIだったのですが、たまたま東京で会うことのできたデザイナーさんにしつこく画面を見せてレビューしてもらったり。(あの時は本当にありがとうございます。)

男だけで恋愛バラエティをみてこんなデートいいなぁ〜っていいながら着想を得たり、毎日大学にこもって開発したり。

「マッチングはレッドオーシャンだから難しい。」
「試着できるデートは斬新で面白そう。」
「ネットで出会うなんてあり得ない。」
と色々な意見をもらって、自信がついたり無くしたりを繰り返していました。

走馬灯のように色々思い出す中で、どれだけの人が自分たちのサービスを使ってくれるのか、パートナーが見つかるのか、不安とドキドキでいっぱいです。

Qiitaにそぐわない記事になってしまいそうなので、ここらへんにしておきます。

名前は伏せさせていただきますが、Rose Meを考案するにあたって様々な方にアドバイスを頂き、無事リリースすることができました。
本当にありがとうございます!

kot10n5tn
ARスタートアップのLevetty株式会社を立ち上げました! Swift/Firebaseは最強です。 京都大学工学部情報学科卒
https://levetty.co.jp
Why not register and get more from Qiita?
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
Comments
No comments
Sign up for free and join this conversation.
If you already have a Qiita account
Why do not you register as a user and use Qiita more conveniently?
You need to log in to use this function. Qiita can be used more conveniently after logging in.
You seem to be reading articles frequently this month. Qiita can be used more conveniently after logging in.
  1. We will deliver articles that match you
    By following users and tags, you can catch up information on technical fields that you are interested in as a whole
  2. you can read useful information later efficiently
    By "stocking" the articles you like, you can search right away
ユーザーは見つかりませんでした