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

Fast UI/UX Prototyping W/ Flutter For App Devel...

Avatar for LINE Developers Taiwan LINE Developers Taiwan
PRO
December 04, 2019
Programming
1
2.9k

Fast UI/UX Prototyping W/ Flutter For App Development

By Daniel Kao@LINE TECHPULSE 2019 https://techpulse.line.me/
Avatar for LINE Developers Taiwan

LINE Developers Taiwan
PRO

December 04, 2019
Tweet

More Decks by LINE Developers Taiwan

See All by LINE Developers Taiwan
菸酒生在 LINE Taiwan 的後端雙刀流
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.2k
讓測試不再 BB！ 從 BDD 到 CI/CD， 不靠人力也能 MVP
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
DB 醬，嗨！哪泥嘎斯基？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
比起獨自升級 我更喜歡 DevOps 文化 <3
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
工具人的一生: 開發很多 AI 工具讓我 慵懶過一生
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.2k
從四件事帶你見識見識 事件驅動架構設計 (EDA)
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.1k
TODAY 看世界(?) 是我們在看扣啦！
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
1.3k
你想成為什麼樣的開發者？
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
26
研究生的 LINER生活
Avatar for LINE Developers Taiwan line_developers_tw
PRO
0
28

Other Decks in Programming

See All in Programming
AI時代の『改訂新版 良いコード／悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
Avatar for MinoDriven minodriven
13
3.5k
ソフトウェア品質を数字で捉える技術。事業成長を支えるシステム品質の マネジメント
Avatar for takuya542 takuya542
1
13k
PicoRuby on Rails
Avatar for makicamel makicamel
2
130
0626 Findy Product Manager LT Night_高田スライド_speaker deck用
Avatar for Mana Takada mana_takada
0
170
なぜ適用するか、移行して理解するClean Architecture 〜構造を超えて設計を継承する〜 / Why Apply, Migrate and Understand Clean Architecture - Inherit Design Beyond Structure
Avatar for shiro seike seike460
PRO
3
760
システム成長を止めない！本番無停止テーブル移行の全貌
Avatar for さかうぇ sakawe_ee
1
200
#QiitaBash MCPのセキュリティ
Avatar for Tommy(sigma) ryosukedtomita
1
1.3k
GitHub Copilot and GitHub Codespaces Hands-on
Avatar for Kento.Yamada ymd65536
2
150
AIと”コードの評価関数”を共有する / Share the "code evaluation function" with AI
Avatar for Shintani Teppei euglena1215
1
160
Discover Metal 4
Avatar for rei rei315
2
130
Hack Claude Code with Claude Code
Avatar for Akihiro Okuno choplin
4
2k
5つのアンチパターンから学ぶLT設計
Avatar for Narihara narihara
1
170

Featured

See All Featured
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
71
11k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
3.9k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
161
15k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k
[RailsConf 2023 Opening Keynote] The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
29
9.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
Avatar for Marc Duiker marcduiker
30
2.1k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.1k
Why Our Code Smells
Avatar for Brandon Keepers bkeepers
PRO
336
57k
Scaling GitHub
Avatar for Zach Holman holman
460
140k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
357
30k
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
271
27k

Transcript

  1. None

  2. > Daniel Kao / Senior Android Engineer Fast UI/UX Prototyping

    W/ Flutter For App Development

  3. Generic Feature Development Process UX Flow UI Layout UI Assets

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

  4. Generic Feature Development Process UX Flow UI Layout UI Assets

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

  5. Generic Feature Development Process UX Flow UI Layout UI Assets

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

  6. Generic Feature Development Process UX Flow UI Layout UI Assets

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

  7. Problem We Met

  8. Prototyping Tools Are Quick, but…

  9. Prototyping Tools Are Quick, but…

  10. Prototyping Tools Are Quick, but…

  11. Modifying App Directly Takes Time

  12. Modifying App Directly Takes Time

  13. Modifying App Directly Takes Time

  14. Several Steps Are Required > 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 > Use GridLayoutManager instead

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

  16. Create UI Widgets Easily in Code

  17. Create UI Widgets Easily in Code

  18. Easily Switchable UI Widgets

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

  20. More Examples

  21. > Keyword Search Feature More Examples

  22. More Examples > Keyword Search Feature

  23. More Examples > Keyword Search Feature

  24. More Examples > Keyword Search Feature 棒球，旅遊

  25. More Examples > Keyword Search Feature

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

    Browsing

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

    Browsing

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

    Browsing

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

    Browsing

  30. THANK YOU