[ABC2023A]Go Global with Flutter Apps

ABC 2023 Autumnの講演資料"Go Global with Flutter Apps"です。
#abc2023a #日本Androidの会 #flutterjp

Transcript

1. 2023.11.23 ਆݪ ݈Ұ (@korodroid) ABC 2023 Autumn Go Global with Flutter Apps
2. 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
3. About my Flutter product (Private works) Sekaiphone Pro(Flutter/Kotlin/Swift) MyToDo(Flutter)
4. ߨԋςʔϚͷഎܠ 
5.  ӳޠ/೔ຊޠ… ୺຤ͷݴޠઃఆ
   
   
   ΞϥϏΞޠ  ߨԋςʔϚͷഎܠ
6. ݴޠͦͷ1(LTR)ͷੈք (ྫ. ΪϦγϟ) 
7. ݴޠͦͷ2(RTL)ͷੈք (ྫ. Τδϓτ/Χλʔϧ) 
8. RTL(Right To Left)ͱ͸?  Google຋༁
9. 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
10. FlutterΞϓϦʹ͓͚ΔRTLରԠखॱ  1. RTLݴޠ”جૅ”ͷཧղ 2. ࣮૷લʹΞϓϦͷςετ 3. ৄࡉͳཧղˍ࣮૷
11. Wear OS ΞϓϦ։ൃೖ໳ with Jetpack Compose 1. RTLݴޠ”جૅ”ͷཧղ
12. RTLݴޠͷجૅ: Learning Guidelines  https://m2.material.io/design/usability/bidirectionality.html
13.  RTLݴޠͷجૅ: Learning Guidelines
14.  RTLݴޠͷجૅ: Learning Guidelines
15.  RTLݴޠͷجૅ: Learning Guidelines
16. Wear OS ΞϓϦ։ൃೖ໳ with Jetpack Compose 2. ࣮૷લʹΞϓϦͷςετ
17. ίʔυमਖ਼લʹ·ͣ͸”ಈ࡞֬ೝ”  Good Bad
18. ൃݟ͞Εͨ໰୊ͱରॲ(1)  Good Bad
19. ൃݟ͞Εͨ໰୊ͱରॲ(2)  Good Bad
20. ൃݟ͞Εͨ໰୊ͱରॲ(3)  Good Bad
21. Wear OS ΞϓϦ։ൃೖ໳ with Jetpack Compose 3. ৄࡉͳཧղˍ࣮૷
22. Flutterඪ४ͷi18nରԠ( fl utter_localizations) https://docs. fl utter.dev/ui/accessibility-and-internationalization/internationalization 
23. Deep dive 1 (Icon)  b. ϚςϦΞϧ a. ΦϦδφϧ on RTL on LTR
24. a. ΦϦδφϧΞΠίϯ  Image.asset( 'assets/images/chara.png', matchTextDirection: true, ), on LTR on RTL
25. b. ϚςϦΞϧΞΠίϯ  https://api. fl utter.dev/ fl utter/material/Icons-class.html
26. b. ϚςϦΞϧΞΠίϯ 
27.  Icon( Icons.arrow_back, size: 80.0, ), on LTR on RTL b. ϚςϦΞϧΞΠίϯ
28.  Icon( Icons.attach_money, size: 80.0, ), on LTR on RTL b. ϚςϦΞϧΞΠίϯ
29. Deep dive 1 (Icon): ݁Ռ  on LTR on RTL
30. Deep dive 2 (Layout)  Row( children: [ BlueArea(), GreyArea(), ], ), on LTR on RTL
31. Deep dive 2 (Layout)  on LTR on RTL Row( mainAxisAlignment: MainAxisAlignment.start, children: [ BlueArea(), GreyArea(), ], ), Row( mainAxisAlignment: MainAxisAlignment.end, children: [ BlueArea(), GreyArea(), ], ),
32. Deep dive 2 (Layout): ݁Ռ  on LTR on RTL
33.  on LTR on RTL 㲔 㲔 Deep dive 2 (Layout): ݁Ռ چόʔδϣϯ
34. Deep dive 3 (Text)  Column( children: [ Text( “Text1", ), Text( “Text2", ), ], ), on LTR on RTL
35. Deep dive 3 (Text)  Column( children: [ Text( “TextAlign.left", textAlign: TextAlign.left, ), Text( "TextAlign.right", textAlign: TextAlign.right, ), ], ), on LTR on RTL
36.  چόʔδϣϯ LTR LTR RTL RTL Deep dive 3 (Text): ݁Ռ ৽όʔδϣϯ
37. ࠃࡍԽରԠͰ͞Βʹଟ͘ͷϢʔβ΁Ϧʔν Go Global 🚀 ·ͱΊ
38. 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