Firebase Realtime Meetup 参加レポート

2020年6月26日18:00より開催された [Firebase Realtime Meetup](https://firebase-community.connpass.com/event/175985/) に参加したので参加レポートを書きました。

勉強会自体のアーカイブ動画 :movie_camera: は以下に掲載されています。
https://www.youtube.com/watch?v=4iS8EySYU14

# FJUGの紹介 [@k2wanko](https://twitter.com/k2wanko?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor)

:file_folder: スライド: -
:movie_camera: 動画開始位置： https://youtu.be/4iS8EySYU14?t=5
:pencil: 内容メモ：

- [Firebase Japan User Group](https://firebase.asia/join)の活動内容・Slackの紹介
- [FJUG App](https://github.com/firebasejp/app)の紹介・テスター募集

Firebase Japan User Groupの活動紹介と、[@k2wanko](https://twitter.com/k2wanko?ref_src=twsrc%5Egoogle%7Ctwcamp%5Eserp%7Ctwgr%5Eauthor)さんが個人で開発中の[FJUG App](https://github.com/firebasejp/app)の紹介でした。
Firebase Japan User GroupのSlackは私も度々参考にさせてもらっています。日本でFirebaseを使っている方はとりあえず入っておいて損はないかと。[FJUG App](https://github.com/firebasejp/app) についてもFirebaseの最新情報を一元管理出来そうなアプリでとても良さそうでした。[こちらのGoogle Form](https://docs.google.com/forms/d/e/1FAIpQLSfg00zP_HFQPLcJyEtNVfgvWp5XUVJBdL4y3NxqVawF3gVKBA/viewform) からテスターを募集中とのことです（早速申し込みました!!）。

# TypeScriptから使いやすいFirestore-simpleを紹介します（2020年版） [@Kesin11](https://twitter.com/kesin11)
<a href="https://speakerdeck.com/kesin11/typescriptkarashi-iyasuifirestore-simplewoshao-jie-simasu-2020nian-ban" target="_blank">
<img width="1200" alt="スクリーンショット 2020-06-26 21.23.54.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114396/c7164435-1dba-0bac-c03a-6e728b71d082.png"></a>

:file_folder: スライド: https://speakerdeck.com/kesin11/typescriptkarashi-iyasuifirestore-simplewoshao-jie-simasu-2020nian-ban
:movie_camera: 動画開始位置： https://youtu.be/4iS8EySYU14?t=476
:pencil: 内容メモ：

- [Firestore-simple](https://github.com/Kesin11/Firestore-simple)の紹介
- ライブコーディング

FirestoreのCollectionをTypeScriptの型で保護するために、独自のWrapperクラスを書く点など、まさに面倒だなと思ってたところだったので「欲しかったやつ!!」と興奮しました。
発表では、Firestore-simpleの単純な使い方だけでなく、開発の思想を丁寧に解説していたのが印象的でした。特に「素のFirestoreのAPIから乖離しすぎない」という思想が利用者側視点でとても良いなと共感しました。型補完が強力ですし、batch処理やtrasnsactionのサポートも魅力なので、次の個人開発では是非Firestore-simpleを入れてみようと思います。


# Build the SNS like Instagram with Firebase [@_mogaming](https://twitter.com/_mogaming)

<a href="https://speakerdeck.com/mogaming/build-the-sns-like-instagram-with-firebase" target="blank"><img width="1579" alt="スクリーンショット 2020-06-26 21.23.13.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114396/eaa963b6-a971-19e6-8f0b-f6ad28e5e7cf.png"></a>

:file_folder: スライド: https://speakerdeck.com/mogaming/build-the-sns-like-instagram-with-firebase
:movie_camera: 動画開始位置： https://youtu.be/4iS8EySYU14?t=2913
:pencil: 内容メモ：

- [FOLLOW ME](https://followme.app/) の紹介
- サービスの技術スタック・アーキテクチャ・運用状況


有料のInstagram風写真共有アプリ[FOLLOW ME](https://followme.app/) のFirebaseを使った内部実装についてかなり詳細に紹介されています。実際のアプリでどのようにFirebase・GCPのサービスを組み合わせているのか、Firestoreのコレクション構成から構築Tipsなど語られていて、めちゃくちゃ勉強になりました。
Topic名に意味を持たせるFirestoreの構成とかまだ一部理解していないので、また見返したいです。あと、最後の方で運用費用の話も出てくるのですが、びっくりするほど安いですね。Firebaseの利点を改めて感じるプレゼンでした。[@_mogaming](https://twitter.com/_mogaming)さんはFirebase系 YouTuberもやってるとのことで、そちらも後でみてみようと思います。


# モバイルアプリ開発者から見たFirebaseの便利機能と活用例 [@korodroid](https://twitter.com/korodroid)
<a href="https://speakerdeck.com/korodroid/mobairuapurikai-fa-zhe-karajian-tafirebasefalsebian-li-ji-neng-tohuo-yong-li" target="_blank"><img width="1585" alt="スクリーンショット 2020-06-26 21.23.29.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/114396/6a37a22c-5672-0597-cfaa-846ea12ef75f.png"></a>

:file_folder: スライド: https://speakerdeck.com/korodroid/mobairuapurikai-fa-zhe-karajian-tafirebasefalsebian-li-ji-neng-tohuo-yong-li
:movie_camera: 動画開始位置： https://youtu.be/4iS8EySYU14?t=4993
:pencil: 内容メモ：

- モバイルアプリで使うFirebaseの各機能の紹介
- Firebase × Flutterで開発した自作ToDoアプリの技術スタック


モバイルアプリで使うFirebaseの機能をひとつひとつ丁寧に紹介されていたので分かりやすかったです。「Firebase始めたばかりです」という方にも分かりやすいプレゼンだと思いました。Firebase自体がモバイル想定のmBaasなのでモバイル向けの機能がとても豊富ですね。私はモバイルアプリの開発経験はないので、そういう面でも勉強になりました。


# 終わりに

以上「Firebase Realtime Meetup 参加レポート」 でした。
いやー本当に良い勉強会でした。運営の方ありがとうございました。
正直開催時間の18:00は夕食と被り間に合わず、アーカイブ動画を見ていたのですが、こういう見方もできるのがオンライン勉強会の強みですね。
今後の開催も楽しみです。