%3Cbr%3Emicomia株式会社の井上です。今回はSupabaseを使用したCreate account / loginについて解説していきます。初心者にもわかりやすく解説していくのでぜひご一読ください。%3Cbr%3E%3Cbr%3E%3Cbr%3E%3Cbr%3E1. Create Account1. SupabaseのAuthenticationを開きます。%3Cbr%3E%3Cbr%3E2. Sign In/Providersを開きます。%3Cbr%3E%3Cbr%3E3. Auth ProvidersのEmailにあるEnable Email ProviderとSecure Email ChangeがONになっていることを確認します。%3Cbr%3E%3Cbr%3E4. FlutterFlowのApp SettingsにあるAuthenticationでAuthentication TypeをSupabaseにします。(デフォルトでFirebaseになっていること可能性が高いです) %3Cbr%3E%3Cbr%3E5. 新規登録の画面で新規登録のActionとしてSupabase AuthenticationのCreate Accountを追加します。%3Cbr%3E%3Cbr%3E6. Auth ProviderはEmailを選択します。%3Cbr%3E%3Cbr%3E7. Email FieldとPassword Fieldをそれぞれ設定します。%3Cbr%3E%3Cbr%3EこれでCreate Accountは実装完了です。%3Cbr%3E%3Cbr%3E2. Login1. Supabase AuthenticationのLoginを選択します。%3Cbr%3E%3Cbr%3E2. Auth Provider, Email Field, Password FieldをCreate Accountと同じようにそれぞれ設定します。%3Cbr%3EこれでLoginは実装完了です。%3Cbr%3E%3Cbr%3E3. さいごに今回はSupabaseを用いたCreate Account, Loginについて解説していきました。それぞれの要件や仕様に合わせてFirebaseとの使い分けを行っていきましょう。本記事の内容を動画で観たい方は以下をご覧ください。%3Cbr%3E%3Ciframe%20width%3D%22560%22%20height%3D%22315%22%20src%3D%22https%3A%2F%2Fwww.youtube.com%2Fembed%2F7YatsdoakRg%3Fsi%3Dw91iWY2F4GqKICL_%22%20title%3D%22YouTube%20video%20player%22%20frameborder%3D%220%22%20allow%3D%22accelerometer%3B%20autoplay%3B%20clipboard-write%3B%20encrypted-media%3B%20gyroscope%3B%20picture-in-picture%3B%20web-share%22%20referrerpolicy%3D%22strict-origin-when-cross-origin%22%20allowfullscreen%3E%3C%2Fiframe%3E%3Cbr%3E