Flutter for LIVE Commerce

Naoto Horiguchi
LINE Development Team H Mobile app engineer
https://linedevday.linecorp.com/jp/2019/sessions/E2-2

Transcript

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