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
35
[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
11
[ABC2024Summer]Flutter UX Improvements + α
korodroid
0
380
[YUMEMI.grow Mobile #14]Wear OS Recap from I/O 2024 [short version]
korodroid
0
24
[mobile #14]UX Improvements on Flutter Apps Part 4
korodroid
0
25
[potatotips #87]UX Improvements on Flutter Apps Part 3
korodroid
0
36
[YUMEMI.grow Mobile #12]UX Improvements on Flutter Apps Part 2
korodroid
0
55
[potatotips #86]UX Improvements on Flutter Apps Part 1
korodroid
0
45
Supporting RTL on Flutter Apps 7 Development Tips
korodroid
0
57
[DevFestKC]Go Global with Flutter Apps 101
korodroid
0
59
Other Decks in Technology
See All in Technology
[NIKKEI Tech Talk]Bias for Action!! 実践から学ぶための仕組とコミュニティ / Community for Practice and Learning
kanamasa
0
260
20240724_cm_odyssey_hibiyatech
hiashisan
0
110
dxd2024-生成AIに振り回された3か月間の成功と失敗/dxd2024-link-and-motivation
lmi
2
260
累計ダウンロード数1億8000万を超えるアプリケーションプラットフォームのレガシーシステム脱却とモダン化への道
kmitsuhashi
0
120
技術負債による事業の失敗はなぜ起こるのか / Why do business failures due to technical debt occur?
i35_267
0
190
DDDにおける認可の扱いとKotlinにおける実装パターン / authorization-for-ddd-and-kotlin-implement-pattern
urmot
4
390
データベース研修 分析向けSQL入門【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
110
AWSで”最小権限の原則”を実現するための考え方 /20240722-ssmjp-aws-least-privilege
opelab
10
4.3k
コンテナ・K8s研修 - 前半 コンテナ基礎・ハンズオン【MIXI 24新卒技術研修】
mixi_engineers
PRO
0
170
[2024最新版]AWS Control Towerを使ったセキュアなマルチアカウント環境の作り方
hiashisan
0
270
データ分析を支える技術 生成AI再入門
ishikawa_satoru
0
380
What is DRE? - Road to SRE NEXT@広島
chanyou0311
3
620
Featured
See All Featured
Building Effective Engineering Teams - LeadDev
addyosmani
47
2.2k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
149
45k
Building a Scalable Design System with Sketch
lauravandoore
458
32k
Design by the Numbers
sachag
277
18k
Imperfection Machines: The Place of Print at Facebook
scottboms
262
13k
Unsuck your backbone
ammeep
666
57k
Creatively Recalculating Your Daily Design Routine
revolveconf
214
11k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
26
1.8k
The Power of CSS Pseudo Elements
geoffreycrofte
64
5.2k
Intergalactic Javascript Robots from Outer Space
tanoku
266
26k
Web Components: a chance to create the future
zenorocha
307
41k
4 Signs Your Business is Dying
shpigford
178
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