Flutter for LIVE Commerce

Flutter for LIVE Commerce

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

Be4518b119b8eb017625e0ead20f8fe7?s=128

LINE DevDay 2019

November 21, 2019
Tweet

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

  50. None
  51. Demo

  52. Keywords Flare Architecture PlatformView

  53. Overall Summary Lean and Exceptional team Tips Flutter Promotion

  54. Thank You