Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
FlutterFire - Firebase-Plugins-for-Flutter
Search
Firebase Thailand
November 09, 2019
Technology
0
340
FlutterFire - Firebase-Plugins-for-Flutter
Get to know how to enable Flutter apps to use one or more Firebase services.
Firebase Thailand
November 09, 2019
Tweet
Share
More Decks by Firebase Thailand
See All by Firebase Thailand
Say Hello to Cloud Functions for Firebase 2nd Gen
firebasethailand
1
230
What's New in Firebase 2023
firebasethailand
3
520
Building a more Efficient Firestore Web App
firebasethailand
1
150
Developing with Firebase - Best Practices
firebasethailand
0
150
Analyze your production issue on Firebase Crashlytics more efficient with BigQuery
firebasethailand
0
230
What I learn from Firebase when build Saifah
firebasethailand
0
120
Security Rules Unit Testing Pipeline Integration for Firestore
firebasethailand
0
99
Building Simple Collaborative Online IDE with AngularFire and Firepad
firebasethailand
0
96
Full-Stack Development with FlutterFire
firebasethailand
0
130
Other Decks in Technology
See All in Technology
LLM + RAG を使った SORACOM Support Bot の裏側の歴史
soracom
PRO
1
640
大規模なアジャイル開発の現場と技術負債 / Technical Debt
yoshiitaka
21
4.1k
どう買う?Azure
kuniteru
1
190
#51 “Empowering Azure Storage with RDMA”
cafenero_777
3
220
HoneycombとOpenTelemetryでオブザーバビリティに入門してみる
sumiren
2
160
あらゆる商品を扱う商品データベースを再設計した話 / product db re-architecture
rince
8
3.8k
KubeCon EU: Unlocking new Platform Experiences with Open Interfaces
salaboy
1
380
実務への応用例から考える 変更に強いオブジェクト指向設計 / 20240324-ooc2024
bengo4com
7
5.5k
.NETの非同期戦略とUnityとの相互運用
neuecc
2
2.4k
生成AIの不確実性と向き合うためのオブジェクト指向設計
tkikuchi1002
2
700
Kubeflow Pipelines v2 で変わる機械学習パイプライン開発
asei
4
340
エンジニアブランディングチームの KPI / KPI's of engineer branding team
chaspy
1
140
Featured
See All Featured
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
11
1.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
113
18k
Optimising Largest Contentful Paint
csswizardry
7
2.3k
Producing Creativity
orderedlist
PRO
335
39k
Done Done
chrislema
178
15k
Building a Modern Day E-commerce SEO Strategy
aleyda
15
6.3k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
39
4.3k
Product Roadmaps are Hard
iamctodd
43
9.6k
5 minutes of I Can Smell Your CMS
philhawksworth
199
19k
Bootstrapping a Software Product
garrettdimon
PRO
302
110k
Web development in the modern age
philhawksworth
201
10k
A Philosophy of Restraint
colly
195
15k
Transcript
GDG Thailand Firebase Thailand Organized by FlutterFire: Firebase Plugins for
Flutter Tanitpon Paniwan GDG Thailand
#FirebaseDevDay
#FirebaseDevDay
#FirebaseDevDay
Everything is Widget Scaffold() AppBar() FloatingAction Button() Text() Column() Icon()
#FirebaseDevDay
#FirebaseDevDay
https://flutter.dev/showcase
#FirebaseDevDay FlutterFire
A Set of Flutter plugins that enable Flutter apps to
user one or more Firebase Services. Improve Grow Build
None
https://github.com/FirebaseExtended/flutterfire
#FirebaseDevDay Superstar of Firebase
#FirebaseDevDay ML Kit Supported Not supported yet
#FirebaseDevDay Crashlytics
#FirebaseDevDay Performance Monitoring
#FirebaseDevDay Remote Config
#FirebaseDevDay In-App Messaging
#FirebaseDevDay Cloud Messaging
#FirebaseDevDay Google Analytics
#FirebaseDevDay FlutterFire
#FirebaseDevDay LIVE CODE
#FirebaseDevDay
#FirebaseDevDay
#FirebaseDevDay 1. Image Picker 2. ML KIT 3. Cloud Storage
4. Cloud Firestore 5. Google Map (Cloud Functions)
#FirebaseDevDay Before Start
#FirebaseDevDay pubspec.yaml firebase_ml_vision ML Kit firebase_storage Cloud Storage cloud_firestore Cloud
Firestore image_picker Image Picker google_map_flutter Google Map Flutter
#FirebaseDevDay main.dart detail.dart Page setup
#FirebaseDevDay Setup Firebase Setup GoogleMap Config setup
#FirebaseDevDay child children Widget knowledge setup (1)
#FirebaseDevDay stateless stateful Widget knowledge setup (2)
#FirebaseDevDay Let’s Start
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 1. Image Picker 1. Pick image from gallery 2.
Show image in new page
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 2. ML KIT Show detail in Label Detection
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 3. Cloud Storage 1. Upload image to Firestore 2.
Get Download URL, Storage Location (For Vision API)
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 4. Cloud Firestore 1. Add Download URL, Storage Location,
Label Result To Firestore 2. Get data from Firestore to ListView
1. Image Picker 2. ML KIT 3. Cloud Storage 4.
Cloud Firestore 5. Google Map
#FirebaseDevDay 5. Google Map (Cloud Functions) Landmark Detection Write result
to Firestore Detect new data from Firestore [onCreate]
#FirebaseDevDay 5. Google Map (Cloud Functions) Add GoogleMap with Landmark
Location Not supported yet
#FirebaseDevDay Github Repo https://github.com/mikelopster/flutterfire-example
https://codelabs.developers.google.com/?cat=Flutter
https://flutter-widget-livebook.blankapp.org/
FB Group : Thailand Flutter Developer
Thank You! #FirebaseDevDay Helpful resources fb.com/FirebaseThailand fb.com/groups/FirebaseDevTH medium.com/FirebaseThailand Tanitphon Paniwan