Flutterã¢ããªéçºã
åºç€ã身ã«ã€ãããæ¬¡ã¯å®è·µãåŠã¶çªã§ãïŒ ð±
Flutterã®å®è·µãããžã§ã¯ãã§çŽé¢ããåé¡ ð§
#1.
FlutterãšDartã«é¢ãã
åºç€ç¥èãäžè¶³ããŠããã
ãã¹ãŠã®Flutteréçºè
ã¯ãç¥ããç¥ããã®ãã¡ã«BuildContextãInheritedWidgetã䜿çšããŠããŸããããã®æŠå¿µãæ£ããçè§£ããŠäœ¿ãããªããŠããéçºè
ã¯å€ããããŸããããŸããFlutterã®åºç€ãšãªãDartãWidgetã®åäœåçãæ·±ãåŠç¿ããªããã°ãçç±ãåçãåãããªããŸãŸããããããŠåãã³ãŒãã ããæžãããšã«ãªã£ãŠããŸããŸãã
#2.
ææ°æè¡ã远ããããããŸã
æèãèŠå€±ãã
ç¶æ
管çããã±ãŒãžã ãã§ããGetXãProviderãRiverpodãBlocãCubitãªã©ã次ã
ãšæ°ããæè¡ãç»å ŽããŠããŸããç¹ã«æè¿Flutterãå§ããéçºè
ã¯ãStatefulWidgetãååšããäžã§ããªããããã®ããã±ãŒãžãç»å Žãããªããã®ãããªåœ¢ã§æ©èœãæäŸããŠããã®ããšããæ£ç¢ºãªçç±ãç¥ããŸããããã®ãããããã±ãŒãžã®å®è£
æ¹æ³ãäžå¿ã«åŠç¿ããããšã«ãªããéå»ã®æèãæ£ããçè§£ããŠäœ¿ãããªãããšãé£ãããªã£ãŠããŸãã
#3.
ãããžã§ã¯ãã倧ãããªãã«ã€ã
ã³ãŒãã®è€é床ãäžããã
宿Šãããžã§ã¯ããé²ããŠãããšããããžã§ã¯ãã倧ãããªãã«ã€ããŠãããä»¥äžæãå ããã®ãæããªãããšããããŸããã³ãŒãã®è€é床ãé«ãŸããããŠã倿Žãã©ã®ãããªåé¡ãåŒãèµ·ãããäºæ³ã§ããªãç¶æ³ã«é¥ãã®ã§ãããããžã§ã¯ããéå¶ããªããçºçãã倿Žäºé
ãåæ ããéã«ããçŽé¢ããåé¡ã§ããããããŸã§æ¥ãããæ¹ã¯ãã¢ãŒããã¯ãã£ãåŠã¶çªã§ãã
è¬çŸ©ã®ç®æš ð¯
æ¬è¬çŸ©ã¯ãä»ã®ãããã¯ããæš¡å£ããã¯ããŒã³ã³ãŒãã£ã³ã°ããå°ã調ã¹ãã°åŠã¹ããããªç¹å®ã®ã©ã€ãã©ãªã®äœ¿ç𿹿³ãæããããšã«çŠç¹ãåœãŠãè¬çŸ©ã§ã¯ãªããDartãšFlutterã«é¢ããæ£ããç¥èã«åºã¥ããæç¶å¯èœãªãããžã§ã¯ããäœãããšãç®æšãšããŠããŸãã
è¬çŸ©ã®ç¹åŸŽ âïž
çç±ãšåçãæããè¬çŸ©
Dartã®åäœåçãšãããããæŽŸçããæ§ã
ãªåé¡ã玹ä»ããããããã©ã®ããã«è§£æ±ºããããæå€§éå®åçãã€æ¬è³ªçãªå
å®¹ãæ±ããŸãããŸããæ°å€ãã®ç¶æ
管çããã±ãŒãžãã©ã®ãããªåé¡ã解決ããããã«ç»å Žããã©ã®ããã«åé¡ã解決ããã®ããåŠã³ãå®éã«ã³ãŒãã§å®è£
ããŠã¿ãŸãããã
æç¶å¯èœãªãµãŒãã¹ãäœãè¬åº§
ä»åã®è¬çŸ©ã¯ãåã«åäœããã¢ããªãäœã段éãè¶
ããŠãèŠèŠçã»ããŒã¿çã«äžè²«æ§ã®ãããµãŒãã¹ãå®è£
ãããããžã§ã¯ãã®æé·ã«äŒŽã£ãŠå¢å€§ããã³ãŒãã®è€éããå¶åŸ¡ããæ€èšŒããæ¹æ³ãæ±ããŸãããããéããŠãæç¶å¯èœãªãµãŒãã¹ãäœãæ¹æ³ãåŠãã§ãããŸãããã
ð åè¬åã«ã確èªãã ããïŒ
æ¬è¬çŸ©ã¯ Flutter ã¢ããªéçºã·ãªãŒãºã®2çªç®ã®è¬çŸ©ã§ããFlutter ã¢ããªéçºåºç€è¬çŸ©ã¯ä»¥äžã®è¬çŸ©ãåèã«ããŠãã ããã
ç¹å¥ã«çšæããŸãã âš
NotionåŠç¿è³ææäŸ
æ°žä¹
ä¿å
(ã»ã¯ã·ã§ã³0. è¬çŸ©è³æåç
§)
å
šãœãŒã¹ã³ãŒãæäŸ
æ°žä¹
ä¿å
ãããªããšãåŠã³ãŸãð
1. å®è·µDartææ³
- ã¡ã¢ãªå²ãåœãŠã«ãŒã«
- åç
§æ¯èŒ & 倿¯èŒ
- æµ
ãã³ã㌠& æ·±ãã³ããŒ
- äžå€ãªããžã§ã¯ã
- ã·ãªã¢ã«å ïŒ ãã·ãªã¢ã«å
- ã³ãŒãçæããã±ãŒãž
- finalãšconstã®éã
- getter & setter
- extends & mixin & extension
2. ç¶æ
管ç
- ç¶æ
管ççè«
- StatefulWidget
- InheritedWidget
- Provider
- Riverpod
- Cubit
- Bloc
3. ãã¶ã€ã³ã·ã¹ãã & ã¬ã¹ãã³ã·ãUI
- ãã¶ã€ã³ã·ã¹ãã çè«
- ã«ã¹ã¿ã ããŒãã®äœæ
- å€èšèªå¯Ÿå¿ã®å®è£
- Overlay
- GlobalKey
- BuildContext
- ã¬ã¹ãã³ã·ãUIã®å®è£
4. MVVM & ãã¹ã
- MVVMã¢ãŒããã¯ãã£
- é¢å¿ã®åé¢
- ããŒã¿ãã€ã³ãã£ã³ã°
- äŸåæ§ã®æ³šå
¥
- ã¢ãã¯ãªããžã§ã¯ã
- ãŠããããã¹ã
- Golden Test
- Widget Test
- çµ±åãã¹ã
- ãã¹ãã«ãã¬ããž
ãããªãã®ãäœããŸãð«
1. æ§ã
ãªç¶æ
管çã®å®ç¿
2. ã°ããŒãã«ãµãŒãã¹ã®ããã®å€èšèªå¯Ÿå¿ã®å®è£
3. ã«ã¹ã¿ã ããŒãã®å®è£
- ã©ã€ãããŒã
3. ã«ã¹ã¿ã ããŒãã®å®è£
- ããŒã¯ããŒã

4. ãã£ã¹ãã¬ã€ãµã€ãºã®å€åã«åå¿ããUIã®å®è£
5. MVVMã¢ãŒããã¯ãã£ã®å®è£
6. ãŠãããïŒãŠã£ãžã§ãããã¹ãã®å®è£
7. ååæ±ºæžçµ±åãã¹ãã®å®è£
ãããã質å Q&A ð¬
Q. ã©ã®çšåºŠã®ã¬ãã«ããåè¬ã§ããŸããïŒ
以äžã®åºç€è¬çŸ©ãåè¬ãããæ¹ã§ããã°ãã€ããŠãããããã«æºåããŸããã
Q. Flutter ææ°ããŒãžã§ã³ã§åè¬å¯èœã§ããïŒ
ã¯ãïŒFlutterã®ææ°ããŒãžã§ã³ã§åè¬ããã ãããããNotionã®åŠç¿è³æãéæã¢ããããŒãããŠããŸã :) è¬çŸ©åç»ãšç°ãªãéšåã¯è¬çŸ©è³æãåèã«ããŠãã ãããããåè¬äžã«åé¡ãçºçããå Žåã¯ããã€ã§ããªãŒãã³ãã£ãããžãåãåããããã ããã°ãè¿
éã«å¯Ÿå¿ãããŠããã ããŸãã (26.03.05ïŒæçµç¢ºèªããŒãžã§ã³ Flutter 3.41.4)
Q. Visual Studio Code(VSCode)ã§é²ããçç±ã¯ãããŸããïŒ
VSCodeã¯Android Studioãããã¡ã¢ãªäœ¿çšéãå°ãªããããããå€ãã®æ¹ã«åè¬ããŠããã ããããVSCodeãéžæããŸããããŸããVSCodeã§æäŸãããŠããã»ãšãã©ã®æ©èœã¯Android Studioã§ããµããŒããããŠãããããå°ã調ã¹ãŠããã ããã°Android Studioã§ãåæ§ã«ãå©çšããã ããŸãã
Q. åè¬æéãç¡å¶éã§ã¯ãªãçç±ããããŸããïŒ
è¬çŸ©ã®è³Œå
¥åŸã«åŸåãã«ããåè¬ããŠããã ãããã«æéãèšããŠãããŸãããåè¬æéã®å»¶é·ããåžæã®å Žåã¯ããã€ã§ã devstory.co.kr@gmail.com ãŸã§Inflearnã®ã¡ãŒã«ã¢ãã¬ã¹ããç¥ãããã ããïŒè¬çŸ©è³æã¯äžçææå¯èœã§ã :)
Q. ã©ã®ç¶æ
管çã§ãããžã§ã¯ããé²ããŸããïŒ
ç¶æ
管çç·šã§ã¯StatefulWidgetãInheritedWidgetãProviderãRiverpodãCubitãBlocã®çè«ãšå®ç¿ãè¡ãããã¶ã€ã³ã·ã¹ãã ããã³MVVMç·šã§ã¯è¬çŸ©ã¯Providerã§é²ããŸãããRiverpodãšBlocã䜿çšãããããžã§ã¯ãã®ãœãŒã¹ã³ãŒãã远å ã§æäŸããŠããŸãã