Firestoreを使ってメディアアプリを作ってみた

Masahiro Higuchi / 樋口雅拓 • グリーグループのリミア株式会社で、LIMIA という住まい領域のメディアを作っています。ゲーム会社ですが、最近はメディアに力を入れています。 • 機械学習のエンジニアですが、iOS,
Android,JSなどもやっている何でも屋です。4歳の娘のパパ。twitter: @mahiguch1 • https://limia.jp/ • https://arine.jp/ • https://aumo.jp/ • https://www.mine-3m.com/mine/

LIMIAとは? • メディアサービス • 記事一覧を表示し、タップすると記事詳細を閲覧できる。 • 記事詳細の最下部に別の記事への回遊導線が付いている

興味があること LIMIAに最も適したシステムは、何だろう？ • インフラ: Kubernetes/ECS/Lambda/CF/Firebase • Backend FW: gin/Laravel/Django/Rails/protobuf/使わない •
アプリ: MVC/MVVM/VIPER/クリーンアーキテクチャ選択肢が多すぎて、よくわからない！ → とりあえず色々試してみよう。

今回試したこと • インフラ: Kubernetes/ECS/Lambda/CF/Firebase • Backend FW: gin/Laravel/Django/Rails/protobuf/使わない • アプリ:
MVC/MVVM/VIPER/クリーンアーキテクチャ Firebase/Firestoreを使って、メディアアプリを作ってみました。インフラ構築面倒なので、まずはアプリだけでできるものを。w

Firestoreの説明

Firestoreとは？ • FirestoreはFirebaseの機能の一つ。Document Databaseと呼ばれるもの。2019年1月31日にGAになった。 • SDKがあり、iOS/Androidから直接アクセス可能。 • データの入力はFirebase管理画面から可能。 —>
つまり、アプリ実装のみで、ClientServer型のシステムを構築できる！

Firestoreのモデル • Document DatabaseとはNoSQLの一種。 • OracleやMySQLといったRDBでは事前にSchemaを定義しておくが、Document Databaseでは後から自由に変更できる。 jsonをそのまま格納できるイメージ。 •
データはDocumentという場所に格納され、それが Collectionでまとめられている。 • 分かりやすくMySQLで例えると、Collectionがテーブル、Documentがレコード。 —> 正直分かりづらいと思うので、画面とコードを見ながら説明していきます！

Firestoreへのデータ入力方法 • 左: コレクション • 中: ドキュメント • 右: ドキュメントの中身
管理画面があるので、ここから入力できる。

Firestoreからのデータ取得方法 Collectionと Documentを指定することで取得可能。

Firestoreから複数データ取得方法 SQLのように whereで絞り込みが可能

では本題

今回作った検証アプリについて記事の一覧を表示したい。画面には、記事画像、記事タイトル、ユーザ名が表示されている。Modelとしては、Firestoreで次のように持つ。 • Article: id, title, image_url, user_id •
User: id, name つまり、ArticleとUserの両方のデータを使って一覧表示を作る。普通はRDBでjoinするかBFF APIを作るが、Firestoreで実装するとどうなるか試してみた。

まとめ • 体感速度は思ったより早い。 • データ取得処理がかなり複雑になる。 • 次は同じモデルをgolang+grpcのサーバと通信させて速度比較してみたい。ご静聴、ありがとうございました！

Firestoreを使ってメディアアプリを作ってみた

Firestoreを使ってメディアアプリを作ってみた

gree_tech PRO

More Decks by gree_tech

Other Decks in Technology

Featured

Transcript