GraphQL から Firestore の セキュリティルール を生成するライブラリの紹介

Transcript

1. GraphQL から
 Firestore の
 セキュリティルール を生成するライブラリの紹介
 @YutaUra
 2022/8/31 GraphQL Tokyo #18 Lightning talks

2. 自己紹介
 • YutaUra
 • 横浜市立大学 データサイエンス学部 ４年
 • TypeScript, GraphQL, Prisma, React.js
 • Twitter: @3594914
 • Zenn: yuta_ura

3. LTの目的
 • 自作ライブラリの紹介と供養
 ◦ @firebase-graphql/graphql-codegen-firestore-rules 
 • 技術的な知識提供は少ないです󰢛
 
 
 現在は開発はストップしていますが、ニーズ次第では再開しようと思っているので、良さそうと思ってもらえた ら、スターや #GraphQLTokyo でツイートしてください で
 https://github.com/YutaUra/firebase-graphql/tree/main/packages/graphql-codegen-firestore-rules 

4. ライブラリのイメージ

5. 特徴
 • Firebase を Amplify っぽくしたようなライブラリ
 • Firestore の構造を GraphQL スキーマで表現
 • GraphQL Code Generator を使ってセキュリティルールを生成する
 どんなライブラリ？

6. 簡単に Firestore について説明
 • Cloud Firestore(Firestore) は Firebase・Google Cloud から提供されている NoSQL データベース
 • スキーマレスで柔軟にデータを保存することができ、高いスケーラビリティを実現し ます
 • セキュリティルールを用いて、クライアントから直接アクセスできる設計になっている
 • リアルタイムアップデートの機能があり、ユーザー間でデータを同期することが可能 となっている

7. Firestore に対する課題感
 1. セキュリティルールの記述が面倒臭い
 2. スキーマレスなので、データ構造について明文化しておかないと扱いにくい
 3. TypeScript との相性がよくない

8. 本ライブラリが解決する課題
 1. セキュリティルールの記述が面倒臭い
 2. スキーマレスなので、データ構造について明文化しておかないと扱いにくい
 3. TypeScript との相性がよくない

9. Firestore のセキュリティルール
 認証とデータのバリデーションを組み合わせたルールは、煩雑で可読性が低くなりやす い。

10. ディレクティブを使ってスキーマ定義

11. データバリデーション用ルールの生成
 
 
 
 
 • 予期しないプロパティの混入を抑制
 • 予期しないデータ型での保存を抑制

12. データアクセス用ルールの生成
 以下のルールを組み合わせることが可能
 • 全てのユーザーに許可
 • ログイン済みユーザーにのみ許可
 • データ又はパスの値がユーザー自身と同 値な場合のみ許可

13. 今のところどんなルールを指定できるか

14. まとめ

15. GraphQL 周辺のエコシステムはかなり整っている
 本ライブラリを GraphQL Code Generator プラグインとして実装したが、 実装内容をファ イルの生成ロジックに集中させることできる
 導入なども簡単なため、利用ユーザーに対しても低コストで利用をしてもらえる
 
 

16. 展望
 今回紹介したライブラリの他にも、GraphQLスキーマからFirestore の CRUD を生成する ライブラリが開発途中であるので、 TypeScript との相性問題も解決することができま す。
 また、GraphQL のリゾルバを生成し、Apollo Server 用のコードを自動生成する試みもし てます。GraphQL 経由で Firestore にアクセスすることで、キャッシュ機構など、既存の GraphQL 資産を Firebase にも適用できるようになる。

17. GraphQLの表現力を活かした
 ライブラリを作ってみた話でした