久しぶりのflutterflowの投稿です。今回はFirebaseの代替サービスであるsupabaseを利用する方法を書いていきたいと思います。
早速始めよう!supabaseのセットアップ
簡単な流れは以下のとおりです
- Supabaseのアカウントを作成する
- Supabaseにプロジェクトを作成する
- 次にアプリ用にテーブルを作成します
- 最後にsupabaseのKeyをFlutterFlowにセットします
今回は簡単なので特に詳しい説明は行いませんが、下記の動画ならびに画像を見ながらで行えると思います。
FluterFlow-supabaseのセットアップ
![Quick Guidde](https://firebasestorage.googleapis.com/v0/b/guidde-production.appspot.com/o/quickguiddeScreenshots%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2FirwBrN6iMj12eChR5DiHj4_cover.png?alt=media&token=73d0cc48-5eb6-4292-a16d-206c3a127f65)
プロジェクトの作成
1. Supabaseのアカウント作成とログインを行なってください ここではその説明は省略します
2. 作成した組織名を入力します。例: “kentatanaka-kago’s Org”
![作成した組織名を入力します。例:](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2FnndNgHWd9pL19pB5vC9gGb_doc.png?alt=media&token=a5738547-9b61-48fa-bd2d-023fbbf0d31a)
3. New Projectをクリック
![](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2FhErE1N6kFb5stUNRtdGEZM_doc.png?alt=media&token=189d3294-fb6b-4470-9920-d825fdb1b552)
4. プロジェクト名を入力します
![プロジェクト名を入力します](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2F9GkMYzMKyHQ1TjMzmeApvK_doc.png?alt=media&token=61e982fd-ddb8-4a2a-9f8c-a232c8e40c55)
5. パスワードを入力します
![パスワードを入力します](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2FvwCAi3sdKcALfQL9VKmQZK_doc.png?alt=media&token=fe74f2f2-6376-4d8a-93a8-c0327d7a1559)
6. リージョンを選択します。ここでは “Northeast Asia (Tokyo)”を選択
![リージョンを選択します。ここでは](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2F8iCFvSMptvhv2it9Q4vQb5_doc.png?alt=media&token=510050ef-f5a4-430d-bd50-61ae12d54a05)
7. 最後に “Create new project”をクリックします。
![最後に](https://static.guidde.com/v0/qg%2FxAKYfOG1VgfjCZshj1Pffw6PB3b2%2FveTrWJ1UX9ddt3JEWFpsBF%2F5jEYYPG246G7MtcFiTzpww_doc.png?alt=media&token=f6c2af92-f30a-4ee6-9d7f-216cfa8cafa3)