1. Flutterãšã¯
Flutterãšã¯ãGoogleãéçºãããªãŒãã³ãœãŒã¹ã®ã¢ããªéçºãã¬ãŒã ã¯ãŒã¯ã§ããiOSãAndroidã®ã¢ããªéçºã ãã§ãªãããŠã§ãããã¹ã¯ããããã«ããŒããããšãå¯èœã§ãäžã€ã®ã³ãŒãããŒã¹ã§ãã«ããã©ãããã©ãŒã ã«å¯Ÿå¿ããããšã匷ã¿ã§ãã
ãã€ãã£ãã¢ããªã®ãããªæ»ãããªã¢ããªäœéšãæäŸããããã«ãèªèº«ã®æç»ãšã³ãžã³ãæã£ãŠããŸããããã«ãããé«åºŠãªã«ã¹ã¿ãã€ãºãå¯èœã§ãããèªç±åºŠã®é«ãUIèšèšãè¡ãããšãå¯èœã§ãã
ãŸããFlutterã¯é«éãªéçºãµã€ã¯ã«ãå®çŸããŸããä¿åããç¬éã«ã¢ããªã«åæ ãããHot
Reloadæ©èœãæåã§ãéçºå¹çã倧å¹
ã«åäžãããŸãã
1.1 Flutterã®æŠèŠ
Flutterã¯ãäžã€ã®ãœãŒã¹ã³ãŒãã§iOSãAndroidãWebããã¹ã¯ãããã®ãã«ããã©ãããã©ãŒã éçºãå¯èœãªãã¬ãŒã ã¯ãŒã¯ã§ãã
Flutterã¯Googleã«ãã£ãŠéçºãããDartãšããèšèªãããŒã¹ã«ããŠããŸãããããŠããã®DartãçšããŠéçºããã¢ããªã±ãŒã·ã§ã³ã¯ããã€ãã£ããšåçã®æ§èœãšåå¿é床ãæã€ããšãç¹åŸŽã§ãã
ãŸããã¬ã€ã¢ãŠããèªç±èªåšã«ã«ã¹ã¿ãã€ãºã§ããWidgetãšããæŠå¿µãç¹åŸŽçã§ããã®çµã¿åããã«ããå€çš®å€æ§ãªUIãå®çŸå¯èœã§ãã
1.2 Flutterã®ã¡ãªãããšãã¡ãªãã
Flutterã®äžçªã®ã¡ãªããã¯ããã«ããã©ãããã©ãŒã ãäžã€ã®ãœãŒã¹ã³ãŒãã§ã«ããŒã§ããç¹ã§ããããã«ãããéçºæéã®ççž®ãä¿å®ã®æéã®è»œæžãå®çŸã§ããŸãã
ãã ããäžæ¹ã§ãã¡ãªãããååšããŸããFlutterã¯æ¯èŒçæ°ãããããæ å ±ãå°ãªããå®çžŸãå°ãªããã©ã€ãã©ãªãå°ãªããšãã£ãç¹ã課é¡ãšãªã£ãŠããŸãããŸããç¬ç¹ãªWidgetã·ã¹ãã ã®ç解ãå¿ èŠãšãªããåŠç¿ã³ã¹ããé«ããšããæèŠããããŸãã
ãããããã®ãã¡ãªãããGoogleã®ç©æ¥µçãªãµããŒããã³ãã¥ããã£ã®çºå±ã«ãããå°ããã€æ¹åããã€ã€ãããŸãã
1.3 Flutterã®é©çšç¯å²
Flutterã¯ãiOSãAndroidãªã©ã®ã¢ãã€ã«ã¢ããªéçºã«å ããŠãWebããã¹ã¯ãããã¢ããªã®éçºãå«ãããã«ããã©ãããã©ãŒã éçºãå¯èœã§ãã
ãŸããç¬èªã®æç»ãšã³ãžã³ãæã€ããšããããã¶ã€ã³ã®èªç±åºŠãé«ããåã ã®ãã©ãããã©ãŒã ã®ç¹æ§ã«å¿ããUIèšèšãå¯èœã§ãã
ãã®ãããã¢ãã€ã«ã¢ããªããWebããã¹ã¯ãããã«è³ããŸã§å¹ åºãã¢ããªã±ãŒã·ã§ã³éçºã«é©çšã§ããŸãã
1.4 Dartèšèªãšã®é¢ä¿
Flutterã®éçºã«ã¯Dartãšããããã°ã©ãã³ã°èšèªã䜿ãããŸããDartã¯Googleã«ãã£ãŠéçºããããé«æ§èœã§çç£æ§ã®é«ãèšèªã§ãã
ãã®Dartã«ãããFlutterã¯é«æ§èœãã€åå¿é床ã®æ©ãã¢ããªã±ãŒã·ã§ã³éçºãå®çŸããŠããŸãããŸããã³ãŒãã®åå©çšæ§ãé«ããéçºå¹çãäžãã圹å²ãæãããŠããŸãã
Dartã®äžè²«ãããªããžã§ã¯ãå¿åããã°ã©ãã³ã°ãšé«åºŠãªåã·ã¹ãã ã«ãããéçºè ã¯å®å šãã€é«éã«ã¢ããªã±ãŒã·ã§ã³ãéçºããããšãå¯èœãšãªããŸãã
2. Flutterã®åºæ¬çãªã¢ããªéçºæé
Flutterã¢ããªã®éçºã¯ãåºæ¬çã«4ã€ã®ã¹ãããã«åããããŸããããããã®ã¹ãããã«ãããæé ãšãã€ã³ãããã£ããç解ããŠãå¹ççãªéçºãç®æããŸãããã
ããã§ã¯ãåã¹ãããã«é²ãåã«ãå¿ èŠãªéçºç°å¢ã®æºåããå§ããŠãããŸãã
å ¥éè ã®æ¹ããã£ãããšç解ã§ããããã«ãåºæ¬ãã詳ãã説æããŠãããŸãã
2.1 éçºç°å¢ã®ã»ããã¢ãã
ãŸãã¯ãéçºç°å¢ã®ã»ããã¢ããããå§ããŸããFlutterã䜿çšããããã«ã¯ãFlutter SDKã®ã€ã³ã¹ããŒã«ãå¿ èŠã§ããå ¬åŒãµã€ãããããŠã³ããŒãããæå®ãããæé ã§ã€ã³ã¹ããŒã«ãè¡ããŸãããã
ãŸãããšãã£ã¿ãšããŠæãäžè¬çãªã®ã¯Visual Studio
Codeã§ãããã¡ããå
¬åŒãµã€ãããããŠã³ããŒãããç°å¢ã«ã€ã³ã¹ããŒã«ããŸãã
æåŸã«ãFlutterãã©ã°ã€ã³ãšDartãã©ã°ã€ã³ãVS
Codeã«è¿œå ããããšã§ãããããã®éçºãã¹ã ãŒãºã«é²ããããŸãã
2.2 ãããžã§ã¯ãã®äœæ
éçºç°å¢ãæŽã£ããã次ã¯ãããžã§ã¯ãã®äœæã«ç§»ããŸããæ°ãããããžã§ã¯ãã¯ãã³ãã³ã’flutter create
[ãããžã§ã¯ãå]’ãå®è¡ããäºã§äœæã§ããŸãã
äœæãããããžã§ã¯ãã®ãã£ã¬ã¯ããªã«ç§»å(‘cd [ãããžã§ã¯ãå]’)ããŠã’flutter
run’ã³ãã³ãã§ã¢ããªãåããŠèµ·åããŸãã
ããããŠäœæãããããžã§ã¯ãã¯ãæ°å€ãååšããFlutterã®ããã±ãŒãžãå©çšããŠæ©èœãè¿œå ããŠããããšãå¯èœã§ãã
2.3 ãŠã£ãžã§ããã®é 眮
Flutterã§ã¯ãå šãŠã®UIã¯ãŠã£ãžã§ãããšããèŠçŽ ãçµã¿åãããŠäœãããŸããåºæ¬çãªãŠã£ãžã§ãããšããŠã¯ãããã¹ãã®è¡šç€ºããã¿ã³ãªã©ãæã£ãŠãããããããçµã¿åãããäºã§è±å¯ãªUIãäœãããšãã§ããŸãã
ãŠã£ãžã§ããã®é 眮ã¯ãDartèšèªãçšããŠè¡ãããŸããåãŠã£ãžã§ããã¯ããããã£ãæã¡ããããå€æŽããããšã§æ¯ãèããèŠãç®ã調æŽããããšãã§ããŸãã
ããããã®ãŠã£ãžã§ãããæèçã«é 眮ãããŠãŒã¶ãŒã«ãšã£ãŠäœ¿ããããã¢ããªãäœã£ãŠãããŸãããã
2.4 åäœç¢ºèªãšãããã°
ã¢ããªã®å®è£
ãäžåºåãã€ãããããã£ãããšåäœç¢ºèªãšãããã°ãè¡ããŸããããFlutterã«ã¯Hot
Reloadãšãã匷åãªæ©èœãããããœãŒã¹ã³ãŒãã®å€æŽãå³æã«ã¢ããªã«åæ ãããäºãã§ããŸãã
ãŸãããšã©ãŒãçºçããå Žåãã³ã³ãœãŒã«ã«ãšã©ãŒå 容ã衚瀺ãããŸããããã«ããããšã©ãŒåå ã®ç¹å®ãšä¿®æ£ã容æã«ãªããŸãã
ã¢ããªéçºã«ãããŠã¯ãåäœç¢ºèªãšãããã°ã¯æ¬ ãããªãäœæ¥ã§ããååãªæéã確ä¿ããŠãäžå¯§ã«è¡ããŸãããã
3. Flutterã¢ããªéçºã®åºæ¬ããå®è·µãŸã§
ãã®ç« ã§ã¯Flutterã¢ããªéçºã®åºæ¬çãªã³ãŒãã£ã³ã°èŠçŽãããã©ã€ãã©ãªã®å©çšããã¹ãã³ãŒãã®äœæããã«ããšãããã€ã«è³ããŸã§ã®è©³ããæé ãšãã®ãã€ã³ãã説æããŸãã
3.1 Flutterã®ã³ãŒãã£ã³ã°èŠçŽ
ãŸãå§ãã«ãFlutterã®ã³ãŒãã£ã³ã°èŠçŽã«ã€ããŠèª¬æããŸããFlutterã®ã³ãŒãã£ã³ã°èŠçŽã¯ä»ã®ããã°ã©ã èšèªã®ã³ãŒãã£ã³ã°èŠçŽãšã¯ç°ãªããç¬èªã®ã«ãŒã«ãååšããŸãããããã®ã«ãŒã«ãç解ãé©çšããããšã§å質ã®è¯ãã³ãŒããå¹çè¯ãæžãããšãå¯èœãšãªããŸãã
Flutterã®ã³ãŒãã£ã³ã°èŠçŽã§ã¯ãç¹ã«ãå¯èªæ§ãã«éãã眮ãããšãæ±ããããŸãããã®ãããé©åãªåœåèŠåã®å®è·µãã³ãŒãã®æŽåœ¢æ¹æ³ãªã©ã«æ°ãé ãããšãéèŠã§ãã
ãŸããFlutterã®ã³ãŒãã£ã³ã°èŠçŽã¯å ¬åŒããã¥ã¡ã³ããŒã·ã§ã³ã§è©³ãã解説ãããŠããŸããæ°ãã«Flutteréçºãå§ããæ¹ã¯ãå¿ ããããã®ããã¥ã¡ã³ããŒã·ã§ã³ãèªãããã«ããŸãããã
3.2 ã©ã€ãã©ãªã®å©çšæ¹æ³
次ã«ãFlutterã§ã¯æ§ã ãªã©ã€ãã©ãªãå©çšããããšã§ãããå¹ççã«ã¢ããªéçºãè¡ãããšãã§ããŸãããããã®ã©ã€ãã©ãªã¯ããã±ãŒãžç®¡çã·ã¹ãã çµç±ã§ç°¡åã«å°å ¥ããããšãå¯èœã§ãã
ãŸããFlutterã®ã©ã€ãã©ãªã¯ãŠã£ãžã§ããã®ã«ã¹ã¿ãã€ãºãããŒã¿ã®ç®¡çãAPIãšã®éä¿¡ãç¶æ 管çãšãã£ããããŸããŸãªå±é¢ã§å©çšå¯èœã§ããããã«ããã³ãŒãã®ç°¡çŽ åãå¹çåãå®çŸã§ããŸãã
ããããã©ã€ãã©ãªã®äœ¿ãæ¹ã«èª€ãããããšãšã©ãŒãåŒãèµ·ãããããæ£ãã䜿ãæ¹ãåŠã¶ããšãéåžžã«éèŠã§ããæ£ãã䜿ãæ¹ã«ã€ããŠåŠã¶ããã«å ¬åŒã®ããã¥ã¡ã³ããŒã·ã§ã³ããåã©ã€ãã©ãªã®GitHubããŒãžãªã©ãåç §ããŸãããã
3.3 ãã¹ãã³ãŒãã®äœæ
ã¢ããªã±ãŒã·ã§ã³ã®å質ãä¿èšŒããäžã§æ¬ ãããªãã®ããã¹ãã³ãŒãã®äœæã§ããæ£ãããŠå®å šãªã³ãŒããä¿èšŒããããã«ã¯ããã¹ãã³ãŒããæžãããšãå¿ èŠäžå¯æ¬ ã§ãã
Flutterã§ã¯ããŠããããã¹ãããŠã£ãžã§ãããã¹ããçµ±åãã¹ãã®ïŒçš®é¡ã®ãã¹ãããµããŒãããŠããŸããåãã¹ãã¯ç®çãšåœ¹å²ãç°ãªããããããããã®éããç解ããé©åãªãã¹ããéžæããŸãããã
ç¹ã«ãŠã£ãžã§ãããã¹ãã¯Flutteréçºã«ãããŠæ¬ ãããŸããããã®ãã¹ãã¯UIãæ³å®éãã«åããã©ãããæ€èšŒããããã®ãã®ã§ããå¯èœãªéãç¶²çŸ çã«ãã¹ããè¡ããå質ã®é«ãã¢ããªã±ãŒã·ã§ã³ãéçºããŸãããã
3.4 ãã«ããšãããã€
æåŸã«ãéçºããFlutterã¢ããªã±ãŒã·ã§ã³ããªãªãŒã¹ããããã®ãã«ããšãããã€ã«ã€ããŠèª¬æããŸãããã®ã¹ãããã¯ãã¢ããªã±ãŒã·ã§ã³ããŠãŒã¶ãŒã®æå ã«å±ããããã®æçµçãªããã»ã¹ã§ãã
ãã«ãã¯ãéçºãããã³ãŒããå®è¡å¯èœãªã¢ããªã±ãŒã·ã§ã³åœ¢åŒã«å€æããäœæ¥ãæããŸããFlutterã§ã¯ãiOSãšAndroidã®äž¡æ¹åãã«ãã«ãããããšãå¯èœã§ãã
äžæ¹ããããã€ã¯ããã«ãããã¢ããªã±ãŒã·ã§ã³ããŠãŒã¶ãŒãå©çšã§ããããã«é
åžããäœæ¥ã§ããã¢ããã«ã®App
StoreãGoogleã®Play
Storeãªã©ãé©åãªãã©ãããã©ãŒã ã«ãããã€ããããšãå¿
èŠã§ãã
4. ãªã¢ã«ã¿ã€ã ã¢ããªã±ãŒã·ã§ã³ã®éçº
ãã®ç« ã§ã¯ãFlutterãçšãããªã¢ã«ã¿ã€ã ã¢ããªã±ãŒã·ã§ã³ã®éçºã«ã€ããŠè§£èª¬ããŸãããªã¢ã«ã¿ã€ã ããŒã¿ã®åãæ±ããFirebaseãšã®é£æºæ¹æ³ãã¹ããªãŒã ã®æŽ»çšãã¢ããªã±ãŒã·ã§ã³ã®ããã©ãŒãã³ã¹åäžãšãã£ãé ç®ã解説ããŠãããŸãã
4.1 ãªã¢ã«ã¿ã€ã ããŒã¿ã®åãæ±ã
Flutterã§ã®ãªã¢ã«ã¿ã€ã ããŒã¿ã®åãæ±ãã¯éåžžã«éèŠã§ãããŠãŒã¶ãŒã®æ å ±ãã¡ãã»ãŒãžããªã¢ã«ã¿ã€ã ã§æŽæ°ã衚瀺ããããã®æ¹æ³ãåŠã³ãŸãããã
ãªã¢ã«ã¿ã€ã ããŒã¿ã®åãæ±ãã«ã¯ãå€ãã®APIãããã±ãŒãžãå©çšã§ããŸãããããã®æé ã䜿çšäŸã«ã€ããŠè©³ãã解説ããŸãã
ãããã®ç¥èã¯Flutterã§ã®ã¢ããªéçºã«ãããŠéåžžã«æçšãªãã®ãšãªããããè¯ããŠãŒã¶äœéšãæäŸããããã«å¿ èŠãªç¥èã§ãã
4.2 Firebaseãšã®é£æº
Flutterã䜿çšããã¢ããªéçºã«ãããŠãFirebaseãšã®é£æºã¯å¿ é ãšãã£ãŠãéèšã§ã¯ãããŸãããFirebaseã䜿çšããããšã§ãªã¢ã«ã¿ã€ã ããŒã¿ã®åãæ±ããèªèšŒãããŒã¿ã®ä¿åãšãã£ãå€ãã®æ©èœã容æã«å®çŸããããšãã§ããŸãã
FirebaseãšFlutterãé£æºãããæé ããŸãFirebaseã®åæ©èœã®äœ¿çšæ¹æ³ã«ã€ããŠè§£èª¬ããŸããããã«ãããããé«æ©èœãªã¢ããªãäœæããããšãå¯èœãšãªããŸãã
ããã«ãFirebaseãšãã匷åãªããŒã«ã䜿ãããªãããšã§ãããŒã¿ç®¡çã®å¹çåããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ã®åäžãéçºæéã®ççž®ãšãã£ãå€å€§ãªã¡ãªããããããŸãã
4.3 ã¹ããªãŒã ã®æŽ»çš
ãªã¢ã«ã¿ã€ã ã¢ããªã±ãŒã·ã§ã³ã®éçºã«ãããŠãããŒã¿ãã¹ããªãŒã ãšããŠæ±ãããšã¯éåžžã«æçšãªã¹ãã«ã§ããã¹ããªãŒã ã掻çšããããšã§ããªã¢ã«ã¿ã€ã ã§ããŒã¿ãååŸãæŽæ°ããããšãå¯èœãšãªããŸãã
ã¹ããªãŒã ã®åºæ¬çãªæŠå¿µã䜿çšäŸããããŠFlutterã§ã®ã¹ããªãŒã ã®å©çšæ¹æ³ã«ã€ããŠè©³ãã解説ããŸãã
ãããã®ç¥èããã£ãããšèº«ã«ã€ããããšã§ããªã¢ã«ã¿ã€ã ã«åæ ãããããŒã¿ãããŒãå®çŸããããšãå¯èœãšãªããŸãã
4.4 ã¢ããªã±ãŒã·ã§ã³ã®ããã©ãŒãã³ã¹åäž
ã¢ããªã±ãŒã·ã§ã³ã®ããã©ãŒãã³ã¹åäžã¯ãè¯ããŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹ãæäŸããããã«ã¯æ¬ ãããªãéšåã§ãã
ããã§ã¯ãFlutterã§ã®ããã©ãŒãã³ã¹ã®ãã¥ãŒãã³ã°æ¹æ³ããããã©ãŒãã³ã¹ãåäžãããããã®ãã¯ããã¯ã玹ä»ããŸããããã«ãããããã¹ã ãŒãºã§å¿«é©ãªã¢ããªã±ãŒã·ã§ã³ãéçºããããšãã§ããŸãã
ãŸããããã©ãŒãã³ã¹ãã¥ãŒãã³ã°ã¯ãã¢ããªã®è©äŸ¡ãäžãããŠãŒã¶ãŒãªãã³ã·ã§ã³ãåäžãããå¿ é ã®ã¹ãã«ã§ããããŸãã
5. å®è·µïŒå ·äœçãªãã«ã¢ããªéçºã®æé
ããã§ã¯ãäžããFlutterã¢ããªãéçºããããã®å ·äœçãªæé ã解説ããŸãããããã®æé ãèžãããšã§ãå¹çããããã€å質ã®é«ãã¢ããªãéçºããããšãå¯èœãšãªããŸãã
5.1 ã¢ããªã®èšèš
æåã«è¡ãã¹ãã¯ã¢ããªã®èšèšã§ããããã§ã¯ãã¢ããªã®ç®çãå©çšè ã®ããŒãºãããã«å¯Ÿãããœãªã¥ãŒã·ã§ã³ãå®çŸ©ããŸãããã®æ®µéã§ã¯ã¢ã€ãã¢ãå ·çŸåãããããã©ã®ããã«å®çŸãããã詳现ã«èæ ®ããŸããè¯ãèšèšã¯å質ã®è¯ãã¢ããªãçã¿åºããŸãã
ã¢ããªã®èšèšã§ã¯æ©èœèŠä»¶ãšéæ©èœèŠä»¶ã®ç¹å®ãéèŠãšãªããŸããæ©èœèŠä»¶ã¯ã¢ããªãã©ã®ããã«åäœããã¹ãããéæ©èœèŠä»¶ã¯ãœãããŠã§ã¢ã®å質ãããã©ãŒãã³ã¹ãã»ãã¥ãªãã£çã«ã€ããŠå®çŸ©ãããã®ã§ãã
ãšãŠãå æ¬çãªäœæ¥ãªããããã£ãããšæéããããã®åŸã®å·¥çšãžã®åœ±é¿ãæå°éã«æããããèšç»ããŸãããã
5.2 UI/UXã®èšèš
次ã«ãUI/UXã®èšèšãè¡ããŸããUIïŒUser
InterfaceïŒã¯å©çšè
ãã¢ããªãšã€ã³ã¿ã©ã¯ã·ã§ã³ããããã®ã€ã³ã¿ãŒãã§ãŒã¹ãæããUX(User
Experience)ã¯ãŠãŒã¶ãŒãã¢ããªã䜿çšããéã®äœéšãæããŸãã䜿ãããããšèŠèŠçãªé
åã¯ã¢ããªã®æåã倧ããå·Šå³ããŸãã
UI/UXã®èšèšã«ã¯ã¯ã€ã€ãŒãã¬ãŒã ããããã¿ã€ããäœæããäœæ¥ãå«ãŸããŸããããã«ãããå ·äœçãªç»é¢é·ç§»ããã¶ã€ã³ãèŠèŠåããæ¹åç®æãç¹å®ããŸãã
UI/UXã®èšèšãè¡ãéããŠãŒã¶ãŒã®èŠç¹ã§èããããšã倧åã§ããã¢ããªããŠãŒã¶ãŒãã¬ã³ããªãŒã§ããã°ããŠãŒã¶ãŒã¯ã¢ããªã®äœ¿çšãç¶ãããããªããŸãã
5.3 ããŒã¿ããŒã¹ã®èšèš
ã¢ããªã«å¿ èŠãªããŒã¿ã管çããããã«ã¯ãããŒã¿ããŒã¹ã®èšèšãéèŠã§ããè¯ãããŒã¿ããŒã¹èšèšã¯ããŒã¿ç®¡çã®èœçãäžããã·ã¹ãã ããã©ãŒãã³ã¹ãæ¹åããŸãã
ããŒã¿ããŒã¹èšèšã§ã¯ãæ ŒçŽããããŒã¿ã®çš®é¡ãé¢é£æ§ãããŒã¿ã®æµããªã©ãèæ ®ããŸãããŸããã»ãã¥ãªãã£é¢ãå¿ããã«èæ ®ããããšãéèŠã§ãã
äžè²«æ§ãšå¹çæ§ãä¿ã€ããšãããŒã¿ããŒã¹èšèšã®éèŠãªãã€ã³ãã§ããé©åãªããŒã¿ããŒã¹èšèšãè¡ãããšã§ãã¢ããªå šäœã®ããã©ãŒãã³ã¹ãšå©äŸ¿æ§ãåäžãããããšãã§ããŸãã
5.4 ã¢ããªã®ãŠãŒã¶ãŒãã¹ããšãã£ãŒãããã¯
éçºãäžæ®µèœãããããŠãŒã¶ãŒãã¹ããè¡ããã£ãŒãããã¯ãåãããšãéèŠã§ãããã®æ®µéã§ãŠãŒã¶ãŒããã®ãªã¢ã«ãªæèŠãåŸãããšã§ãã¢ããªã®çã®äŸ¡å€ãç¥ãããšãã§ããŸãã
ãã¹ããŠãŒã¶ãŒã䜿ã£ãŠæ£åžžãªåäœã確èªããã ãã§ãªããUXã®åé¡ç¹ãæå³ããªãåäœãèŠã€ãåºãããšãã§ããŸããããã«ããŠãŒã¶ãŒãã¹ãã¯ãã°ã®çºèŠã«ãéèŠã§ãã
åéãããã£ãŒãããã¯ãå ã«æ¹åãè¡ããå床ãã¹ããè¡ããšãããµã€ã¯ã«ãç¹°ãè¿ãããšã§ããŠãŒã¶ãŒäœéšãåäžãããããšãã§ããŸãã
6. ã¢ããªå ¬éãŸã§ã®ãã§ãã¯ãã€ã³ã
Flutterã䜿çšããã¢ããªéçºã§ã¯ãå ¬éãŸã§ã®ãã§ãã¯ãã€ã³ããéåžžã«éèŠã§ããæçµçãªå質ã確ä¿ãããããããããã®ãã§ãã¯ãã€ã³ããäžå¯§ã«æ€èšŒããŸãããã
ã¢ããªã®ã»ãã¥ãªãã£ãããã©ãŒãã³ã¹ãUI/UXããããŠå ¬éåã®æçµç¢ºèªã«ã€ããŠããããã詳述ããŠãããŸãã
ãããã®èŠçŽ ã«ã€ããŠææ¡ããã¢ããªãæ¹åããŠããããšã§ããå€ãã®ãŠãŒã¶ãŒãã奜è©ãåŸãããšãã§ããŸãã
6.1 ã¢ããªã®ã»ãã¥ãªãã£ãã§ãã¯
ãŸãæåã«éèŠãªã®ãã¢ããªã®ã»ãã¥ãªãã£ãã§ãã¯ã§ããå人æ å ±ãæ±ãã¢ããªã§ã¯ç¹ã«ããŠãŒã¶ãŒã®å®å šãå®ãããã«ãã»ãã¥ãªãã£ãã§ãã¯ã¯æ¬ ãããŸããã
ããã§ã¯ããã¹ã¯ãŒãã®æå·åããäžæ£ã¢ã¯ã»ã¹ãžã®å¯Ÿçãªã©ã培åºããããšãæ±ããããŸããå®å šãªã¢ããªã¯ãŠãŒã¶ãŒã®ä¿¡é ŒãåŸãããšãã§ããŸãã
ããã»ãã¥ãªãã£é¢ã§åé¡ãããå Žåãå ¬éåã«å¿ ãä¿®æ£ããŠãããŸãããã
6.2 ããã©ãŒãã³ã¹ãã§ãã¯
次ã«ããã©ãŒãã³ã¹ãã§ãã¯ã«ã€ããŠã§ããã¢ããªãã¹ã ãŒãºã«åäœãããããŸãè² è·ããããæã®åäœã確èªãå¿ èŠã§ãã
ç¹ã«åŠçé床ãã¡ã¢ãªäœ¿çšéãªã©ã¯ããŠãŒã¶ãŒãã¢ããªã䜿çšããäžã§ã®äœæé床ã«çŽçµããŸãã
ããã©ãŒãã³ã¹ãäœããšãŠãŒã¶ãŒäœéšãæªããªããããé©åãªæé©åãè¡ãããšãéèŠã§ãã
6.3 UI/UXã®ãã§ãã¯
UI/UXã®ãã§ãã¯ããŸãéèŠãªãã§ãã¯ãã€ã³ãã«ãªããŸãã䜿ããããããã¶ã€ã³æ§ã¯ãŠãŒã¶ãŒããã®è©äŸ¡ã«çŽæ¥åœ±é¿ããŸãã
ãŠãŒã¶ãŒã€ã³ã¿ãŒãã§ãŒã¹(UI)ãšãŠãŒã¶ãŒãšã¯ã¹ããªãšã³ã¹(UX)ã¯ããŠãŒã¶ãŒãã¢ããªãã©ã®çšåºŠæ¥œãã䜿ããããå·Šå³ããŸãã
æäœãçŽèŠ³çã§ããã€èŠãç®ãè¯ãã¢ããªã¯ãå€ãã®äººã«ãšã£ãŠé åçã«æ ãã§ãããã
6.4 å ¬éåã®æçµç¢ºèª
æåŸã«è¡ãã¹ãã¯å ¬éåã®æçµç¢ºèªã§ããããã§ã¯ãäžèšã®ãã¹ãŠã®ãã§ãã¯ãã€ã³ããå床確èªããåé¡ãç¡ãããæçµçã«ãã§ãã¯ããŸãã
ç¹ã«å ¬éåŸã«èŠã€ããåé¡ã¯ãŠãŒã¶ãŒã®ä¿¡é Œãèœãšãåå ã«ããªãåŸãŸãã®ã§ããªãªãŒã¹åã®çŽ°éšã«ããã確èªã¯å¿ é ã§ãã
ãããã®ç¢ºèªãã§ããäžã§åããŠãå®å¿ããŠã¢ããªãå ¬éããããšãã§ããã®ã§ãã