Tweet
Tweet

Slide 1

Slide 1 text

Teppei Kikuchi, 2nd July 2020 What is Flutter? Why Flutter? This is the best solution for mobile development. https://flutter.dev/brand

Slide 2

Slide 2 text

• Flutter is an app SDK for building high- performance, high-fidelity apps for iOS, Android, web (beta), and desktop (technical preview) from a single codebase. • The goal is to enable developers to deliver high- performance apps that feel natural on different platforms. We embrace differences in scrolling behaviors, typography, icons, and more. What is Flutter? https://flutter.dev/docs/resources/technical-overview

Slide 3

Slide 3 text

What is Flutter? Flutter API Utility Widgets Dart Native Code Native Code Code Compilation Flutter SDK Flutter API provide 
 utility functions & UI elements Flutter SDK is tools
 for code compilation

Slide 4

Slide 4 text

Architecture overview https://github.com/flutter/flutter/wiki/The-Engine-architecture

Slide 5

Slide 5 text

Why Flutter? https://flutter.dev/

Slide 6

Slide 6 text

Expressive & Flexible UI

Slide 7

Slide 7 text

24,093 What is this number?

Slide 8

Slide 8 text

Mobile Market https://www.opensignal.com/sites/opensignal-com/files/data/reports/global/data-2015-08/2015_08_fragmentation_report.pdf

Slide 9

Slide 9 text

No content

Slide 10

Slide 10 text

No content

Slide 11

Slide 11 text

No content

Slide 12

Slide 12 text

need to adapt so many devices

Slide 13

Slide 13 text

SKIA Flutter’s graphics engine Skia is an open source 2D graphics library which provides common APIs that work across a variety of hardware and software platforms. It serves as the graphics engine for Google Chrome and Chrome OS, Android, Mozilla Firefox and Firefox OS, and many other products.

Slide 14

Slide 14 text

Flutter flexible rendering

Slide 15

Slide 15 text

Fast Development

Slide 16

Slide 16 text

Flutter clone app • Twitter clone app
 →https://codepen.io/mkiisoft/pen/KKdgdad
 → 1395 lines • Whats app clone
 → https://codepen.io/mkiisoft/pen/BaoWVrQ
 → 1786 lines • Slack clone app
 → https://codepen.io/mkiisoft/pen/XWmGdxL
 → 1951 lines flutter can be written with less source code than
 native(Swift, Kotlin) and others

Slide 17

Slide 17 text

Adobe XD support flutter https://theblog.adobe.com/xd-flutter-plugin-generate-dart-code-design-elements/

Slide 18

Slide 18 text

Flutter is Hot

Slide 19

Slide 19 text

Hot developing

Slide 20

Slide 20 text

Hot interest https://trends.google.com/trends/explore?date=2017-07-02%202020-07-02&q=Flutter,React%20Native,Ionic,Xamarin

Slide 21

Slide 21 text

Hot interest https://insights.stackoverflow.com/trends?tags=flutter%2Creact-native%2Ccordova%2Ctitanium%2Cxamarin

Slide 22

Slide 22 text

Flutter expand more Not only mobile device

Slide 23

Slide 23 text

Appendix

Slide 24

Slide 24 text

References • The Complete 2020 Flutter Development Bootcamp with Dart
 →https://www.udemy.com/course/flutter-bootcamp-with-dart/ • Flutter & Dart - The Complete Guide [2020 Edition]
 →https://www.udemy.com/course/learn-flutter-dart-to-build-ios-android-apps/ • Technical overview
 →https://flutter.dev/docs/resources/technical-overview • The Engine architecture
 →https://github.com/flutter/flutter/wiki/The-Engine-architecture • Flutter Official page
 → https://flutter.dev/

Slide 25

Slide 25 text

References • ANDROID FRAGMENTATION VISUALIZED (AUGUST 2015)
 →https://www.opensignal.com/sites/opensignal-com/files/data/reports/ global/data-2015-08/2015_08_fragmentation_report.pdf • Fuchia official site
 →https://fuchsia.dev/ •