Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Fast UI/UX Prototyping with Flutter for App Dev...

LINE DevDay 2019
November 21, 2019
Technology
0
750

Fast UI/UX Prototyping with Flutter for App Development

Mao-Yuan Kao (danielkao)
LINE Taiwan TW Engineering Team Software Engineer
https://linedevday.linecorp.com/jp/2019/sessions/S2-12

LINE DevDay 2019

November 21, 2019
Tweet

More Decks by LINE DevDay 2019

See All by LINE DevDay 2019
What is the engineering organization that LINE DevRel is aiming for
line_devday2019
3
2.4k
The IoT technology inside LINE DEVELOPER DAY 2019
line_devday2019
6
1.1k
How to reduce Android app launch time by scoping your dependencies using Koin DI
line_devday2019
3
800
Efficient integrating data from multiple data providers
line_devday2019
0
460
Now supporting Dark Mode on LINE messenger
line_devday2019
0
1.8k
LIFF v2, the latest Webview SDK lets you leverage LINE
line_devday2019
0
1.7k
Modern Web Testing with Cypress.io
line_devday2019
0
630
Speed up iOS Development with LLDB Code Injection and Framework Live Preview
line_devday2019
1
390
Faster iOS Builds with Bazel
line_devday2019
0
1.5k

Other Decks in Technology

See All in Technology
【令和最新版】AWS Direct Connectと愉快なGWたちのおさらい
minorun365
PRO
5
750
誰も全体を知らない ～ ロールの垣根を超えて引き上げる開発生産性 / Boosting Development Productivity Across Roles
kakehashi
1
230
隣接領域をBeyondするFinatextのエンジニア組織設計 / beyond-engineering-areas
stajima
1
280
rootlessコンテナのすゝめ - 研究室サーバーでもできる安全なコンテナ管理
kitsuya0828
3
380
iOSチームとAndroidチームでブランチ運用が違ったので整理してます
sansantech
PRO
0
140
Terraform Stacks入門 #HashiTalks
msato
0
350
スクラムチームを立ち上げる〜チーム開発で得られたもの・得られなかったもの〜
ohnoeight
2
350
SSMRunbook作成の勘所_20241120
koichiotomo
2
140
ノーコードデータ分析ツールで体験する時系列データ分析超入門
negi111111
0
410
スクラム成熟度セルフチェックツールを作って得た学びとその活用法
coincheck_recruit
1
140
AWS Lambdaと歩んだ“サーバーレス”と今後 #lambda_10years
yoshidashingo
1
170
Application Development WG Intro at AppDeveloperCon
salaboy
0
190

Featured

See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
54
9.1k
Agile that works and the tools we love
rasmusluckow
327
21k
For a Future-Friendly Web
brad_frost
175
9.4k
Art, The Web, and Tiny UX
lynnandtonic
297
20k
Build The Right Thing And Hit Your Dates
maggiecrowley
33
2.4k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
280
13k
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.2k
Fashionably flexible responsive web design (full day workshop)
malarkey
405
65k
Mobile First: as difficult as doing things right
swwweet
222
8.9k
GraphQLの誤解/rethinking-graphql
sonatard
67
10k
The Invisible Side of Design
smashingmag
298
50k

Transcript

  1. 2019 DevDay Fast UI/UX Prototyping With Flutter for App Development

    > Mao-Yuan Kao (danielkao) > LINE Taiwan TW Engineering Team Software Engineer

  2. Generic Feature Development Process UI Design Interaction Design User Research

    UI/UX Design Development Release Ideas / Features Improve Data Models Business Logic Layout XMLs Custom Views User Feedbacks UI/UX Issues

  3. Problem We Met

  4. Prototyping Tools Are Quick, but…

  5. Modifying App Directly Takes Time

  6. > Add new ViewHolder class for new View item >

    Modify existing adapter to use new ViewHolder or Create new Adapter > Add new item XML layout for Grid View Several Steps Are Required > Use GridLayoutManager instead

  7. Flutter Comes To Rescue > https://flutter.dev/

  8. Create UI Widgets Easily in Code

  9. Easily Switchable UI Widgets

  10. Connect to Real Data ! > https://pub.dev/packages/http > https://pub.dev/packages/dio

  11. More Examples > Keyword Search Feature > Enhance Content Category

    Browsing

  12. Thank You