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
910
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
[ABC2025Spring]Code Less, Build More: A Practical Guide to Mobile Apps with Generative AI
korodroid
0
160
[DevTalksRomania]Building Augmented Reality Experiences with Flutter and AI-Powered Development
korodroid
0
11
[FlutterNinjas]Adapting Flutter App UX for Users Across the World
korodroid
0
35
[FlutterTokyo#6]Navigating Flutter Upgrades
korodroid
0
63
[DevFestTokyo]Accelerating Flutter App Development Using Generative AI
korodroid
2
860
[DevFestMilano]Enhancing Flutter Apps UX for Global Users
korodroid
0
42
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
58
[ABC2024Summer]Flutter UX Improvements + α
korodroid
0
540
[YUMEMI.grow Mobile #14]Wear OS Recap from I/O 2024 [short version]
korodroid
0
65
Other Decks in Technology
See All in Technology
監視のこれまでとこれから/sakura monitoring seminar 2025
fujiwara3
11
3.8k
5min GuardDuty Extended Threat Detection EKS
takakuni
0
110
Кто отправит outbox? Валентин Удальцов, автор канала Пых
lamodatech
0
330
CI/CD/IaC 久々に0から環境を作ったらこうなりました
kaz29
1
150
Witchcraft for Memory
pocke
1
220
20250625 Snowflake Summit 2025活用事例 レポート / Nowcast Snowflake Summit 2025 Case Study Report
kkuv
1
290
IIWレポートからみるID業界で話題のMCP
fujie
0
770
プロダクトエンジニアリング組織への歩み、その現在地 / Our journey to becoming a product engineering organization
hiro_torii
0
120
LinkX_GitHubを基点にした_AI時代のプロジェクトマネジメント.pdf
iotcomjpadmin
0
170
VISITS_AIIoTビジネス共創ラボ登壇資料.pdf
iotcomjpadmin
0
160
AIエージェント最前線! Amazon Bedrock、Amazon Q、そしてMCPを使いこなそう
minorun365
PRO
13
4.8k
Wasm元年
askua
0
130
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
53
11k
Designing for humans not robots
tammielis
253
25k
Into the Great Unknown - MozCon
thekraken
39
1.9k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
130
19k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
490
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
Gamification - CAS2011
davidbonilla
81
5.3k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
What's in a price? How to price your products and services
michaelherold
246
12k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
[RailsConf 2023] Rails as a piece of cake
palkan
55
5.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