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
40
[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
[mobile #15]UX Improvements on Flutter Apps Part 5
korodroid
0
18
[ABC2024Summer]Flutter UX Improvements + α
korodroid
0
410
[YUMEMI.grow Mobile #14]Wear OS Recap from I/O 2024 [short version]
korodroid
0
29
[mobile #14]UX Improvements on Flutter Apps Part 4
korodroid
0
36
[potatotips #87]UX Improvements on Flutter Apps Part 3
korodroid
0
39
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
68
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
52
Supporting RTL on Flutter Apps 7 Development Tips
korodroid
0
72
[DevFestKC]Go Global with Flutter Apps 101
korodroid
0
68
Other Decks in Technology
See All in Technology
難しいから面白い!医薬品×在庫管理ドメインの複雑性と向き合い、プロダクトの成長を支えるための取り組み / Initiatives to Support Product Growth
kakehashi
2
160
脆弱星に導かれて
nishimunea
1
1.6k
効果的なオンコール対応と障害対応
ryuichi1208
3
1.4k
20240906_JAWS_Yamanashi_#1_leap_beyond_the_AWS_all_certifications
tsumita
1
230
SORACOMで実現するIoTのマルチクラウド対応 - IoTでのクリーンアーキテクチャの実現 -
kenichirokimura
0
320
LLM を現場で評価する
asei
4
700
PDF Viewer作成の今までとこれから
hunachi
0
160
疎通2024
sadnessojisan
5
970
「家族アルバム みてね」における運用管理・ オブザーバビリティの全貌 / Overview of Operation Management and Observability in FamilyAlbum
isaoshimizu
4
110
FastConnect の冗長性
ocise
0
7.2k
Mocking in Rust Applications
taiki45
1
260
すぐに始めるAWSコスト削減。短期でできる改善策と長期的な運用負荷軽減への取り組み方を解説
ncdc
1
540
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
663
120k
The Art of Programming - Codeland 2020
erikaheidi
48
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
25
1.3k
Build your cross-platform service in a week with App Engine
jlugia
228
18k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
326
21k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
Code Reviewing Like a Champion
maltzj
518
39k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
27
7.4k
Embracing the Ebb and Flow
colly
83
4.4k
The Mythical Team-Month
searls
218
43k
How GitHub (no longer) Works
holman
310
140k
5 minutes of I Can Smell Your CMS
philhawksworth
201
19k
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