Upgrade to Pro — share decks privately, control downloads, hide ads and more …

[NTT Tech Conference]Flutterアフ?リ開発スタートアッフ?withTips

[NTT Tech?Conference]Flutterアフ?リ開発スタートアッフ?withTips

This is my presentation file on NTT Tech Conference 5.

#NTTtech
#flutterjp
#flutter

97a7f7899e0df28c3636b8d44bbe6578?s=128

Kenichi Kambara

February 26, 2021
Tweet

Transcript

  1. 2021.02.26 Kenichi Kambara (@korodroid) FlutterΞ????ελ?τΞο? with Tips

  2. About me ?Mobile App Development ?Speeches (e.g. 9 International confs.)

    ?Writings (e.g. 5 Dev Books) ?[Of?cial] Evangelist at NTT TechnoCross ?[Private] iplatform.org Kenichi Kambara (@korodroid)
  3. About my product (Private works) Sekaiphone(Kotlin/Swift+Firebase) MyToDo(Flutter+Firebase)

  4. ?Flutter?? ?Flutter????? ???????????(Tips?) Agenda

  5. Flutter??

  6. Flutter ???ι?ε?iOS/Android???Ξ??Λ ????ΔSDK(??ε??οτ?Υ??)  ※σε?το?/Web??????

  7. Flutter??? 1.???UI/?????? 2.?????? 3.???Dart 

  8. 1.???UI/?????? https://?utter.dev/showcase iOS/Android?????UI(≠?ο??) 

  9. 2.?????? ??υ??Λ???(Hot Reload) 

  10. 3.???Dart Java/Java Script?????????????(UI?Γ?Dart) import 'package:flutter/material.dart'; void main() { runApp( Center(

    child: Text( '?Μ????Flutter', textDirection: TextDirection.ltr, ), ), ); } 
  11. Flutter?????

  12. ?????Λ?? (???????) ???? 1. IDEΛ???Δ?? ?Android Studio ?Visual Studio Code

    ?IntelliJ IDEA 2. IDEΛ??????? ?Flutter Studio? &DartPad ???Ε??Ε? ???Β??Β? 
  13. ?????Λ?? (???????) ???? 1. IDEΛ???Δ?? ?Android Studio ?Visual Studio Code

    ?IntelliJ IDEA 2. IDEΛ??????? ?Flutter Studio? &DartPad ???Ε??Ε? ???Β??Β? 
  14. (???Dart?UI?Γ)GUIπ??Λ????UIσβΠ??? 1. ??Λ?Δ(Flutter Studio) 

  15. Web??Dart??σΟ??&Flutter????  2. ???Δ(DartPad)

  16. ?????Λ?? (???????) ???? 1. IDEΛ???Δ?? ?Android Studio ?Visual Studio Code

    ?IntelliJ IDEA 2. IDEΛ??????? ?Flutter Studio? &DartPad ???Ε??Ε? ???Β??Β? 
  17. ???????Ξ????????Γ?? ??????αΠτ????? 

  18. ??????????Π?τ ?FlutterΞ????ΝΠ??? ?????Γ? ??δωε?δο????????

  19. FlutterΞ????ΝΠ???  ι?ε??υ(*.dart) ??Π????? ??ι?ε??(????)

  20. ??????Dart(LayoutXML, StoryBoard) ????Γ?  import 'package:flutter/material.dart'; void main() => runApp(MyApp());

    class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: Scaffold( appBar: AppBar( title: Text('?????Flutter'), ), body: Center( child: Text('?Μ????Flutter'), ), ), ); } }
  21. ???UI??????? Hello Flutter???υ??  import 'package:flutter/material.dart'; void main() => runApp(MyApp());

    class MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( title: 'Welcome to Flutter', home: Scaffold( appBar: AppBar( title: Text('?????Flutter'), ), body: Center( child: Text('?Μ????Flutter'), ), ), ); } }
  22. π???????????????????? ???????Widget(?ΟδΣοτ)  Text AppBar ? Body Scaffold Text Center

  23. StateΛ???????? [??]????????(???)StatefulWidget  import 'package:flutter/material.dart'; void main() => runApp(MyApp()); class

    MyApp extends StatelessWidget { @override Widget build(BuildContext context) { return MaterialApp( home: MyHomePage(title: 'Welcome to Flutter'), ); } } class MyHomePage extends StatefulWidget { MyHomePage({Key key, this.title}) : super(key: key); final String title; @override _MyHomePageState createState() => _MyHomePageState(); } class _MyHomePageState extends State<MyHomePage> { int _counter = 0; void _incrementCounter() { setState(() { _counter++; }); } …(??)…
  24. ?δωε?δο????????  https://pub.dev/ ?????????ο??δ???

  25. ????Key-Value???σ?λ?? “sharedpreference”???  3 1 2 pubspec.yaml?????? Π?ετ????? (IDE?Β???λ?????) ?Π????Π???τ

  26. “^0.5.8” Android Studio????  1 2

  27. ?ο??δΛ???????  import 'package:shared_preferences/shared_preferences.dart'; _saveSampleData(String value) async {? SharedPreferences prefs

    = await SharedPreferences.getInstance();? await prefs.setString('key1', value);? }
  28. Flutter?????????Dart??  ? _ (private???) ? https://dart.dev/guides/language/language-tour#libraries-and-visibility ? .. (Χε??υ??)

    ? https://dart.dev/guides/language/language-tour#cascade-notation- ? … (Spread???) ? https://dart.dev/guides/language/language-tour#spread-operator ? Future / Stream (?????) ? https://dart.dev/tutorials/language/streams ref. Dart Of?cial Site https://dart.dev/
  29. ??????????(Tips?)

  30. FlutterΞ???????? ??σΟ??? ?????Π?? ※???Android StudioΛ??????

  31. ??σΟ???

  32. [Before]?ΟδΣοτΛ????? class MainPage extends StatelessWidget { @override Widget build(BuildContext context)

    { return Container(); } } // Stateless Widget 
  33. stless/stfull/stanim+[Tab] Key [After 1] ?Π??????τ??? 

  34. [After 1] ?Π??????τ??? 

  35. [After 2] Flutter Snippets ΑΓ????????τ 

  36. [After 3] ???????τ Α????????????????? 

  37. ??ε??ε:????? 

  38. Select Widget & ALT+ENTER [After 4] ??υΞγετ????? 

  39. ?????Π??

  40. [Plugin 1] FlutterGen Ξηοτ??Υ?τ?Χ???????? [wasabeef?Μ]https://github.com/FlutterGen/?utter_gen // Before class MainPage extends

    StatelessWidget { @override Widget build(BuildContext context) { return Image.asset("assets/images/chara1.png"); } } // After 
  41. [Plugin 2] Flutter Enhancement Suite ?ο??δ????? [Marius H??er?Μ]https://plugins.jetbrains.com/plugin/12693-?utter-enhancement-suite 

  42. [Plugin 3] FlutterJsonBeanFactory JSON????? [zhangruiyu?Μ]https://plugins.jetbrains.com/plugin/11415-?utterjsonbeanfactory 

  43. ????φ?ε???UI??Γ?? ???Λ???????Α???δο???? ?Ξ???????? ?(Provider/Riverpod/BLoC?)  [??]????????Π?τ

  44. Conclusion  ?1ι?ε?Android/iOS+αΞ???? ???μ?γ??????? ?TipsΛ????????????Λ?

  45.  Please let me know if you have any requests

    ? such as technical speeches, technical writings and so on. Facebook:http://fb.com/kanbara.kenichi Twitter:@korodroid LinkedIn:http://www.linkedin.com/in/korodroid Thank you so much
午夜偷拍精品用户偷拍免费_午夜av亚洲av欧美av_先锋影音亚洲中文字幕av