Flutter Overview - DroidKaigi Codelab Tour

Transcript

1. Flutter Overview Rui Kowase @rkowase 2018/07/05 DroidKaigi Codelab Tour

2. Profile • Name: Rui Kowase / 小和瀬 塁 • Account:

   @rkowase Skill: Flutter, Android, etc...

3. Flutter Meetup Tokyo https://flutter-jp.connpass.com/event/90790/

4. What’s Flutter

5. What’s Flutter Flutter makes it easy and fast to build

   beautiful mobile apps. https://github.com/flutter/flutter

6. Dart 2 • A client-optimized language • Rich & powerful

   frameworks • Delightful & flexible tooling https://www.dartlang.org/

7. What’s New in Release Preview 1 https://medium.com/flutter-io/flutter-release-preview-1-943a9b6ee65a • Fundamentals ◦

   Material Design Widget ◦ Dart 2 • Ecosystem ◦ Firebase ◦ AdMob • Tooling ◦ Android Studio ◦ IntelliJ IDE ◦ VS Code

8. GitHub stars https://medium.com/flutter-io/flutter-release-preview-1-943a9b6ee65a

9. Flutter events happening around the world https://medium.com/flutter-io/flutter-release-preview-1-943a9b6ee65a

10. Expressive, beautiful UIs https://flutter.io/

11. Feature • Build beautiful native apps in record time •

    Fast development • Expressive, beautiful UIs • Modern, reactive framework • Access native features and SDKs • Unified app development https://flutter.io/

12. Flutter System Architecture https://docs.google.com/presentation/d/1cw7A4HbvM_Abv320rVgPVGiUP2msVs7tfGbkgdrTy0I/edit

13. Question

14. Question Are you • Web dev? • Android dev? •

    iOS dev? • React Native dev? 14

15. Flutter Documentation 15 https://flutter.io/docs/

16. Flutter Documentation 16 https://flutter.io/docs/ Flutter for Web devs Flutter for

    Android devs Flutter for iOS devs Flutter for React Native devs

17. Dev Flow

18. Develop & Release flow 18 Develop Build Release Setup

19. https://speakerdeck.com/rkowase/release-flutter-app

20. Google I/O 2018

21. Google I/O sessions 2 Sessions 6 Sessions x3 https://events.google.com/io/schedule/?section=may-8&topic=flutter&type=sessions

22. Flutter Overview++ (Google I/O 2018) https://speakerdeck.com/rkowase/o-1

23. Codelabs

24. Flutter Codelabs https://codelabs.develop ers.google.com/?cat=Flut ter

25. Flutter Codelabs https://codelabs.develop ers.google.com/?cat=Flut ter

26. Flutterコードラボ by @najeira https://gist.github.com/najeira/4ea8c4ca93570dfb1468fae5c8d6c616

27. Appendix

28. SpeakerDeck https://speakerdeck.com/rkowase

29. Appendix - Build reactive mobile apps with Flutter (Google I/O

    '18) メモ - Qiita https://qiita.com/rkowase/items/23ee4264d54e7890d919

30. Appendix - Google I/O 2018で聞いたFlutter関連の質問 - Qiita https://qiita.com/rkowase/items/43ecf5bb5bf9a4eac61f

31. Flutter Meetup Tokyo https://flutter-jp.connpass.com/event/90790/

32. Thank you