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
[ABC2023A]Go Global with Flutter Apps
Search
Kenichi Kambara
November 23, 2023
Technology
0
65
[ABC2023A]Go Global with Flutter Apps
ABC 2023 Autumnの講演資料"Go Global with Flutter Apps"です。
#abc2023a #日本Androidの会 #flutterjp
Kenichi Kambara
November 23, 2023
Tweet
Share
More Decks by Kenichi Kambara
See All by Kenichi Kambara
[DevFestTokyo]Accelerating Flutter App Development Using Generative AI
korodroid
1
740
[DevFestMilano]Enhancing Flutter Apps UX for Global Users
korodroid
0
22
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
31
[ABC2024Summer]Flutter UX Improvements + α
korodroid
0
500
[YUMEMI.grow Mobile #14]Wear OS Recap from I/O 2024 [short version]
korodroid
0
49
[mobile #14]UX Improvements on Flutter Apps Part 4
korodroid
0
51
[potatotips #87]UX Improvements on Flutter Apps Part 3
korodroid
0
46
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
100
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
77
Other Decks in Technology
See All in Technology
RaspberryPi CM4(CM5も)面白いぞ!
nonnoise
0
100
Qiita Organizationを導入したら、アウトプッターが爆増して会社がちょっと有名になった件
minorun365
PRO
1
320
プロダクト開発者目線での Entra ID 活用
sansantech
PRO
0
120
AIエージェント入門
minorun365
PRO
33
20k
あなたが人生で成功するための5つの普遍的法則 #jawsug #jawsdays2025 / 20250301 HEROZ
yoshidashingo
2
350
Охота на косуль у древних
ashapiro
0
120
Snowflakeの開発・運用コストをApache Icebergで効率化しよう!~機能と活用例のご紹介~
sagara
1
530
Ruby on Railsで持続可能な開発を行うために取り組んでいること
am1157154
3
160
JavaにおけるNull非許容性
skrb
2
2.7k
いまからでも遅くない!コンテナでWebアプリを動かしてみよう!コンテナハンズオン編
nomu
0
180
事業を差別化する技術を生み出す技術
pyama86
2
520
MLflowはどのようにLLMOpsの課題を解決するのか
taka_aki
0
130
Featured
See All Featured
Become a Pro
speakerdeck
PRO
26
5.2k
Building Flexible Design Systems
yeseniaperezcruz
328
38k
VelocityConf: Rendering Performance Case Studies
addyosmani
328
24k
Visualization
eitanlees
146
15k
Designing for humans not robots
tammielis
250
25k
Build your cross-platform service in a week with App Engine
jlugia
229
18k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
366
25k
StorybookのUI Testing Handbookを読んだ
zakiyama
28
5.5k
Writing Fast Ruby
sferik
628
61k
A Tale of Four Properties
chriscoyier
158
23k
Testing 201, or: Great Expectations
jmmastey
42
7.2k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
33
2.8k
Transcript
2023.11.23 ਆݪ ݈Ұ (@korodroid) ABC 2023 Autumn Go Global with
Flutter Apps
About me •Mobile App Development •Speeches (e.g. 15 Int’l/100+ Domestic)
•Writings (e.g. 8 Dev Books) •[Of fi cial] Evangelist at NTT TechnoCross •[Private] iplatform.org ਆݪ ݈Ұ (X:@korodroid) NEW
About my Flutter product (Private works) Sekaiphone Pro(Flutter/Kotlin/Swift) MyToDo(Flutter)
ߨԋςʔϚͷഎܠ
ӳޠ/ຊޠ… ͷݴޠઃఆ ΞϥϏΞޠ ߨԋςʔϚͷഎܠ
ݴޠͦͷ1(LTR)ͷੈք (ྫ. ΪϦγϟ)
ݴޠͦͷ2(RTL)ͷੈք (ྫ. Τδϓτ/Χλʔϧ)
RTL(Right To Left)ͱ? Google༁
RTLݴޠͷऀ • Arabic: 310 million speakers/26 countries • Urdu:
101 million speakers • Hebrew: 9 million speakers • and some more… LingoHub: https://lingohub.com/academy/best-practices/rtl-language-list
FlutterΞϓϦʹ͓͚ΔRTLରԠखॱ 1. RTLݴޠ”جૅ”ͷཧղ 2. ࣮લʹΞϓϦͷςετ 3. ৄࡉͳཧղˍ࣮
Wear OS ΞϓϦ։ൃೖ with Jetpack Compose 1. RTLݴޠ”جૅ”ͷཧղ
RTLݴޠͷجૅ: Learning Guidelines https://m2.material.io/design/usability/bidirectionality.html
RTLݴޠͷجૅ: Learning Guidelines
RTLݴޠͷجૅ: Learning Guidelines
RTLݴޠͷجૅ: Learning Guidelines
Wear OS ΞϓϦ։ൃೖ with Jetpack Compose 2. ࣮લʹΞϓϦͷςετ
ίʔυमਖ਼લʹ·ͣ”ಈ࡞֬ೝ” Good Bad
ൃݟ͞Εͨͱରॲ(1) Good Bad
ൃݟ͞Εͨͱରॲ(2) Good Bad
ൃݟ͞Εͨͱରॲ(3) Good Bad
Wear OS ΞϓϦ։ൃೖ with Jetpack Compose 3. ৄࡉͳཧղˍ࣮
Flutterඪ४ͷi18nରԠ( fl utter_localizations) https://docs. fl utter.dev/ui/accessibility-and-internationalization/internationalization
Deep dive 1 (Icon) b. ϚςϦΞϧ a. ΦϦδφϧ on
RTL on LTR
a. ΦϦδφϧΞΠίϯ Image.asset( 'assets/images/chara.png', matchTextDirection: true, ), on LTR
on RTL
b. ϚςϦΞϧΞΠίϯ https://api. fl utter.dev/ fl utter/material/Icons-class.html
b. ϚςϦΞϧΞΠίϯ
Icon( Icons.arrow_back, size: 80.0, ), on LTR on RTL
b. ϚςϦΞϧΞΠίϯ
Icon( Icons.attach_money, size: 80.0, ), on LTR on RTL
b. ϚςϦΞϧΞΠίϯ
Deep dive 1 (Icon): ݁Ռ on LTR on RTL
Deep dive 2 (Layout) Row( children: [ BlueArea(), GreyArea(),
], ), on LTR on RTL
Deep dive 2 (Layout) on LTR on RTL Row(
mainAxisAlignment: MainAxisAlignment.start, children: [ BlueArea(), GreyArea(), ], ), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ BlueArea(), GreyArea(), ], ),
Deep dive 2 (Layout): ݁Ռ on LTR on RTL
on LTR on RTL 㲔 㲔 Deep dive 2
(Layout): ݁Ռ چόʔδϣϯ
Deep dive 3 (Text) Column( children: [ Text( “Text1",
), Text( “Text2", ), ], ), on LTR on RTL
Deep dive 3 (Text) Column( children: [ Text( “TextAlign.left",
textAlign: TextAlign.left, ), Text( "TextAlign.right", textAlign: TextAlign.right, ), ], ), on LTR on RTL
چόʔδϣϯ LTR LTR RTL RTL Deep dive 3 (Text):
݁Ռ ৽όʔδϣϯ
ࠃࡍԽରԠͰ͞Βʹଟ͘ͷϢʔβϦʔν Go Global 🚀 ·ͱΊ
Please let me know if you have any requests such
as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi X:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much