Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
FlutterアプリのUI/UX改善例
Search
Kenichi Kambara
May 22, 2020
Technology
0
920
FlutterアプリのUI/UX改善例
Flutter Meetup Osaka #3の発表資料です。
「FlutterアプリのUI/UX改善例」
#flutter #flutterjp #flutter_osaka
Kenichi Kambara
May 22, 2020
Tweet
Share
More Decks by Kenichi Kambara
See All by Kenichi Kambara
[FlutterTokyo#10]In-App Language Switching in Flutter
korodroid
0
19
[potatotips #92]Integrating Quick Settings Tiles into Your Android App
korodroid
1
120
[ABC2025Spring]Code Less, Build More: A Practical Guide to Mobile Apps with Generative AI
korodroid
0
200
[DevTalksRomania]Building Augmented Reality Experiences with Flutter and AI-Powered Development
korodroid
0
14
[FlutterNinjas]Adapting Flutter App UX for Users Across the World
korodroid
0
45
[FlutterTokyo#6]Navigating Flutter Upgrades
korodroid
0
68
[DevFestTokyo]Accelerating Flutter App Development Using Generative AI
korodroid
2
900
[DevFestMilano]Enhancing Flutter Apps UX for Global Users
korodroid
0
48
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
61
Other Decks in Technology
See All in Technology
生成AI時代のデータ基盤
shibuiwilliam
4
2k
ヘブンバーンズレッドのレンダリングパイプライン刷新
gree_tech
PRO
0
440
MCPで変わる Amebaデザインシステム「Spindle」の開発
spindle
PRO
2
2k
AWS環境のリソース調査を Claude Code で効率化 / aws investigate with cc devio2025
masahirokawahara
2
1k
シークレット管理だけじゃない!HashiCorp Vault でデータ暗号化をしよう / Beyond Secret Management! Let's Encrypt Data with HashiCorp Vault
nnstt1
2
130
絶対に失敗できないキャンペーンページの高速かつ安全な開発、WINTICKET × microCMS の開発事例
microcms
0
360
カミナシ社の『ID管理基盤』製品内製 - その意思決定背景と2年間の進化 #AWSUnicornDay / Kaminashi ID - The Big Whys
kaminashi
3
720
実践データベース設計 ①データベース設計概論
recruitengineers
PRO
4
2k
allow_retry と Arel.sql / allow_retry and Arel.sql
euglena1215
0
150
ここ一年のCCoEとしてのAWSコスト最適化を振り返る / CCoE AWS Cost Optimization devio2025
masahirokawahara
1
1.1k
異業種出身エンジニアが気づいた、転向して十数年経っても変わらない自分の武器とは
macnekoayu
0
260
生成AI時代のデータ基盤設計〜ペースレイヤリングで実現する高速開発と持続性〜 / Levtech Meetup_Session_2
sansan_randd
1
110
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
55
13k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
9
790
Optimizing for Happiness
mojombo
379
70k
Why You Should Never Use an ORM
jnunemaker
PRO
59
9.5k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
How to Ace a Technical Interview
jacobian
279
23k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.8k
Typedesign – Prime Four
hannesfritz
42
2.8k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
7
830
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.5k
A Modern Web Designer's Workflow
chriscoyier
696
190k
Building Applications with DynamoDB
mza
96
6.6k
Transcript
2020.05.22 Kenichi Kambara (@korodroid) FlutterΞϓϦͷUI/UXվળྫ Flutter Meetup Osaka #3
About me •Mobile App Development •Technical Speeches •Technical Writings •[Official]
Evangelist at NTT TechnoCross •[Private] iplatform.org Kenichi Kambara (@korodroid)
ToDoΞϓϦ
UI/UXվળྫ 1. ڞ༗ػೳͷૢ࡞ੑվળ 2. ΞχϝʔγϣϯՃ
1. ڞ༗ػೳͷվળ
1. ڞ༗ػೳͷվળ ৄࡉը໘ʹભҠͯ͠ γΣΞ Ұཡը໘͔Β γΣΞ
flutter_slidable by romainrastel.com https://pub.dev/packages/flutter_slidable
࣮αϯϓϧ child: Slidable( actionPane: SlidableDrawerActionPane(), actionExtentRatio: 0.25, actions: <Widget>[ IconSlideAction(
caption: /*ڞ༗*/, color: Colors.indigo, icon: Icons.share, onTap: () => /*ڞ༗ॲཧ*/ ), ), IconSlideAction( caption: /*আ*/, color: Colors.red, icon: Icons.delete, onTap: () => /*আॲཧ*/), ), ],
2. ΞχϝʔγϣϯՃ(Ұ෦ൈਮ)
animations by flutter.dev https://pub.dev/packages/animations
animations by flutter.dev https://pub.dev/packages/animations
࣮αϯϓϧ child: OpenContainer( closedShape: const RoundedRectangleBorder( borderRadius: BorderRadius.all( Radius.circular(32.0), ),
transitionType: ContainerTransitionType.fade, transitionDuration: const Duration(milliseconds: 5000), closedBuilder: (BuildContext context, VoidCallback openContainer) { return ListTile( leading: icon, title: Text( title, style: TextStyle(color: Colors.white, fontSize: 18.0), ), onTap: () { openContainer(); }, ); }, openBuilder: (BuildContext context, VoidCallback _) { return SubScreen(); }, closedColor: Colors.blueAccent, openColor: Colors.blueGrey, ), ),
•flutter_slidable https://pub.dev/packages/flutter_slidable •animations https://pub.dev/packages/animations Reference
Please let me know if you have any requests
such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi Twitter:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much