Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

Profile ● Name: Rui Kowase / 小和瀬 塁 ● Account: @rkowase Skill: Flutter, Android, etc...

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

What’s Flutter

Slide 5

Slide 5 text

What’s Flutter Flutter makes it easy and fast to build beautiful mobile apps. https://github.com/flutter/flutter

Slide 6

Slide 6 text

Dart 2 ● A client-optimized language ● Rich & powerful frameworks ● Delightful & flexible tooling https://www.dartlang.org/

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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/

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Question

Slide 14

Slide 14 text

Question Are you ● Web dev? ● Android dev? ● iOS dev? ● React Native dev? 14

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

Flutter Documentation 16 https://flutter.io/docs/ Flutter for Web devs Flutter for Android devs Flutter for iOS devs Flutter for React Native devs

Slide 17

Slide 17 text

Dev Flow

Slide 18

Slide 18 text

Develop & Release flow 18 Develop Build Release Setup

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

Google I/O 2018

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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

Slide 23

Slide 23 text

Codelabs

Slide 24

Slide 24 text

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

Slide 25

Slide 25 text

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

Slide 26

Slide 26 text

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

Slide 27

Slide 27 text

Appendix

Slide 28

Slide 28 text

SpeakerDeck https://speakerdeck.com/rkowase

Slide 29

Slide 29 text

Appendix - Build reactive mobile apps with Flutter (Google I/O '18) メモ - Qiita https://qiita.com/rkowase/items/23ee4264d54e7890d919

Slide 30

Slide 30 text

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

Slide 31

Slide 31 text

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

Slide 32

Slide 32 text

Thank you