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
72
[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
[FlutterTokyo#6]Navigating Flutter Upgrades
korodroid
0
23
[DevFestTokyo]Accelerating Flutter App Development Using Generative AI
korodroid
2
800
[DevFestMilano]Enhancing Flutter Apps UX for Global Users
korodroid
0
28
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
37
[ABC2024Summer]Flutter UX Improvements + α
korodroid
0
510
[YUMEMI.grow Mobile #14]Wear OS Recap from I/O 2024 [short version]
korodroid
0
51
[mobile #14]UX Improvements on Flutter Apps Part 4
korodroid
0
55
[potatotips #87]UX Improvements on Flutter Apps Part 3
korodroid
0
50
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
110
Other Decks in Technology
See All in Technology
テキスト解析で見る PyCon APAC 2025 セッション&スピーカートレンド分析
negi111111
0
260
2025年春に見直したい、リソース最適化の基本
sogaoh
PRO
0
260
20250328_OpenAI製DeepResearchは既に一種のAGIだと思う話
doradora09
PRO
0
180
低レイヤを知りたいPHPerのためのCコンパイラ作成入門 / Building a C Compiler for PHPers Who Want to Dive into Low-Level Programming
tomzoh
0
110
コンソールで学ぶ!AWS CodePipelineの機能とオプション
umekou
3
130
職種に名前が付く、ということ/The fact that a job title has a name
bitkey
1
280
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
20k
こんなデータマートは嫌だ。どんな? / waiwai-data-meetup-202504
shuntak
3
800
SREが実現する開発者体験の革新
sansantech
PRO
0
130
問題解決に役立つ数理工学
recruitengineers
PRO
8
2.4k
Restarting_SRE_Road_to_SRENext_.pdf
_awache
1
230
20250328_RubyKaigiで出会い鯛_____RubyKaigiから始まったはじめてのOSSコントリビュート.pdf
mterada1228
0
430
Featured
See All Featured
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
510
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
160
15k
4 Signs Your Business is Dying
shpigford
183
22k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
248
1.3M
GitHub's CSS Performance
jonrohan
1030
460k
Imperfection Machines: The Place of Print at Facebook
scottboms
267
13k
Raft: Consensus for Rubyists
vanstee
137
6.9k
The World Runs on Bad Software
bkeepers
PRO
67
11k
Embracing the Ebb and Flow
colly
85
4.6k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
3.8k
Making Projects Easy
brettharned
116
6.1k
Site-Speed That Sticks
csswizardry
4
470
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