【Flutter】Firebaseの実装で役立ったリンク集まとめ【環境構築・Firestore・ログイン機能】

どーも、ぐるたか@guru_takaです。

FlutterでFirebase周りを実装した際に役立ったリンク集を紹介します。これからFlutter×Firebaseをやる方の参考になれば幸いです。

Firebaseの環境構築(Android・iOSの設定あり)

参考 Flutter アプリに Firebase を追加する公式 | Firebase 【Flutter】Firebase・Firestoreの導入方法をまとめておく【スクショあり】

SNSを使ったログイン機能周り

【Flutter】FirebaseでGoogleのAuth認証をガチ丁寧に紹介【スクショ・ソースあり】 【Flutter】FirebaseでTwitter認証(Auth)のやり方まとめ【スクショ・ソースあり】 【Flutter】FirebaseでFacebook認証(Auth)のやり方まとめ【スクショ・ソースあり】

手前味噌ですが、私のブログでGoogle・Twttter・Facebookのログイン機能の手順とサンプルソースを紹介しています。画像ありで、AndroidXとiOS13に対応済み。

各記事に参考リンクを載せているので、そちらも併せて確認してみて下さい!

ログイン機能周りのサンプルソース

参考 Super Simple Authentication Flow with Flutter & FirebaseMedium

こちらの記事、説明がとっても丁寧で本当におすすめです。シンプルなので、絶対に挫折しません。また注意点がしっかり書いてあるのも、素晴らしかったです!

また、この方はベストプラクティスな感じで、ログイン機能周りのプログラムをUdemyで公開。ソースに関しては、なんとGithubに無料であげられています!!

こちらも気になる方はぜひチェックしてみて下さい。(私は買いました)
参考 Flutter & Firebase: Build a Complete App for iOS & AndroidUdemy

Firestoreの導入

参考 Firebase for Flutter公式 | codelabs 【Flutter】Firebase・Firestoreの導入方法をまとめておく【スクショあり】

Firestore周りのチートシート

【Flutter・Firebase】Firestoreの基本(登録・更新・取得・削除)をサンプルで紹介!

FirestoreとDartのデータ相互関係

参考 【Flutter】 DartのclassとFirestoreデータを相互変換、そしてCRUDへQiita

Firestoreやる前に一度チェックしておくこと、オススメします。コードが超スッキリするので!私はアプリ開発中にデータ相互関係の重要性に気づいて、早く知っていれば…と後悔しました。

Firestoreの導入で紹介した公式のcodelabsのコードにも、データ相互関係のクラスが書かれているので、チェックすると良いです。人によっては、めっちゃ勉強になるはずです!
参考 Firebase for Flutter公式 | codelabs 【Flutter】Firebase・Firestoreの導入方法をまとめておく【スクショあり】

Firestore周りでよく出る用語の整理

参考 firestoreを使うときに理解しておきたいいろんなクラスを整理するQiita 参考 Cloud FirestoreのCollectionとDocumentからデータを取得する際の違い<br /> Qiita

Firestoreを初めて使う方は要チェックです!

Firestore周りのサンプルソース

参考 Simple Recipes App made in Flutter — FirestoreMedium

超おすすめです。Firestoreやる前に一度、目を通してみることをオススメします!特に初学者は大まかな実装の流れがイメージできるので、アプリ開発中に設計で悩む機会が減る気がします。

公式のサンプルソースも目を通せば、バッチリです。ただし、こっちは最低限のコード(導入に近い)になりますが、実践で使えるコードばかりで良かったです!
参考 Cloud Firestore Plugin for FlutterFirebase Open Source

コメントを残す