https://s3-us-west-2.amazonaws.com/secure.notion-static.com/aafb1279-4648-4cf1-bf32-59a1dbefa2fc/Frame_1.png

<aside> ✏️ Firebaseにチームメイトを招待する必要はありません。Firestoreのデータにアクセスできるユーザーインターフェースを数分で構築し、チーム内でデータ操作を民主化しましょう。

</aside>

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f6d4b0d2-6323-4f03-869c-f84bd4ebd1ae/Group_82.png

  1. ユーザーデータを選択

  2. Firestore Usersで選択されたIDでPostgreSQLのデータが絞りこまれる

  3. 左のテーブルから取得した詳細データをテキストコンポーネントを使って表示

    時間の差分は、以下の計算で算出

(Math.abs(new Date(postgres_users_table.data.first_tutorial_played_at) - new Date(postgres_users_table.data.created_at)) / 60 * 1000)

※JavaScriptを記述して簡単な計算をすることができます


連携先

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/056955b7-c229-4530-bd49-8134d11c5913/postgreSQL.svg

PostgreSQL

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/623ab2fe-9056-4204-8524-d553668aa448/firebase.svg

Firebase


使用コンポーネント

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/851554e5-06f8-4b0a-a7ec-4dd747f63b3c/60-1.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/f50c9095-ca14-46c1-ae25-97e7efbdb7e5/60.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/0b562d82-da3c-466b-9f6c-3bd4729b8859/60-2.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/a1702f66-5d1e-43d4-b840-0c997ebbe1a0/60-3.png

https://s3-us-west-2.amazonaws.com/secure.notion-static.com/6a5ec254-19fd-45d2-9e63-f02d1f03e128/60.png