Flutter Overview (Google I/O 2018)

Google I/O 2018 わいわい報告会 - connpass
https://mercari.connpass.com/event/83594/

Google Slide
https://docs.google.com/presentation/d/1-n0j7gTGHoFxslivlc9zU43_WNALK4nLPWxo5HltoJM/edit?usp=sharing

Transcript

1. Flutter Overview (Google I/O 2018) Rui Kowase @rkowase 2018/05/17 Google I/O 2018 わいわい報告会
2. Profile • Name: Rui Kowase / 小和瀬 塁 • Account: @rkowase Skill: Flutter, Android, etc...
3. What’s Flutter Flutter makes it easy and fast to build beautiful mobile apps. https://github.com/flutter/flutter
4. Dart 2 • A client-optimized language • Rich & powerful frameworks • Delightful & flexible tooling https://www.dartlang.org/
5. Google I/O sessions 2 Sessions 6 Sessions x3 https://events.google.com/io/schedule/?section=may-8&topic=flutter&type=sessions
6. Flutter sessions • Flutter & Design ◦ Customize Material Components for your product ◦ Build great Material Design products across platforms ◦ Code beautiful UI with Flutter and Material Design • Flutter & Firebase ◦ Total mobile development made fun with Flutter and Firebase ◦ Add Firebase to your cross-platform React Native or Flutter app • Flutter ◦ Build reactive mobile apps with Flutter https://events.google.com/io/schedule/?section=may-8&topic=flutter&type=sessions
7. Ready for Production Apps: Flutter Beta 3 https://developers.googleblog.com/2018/05/ready-for-production-apps-flutter-beta-3.html • Flutter offers ◦ High-velocity development ◦ Expressive and flexible designs ◦ High-quality experiences • Roadmap to Release ◦ Performance and size ◦ Compatibility ◦ Ecosystem
8. What’s New in Flutter Beta 3 https://medium.com/flutter-io/flutter-beta-3-7d88125245dc • Fundamentals ◦ Material Design Widget ◦ Dart 2 • Ecosystem ◦ Firebase ◦ AdMob • Tooling ◦ Android Studio ◦ IntelliJ IDE ◦ VS Code
9. Material Components Support Android (1.0.0-alpha1) iOS (55.0.2) Web (0.35.1) Flutter (Beta 3) Color theme components 8 / 16 12 / 16 9 / 16 16 / 16 Type theme components 7 / 10 9 / 10 5 / 10 10 / 10 Expanded set of components 1 / 3 2 / 3 0 / 3 3 / 3 Shape parameter 0 / 2 2 / 2 2 / 2 2 / 2 https://github.com/material-components/material-components/blob/develop/ROADMAP.md
10. Material Design Flutter
11. Firebasde Integration https://www.youtube.com/watch?v=8wQ_MorYCEk
12. Getting started with Firebase and Flutter https://firebase.google.com/docs/flutter/setup
13. Build reactive mobile apps with Flutter https://www.youtube.com/watch?v=RS36gBEp8OI
14. Summary • Material Design Flutter • Firebase Flutter • Reactive Framework ⚡
15. Appendix - Flutter Showcase https://flutter.io/showcase/
16. Appendix - Flutter Hot Reload Game
17. Appendix - Flutter Meetup Tokyo #2 https://flutter-jp.connpass.com/event/86352/
18. Thank you