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
87
[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
[ABC2025Spring]Code Less, Build More: A Practical Guide to Mobile Apps with Generative AI
korodroid
0
170
[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
44
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
59
[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
Delegating the chores of authenticating users to Keycloak
ahus1
0
130
B2C&B2B&社内向けサービスを抱える開発組織におけるサービス価値を最大化するイニシアチブ管理
belongadmin
1
5.3k
KubeCon + CloudNativeCon Japan 2025 Recap by CA
ponkio_o
PRO
0
280
ドメイン特化なCLIPモデルとデータセットの紹介
tattaka
2
570
【5分でわかる】セーフィー エンジニア向け会社紹介
safie_recruit
0
26k
Backlog ユーザー棚卸しRTA、多分これが一番早いと思います
__allllllllez__
1
120
本が全く読めなかった過去の自分へ
genshun9
0
750
生まれ変わった AWS Security Hub (Preview) を紹介 #reInforce_osaka / reInforce New Security Hub
masahirokawahara
0
410
20250705 Headlamp: 專注可擴展性的 Kubernetes 用戶界面
pichuang
0
170
改めてAWS WAFを振り返る~業務で使うためのポイント~
masakiokuda
1
230
無意味な開発生産性の議論から抜け出すための予兆検知とお金とAI
i35_267
2
10k
一体いつからSRE NEXTがSREだけのカンファレンスだと錯覚していた? / When did you ever get the idea that SRE NEXT was a conference just for SREs?
vtryo
1
140
Featured
See All Featured
Why You Should Never Use an ORM
jnunemaker
PRO
58
9.4k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Producing Creativity
orderedlist
PRO
346
40k
Why Our Code Smells
bkeepers
PRO
337
57k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
GitHub's CSS Performance
jonrohan
1031
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
The Cult of Friendly URLs
andyhume
79
6.5k
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.5k
The Language of Interfaces
destraynor
158
25k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
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