Google I/O 2024で発表されたFirebase Data Connectを試してみた

Kyoto.なんか #6 の登壇資料です。
https://kyoto-nanka.connpass.com/event/324686/

Transcript

1. Google I/O 2024 で発表された Firebase Data Connectを使ってみた 1 Kanon (@ysknsid25) #kyoto.なんか
2. 自己紹介 ↓詳しくは↓ Kanon アニオタ声豚酒カスラーメンレンジャー 水瀬いのり無限恒久永遠推し ysknsid25 Kobe.tsという勉強会を主催しています アイコンは公式配布のものです。 https://x.com/i/bookmarks/all?post_id=1806583319951233034
3. 3 水瀬いのりさん
4. 4 すいません、最初に宣伝させてください🙏
5. 5 📢 最初に宣伝 🙏
6. 6 以上、お知らせでした🙇
7. Firebase Data Connectとは？ 7
8. 8 ちな、知ってる人🙋
9. Firestoreに代わる新たなデータソース • これまで ◦ Firebase でデータソースを扱うには基本的には Firestoreを使う必要があった ◦ Firestore = NOSQL ◦ RDB(CloudSQL)を使うには、Cloud Functionsを作る必要 • これから ◦ Data Connect が選択肢の一つに 9
10. できること • GraphQLを書けば、Data Connectが勝手にSQLへ変換してく れる ◦ 裏側ではCloud SQL for PostgreSQLが動いている • SQLに詳しくない人でもGraphQLだけわかればDBにアクセス できる ◦ 後述しますが一長一短とは思います • Cloud SQLを使うための設定などがめちゃくちゃ簡単 • 現在は限定公開プレビューのため、申請者のみ利用可能 10
11. 11 たぶん今日話す内容で 記事書いたり発表してるのは 日本人では自分が初 Qiitaにも記事あるけど ちゃんと環境作って試 して記事を出してるの は自分がおそらく初
13. 使い方 13
14. Cloud SQLインスタンスの用意 14
15. Cloud SQLインスタンスの用意 15
16. Cloud SQLインスタンスの用意 16
17. Cloud SQLインスタンスの用意 17
18. 開発用のPostgreSQLコンテナを用意 18
19. VSCodeに開発用拡張機能を追加 19
20. Data Connect 用プロジェクトの作成 20 firebase init dataconnect
21. デモ用のファイルが用意されている 21
22. 利用するスキーマ (テーブルに対応) 22
23. コメントを外し、保存するだけでテーブル作成 23
24. GraphQLのquery,mutationも自動作成 24
25. 実行もコードから可能 25
26. データを登録 26
27. 再度参照すると…？ 27
28. DB側も…？ 28
29. 本番へデプロイし確認 29
30. デプロイ時、CREATE TABLEが走ってるのがわかる 30
31. Firebase Console側 31
32. 実行 32
33. Cloud SQL側で確認 33
34. Cloud SQL側で確認 34
35. とあるユーザーが送信したメールの一覧 35 join が使われそうだけど …？
36. すごいクエリが吐かれてる… 36
37. アプリに組み込んで使うには…？ 37 SDKに firebase/data-connect がいないので 検証できず…
38. まとめ • ローカルでの開発体験やGraphQLがそのままSQLになっ てるのは素直に感動 • アプリケーションの成長に伴いFirestore -> CloudSQL への移行とかが発生しなくなりそうなのは良い • 複雑なデータ抽出が必要になったり、チューニングが 必要になったときはしんどそう • どういうGraphQLを書けばどういうSQLができるか？が イメージできないのはしんどそう 38
39. 39 ご清聴、あざざました
40. おわりに: 次はこの辺でお会いしましょう🙋