Slide 1
Slide 1 text
2019 DevDay
Flutter for LIVE Commerce
> Naoto Horiguchi
> LINE Development Team H Mobile app engineer
Slide 2
Slide 2 text
About Me
LINE ͍
LINE όΠτ
LINE LIVE
> iOS
> Family App
Naoto Horiguchi
Slide 3
Slide 3 text
Flutter?
Slide 4
Slide 4 text
> Cross Platform
> Google / OSS
> Custom Rendering (not OEM)
Flutter
Slide 5
Slide 5 text
LIVE Commerce?
Slide 6
Slide 6 text
> LIVE Streaming
> EC
LIVE Commerce
Slide 7
Slide 7 text
Flutter
✕
LIVE Commerce
Slide 8
Slide 8 text
Why ?
Why cross platform?
Maximum speed with minimum sized team
was required
Why Flutter?
Rich library of standard packages
Custom rendering architecture enables
design detail tweaks
Slide 9
Slide 9 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 10
Slide 10 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 11
Slide 11 text
LIVE Commerce
Dart Swift
Kotlin
98%
1%
1%
Slide 12
Slide 12 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 13
Slide 13 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 14
Slide 14 text
>Declarative UI
>Hot Reload
Fast Development
https://flutter.dev/docs/development/tools/hot-reload
Slide 15
Slide 15 text
>Declarative UI
>Hot Reload
Fast Development
Build Hot reload
20 sec ~ 1 sec
Slide 16
Slide 16 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 17
Slide 17 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 18
Slide 18 text
Planner Designer
Server
iOS Android
Slide 19
Slide 19 text
Planner Designer
Server
iOS Android
Slide 20
Slide 20 text
Planner Designer
Server
iOS Android
Slide 21
Slide 21 text
Planner Designer
Server
iOS Android
Slide 22
Slide 22 text
Planner Designer
Server
iOS Android
Slide 23
Slide 23 text
Planner Designer
Server
iOS Android
Slide 24
Slide 24 text
Planner Designer
Server
iOS Android
Slide 25
Slide 25 text
Planner Designer
Server
iOS Android
Slide 26
Slide 26 text
Planner Designer
Server
Single client team (Flutter)
Slide 27
Slide 27 text
> Single Contact Point for Client Tasks/Issues
• For Planner
• For Server
• For Designer
• For QA
> Quick Decision Making
Single Client Team Summary
Slide 28
Slide 28 text
Lean and Exceptional Team
Slide 29
Slide 29 text
>Single Codebase
>Fast Development
>Single Client Team
Benefits
Slide 30
Slide 30 text
>Technology Assessment
>Flutter Promotion
The Road to Flutter
Slide 31
Slide 31 text
Flutter Promotion
Planner
Reasons to adopt
Pros
Cons
Designer
Single Design
Theme Support
QA
Reduced platform
specific issues
Slide 32
Slide 32 text
>Technology Assessment
>Flutter Promotion
The Road to Flutter
Slide 33
Slide 33 text
Keywords
Flare
Architecture PlatformView
Slide 34
Slide 34 text
Keywords
Flare
Architecture PlatformView
Slide 35
Slide 35 text
State Management
Slide 36
Slide 36 text
Provider
BLoC
Slide 37
Slide 37 text
Keywords
Flare
Architecture PlatformView
Slide 38
Slide 38 text
Keywords
Flare
Architecture PlatformView
Slide 39
Slide 39 text
Platform View
Slide 40
Slide 40 text
Player Auto Play
Slide 41
Slide 41 text
Player Auto Play
Slide 42
Slide 42 text
Player Auto Play
Slide 43
Slide 43 text
Player Auto Play
Slide 44
Slide 44 text
Demo
Slide 45
Slide 45 text
Keywords
Flare
Architecture PlatformView
Slide 46
Slide 46 text
Keywords
Flare
Architecture PlatformView
Slide 47
Slide 47 text
https://www.2dimensions.com/about-flare
Slide 48
Slide 48 text
Flare for LIVE Commerce
Slide 49
Slide 49 text
Flare for LIVE Commerce
UI
Slide 50
Slide 50 text
No content
Slide 51
Slide 51 text
Demo
Slide 52
Slide 52 text
Keywords
Flare
Architecture PlatformView
Slide 53
Slide 53 text
Overall Summary
Lean and Exceptional team
Tips
Flutter Promotion
Slide 54
Slide 54 text
Thank You