ãŠãŒã¶ãŒ ã€ã³ã¿ãŒãã§ã€ã¹ (UI) èŠçŽ ã®ã³ã³ããã¹ãã«ãããã¹ã¯ããŒã« ãã¥ãŒã¯ãã³ã³ãã³ãå šäœã 1 ã€ã®ç»é¢ã«ããŒãããããšãªãããŠãŒã¶ãŒã倧éã®ã³ã³ãã³ããã·ãŒã ã¬ã¹ã«ç§»åã§ããããã«ããéèŠãª UI ã³ã³ããŒãã³ãã§ããããã«ãããå€ãã®å Žåã«ããŒãžããŒã·ã§ã³ã®å¿ èŠæ§ããªããªããéãããç»é¢é åã§å€§éã®ã³ã³ãã³ããæ¶è²»ããã³ç®¡çããããã®äŸ¿å©ãªã¡ã«ããºã ããŠãŒã¶ãŒã«æäŸãããŸãã
åºç¯ãªèª¿æ»ãšäœ¿çšçµ±èšã«ãããScroll View ã³ã³ããŒãã³ãã¯åºãèªç¥ãããå¹ åºãã¢ããªã±ãŒã·ã§ã³ãç¹ã«ç»é¢ã®å¢çãè¶ããŠããŒã¿ããªã¹ããã°ãªããããŸãã¯ããã«ã§è¡šç€ºãããã·ããªãªã§äœ¿çšãããŠããŸããã¹ã¯ããŒã« ãã¥ãŒã®æŠå¿µã¯ãã°ã©ãã£ã«ã« ãŠãŒã¶ãŒ ã€ã³ã¿ãŒãã§ã€ã¹ (GUI) ã®åæãããœãããŠã§ã¢éçºç°å¢ã«ååšããŠãããæ°ããããã€ã¹ãç»é¢ãã©ãŒã ãã¡ã¯ã¿ãŒã«å¯Ÿå¿ããããã«ãã¯ãããžãŒã®é²æ©ãšãšãã«é²åããŠããŸããã
Scroll View UI ã³ã³ããŒãã³ãã®å®è£ ã§ã¯ãWeb ããŒã¹ããã€ãã£ã ã¢ãã€ã«éçºãã«ãããããã䜿çšãããŠããç¹å®ã®ãã©ãããã©ãŒã ãšãã¯ãããž ã¹ã¿ãã¯ãèæ ®ãããŸãã Web ããŒã¹ã®ã¢ããªã±ãŒã·ã§ã³ã§ã¯ãäžå¿«ãªãŠãŒã¶ãŒ ãšã¯ã¹ããªãšã³ã¹ãé²ãããã«ãäžè²«ããã¹ã¯ããŒã«åäœãšã¹ã ãŒãºãªå¯Ÿè©±ãéèŠã§ãã Android ã iOS ãªã©ã®ãã©ãããã©ãŒã ã§å®è¡ããããã€ãã£ã ã¢ãã€ã« ã¢ããªã±ãŒã·ã§ã³ã®å Žåãã¿ãã ã€ã³ã¿ãŒãã§ã€ã¹ãæ £æ§ã¹ã¯ããŒã«ãããŠã³ã¹ããã¯å¹æãèæ ®ãããŸãã
AppMasterno-codeãã©ãããã©ãŒã ã®äžå¿ãšãªã Scroll View UI ã³ã³ããŒãã³ãã¯ã顧客ãã³ãŒãã£ã³ã°ã®å°éç¥èãå¿ èŠãšããã«ããªããã§çŽæçã§èŠèŠçã«çŸããã¢ããªã±ãŒã·ã§ã³ãäœæã§ããããã«æäŸãããŠããŸããå°éçã«èšèšããããã³ãã¬ãŒããšã«ã¹ã¿ãã€ãºå¯èœãªã³ã³ããŒãã³ããæŽ»çšããããšã§ããŠãŒã¶ãŒã¯drag-and-dropã€ã³ã¿ãŒãã§ã€ã¹ã䜿çšããŠåžæã®ã¬ã€ã¢ãŠãããã°ããäœæããã³ã³ãã³ããæé©ã«è¡šç€ºããããã«å¿ èŠã«å¿ã㊠Scroll View èŠçŽ ãå°å ¥ã§ããŸãã
AppMasterãã©ãããã©ãŒã ã®ãŠãŒã¶ãŒã¯ãç¬èªã®èŠä»¶ã«åãã㊠Scroll View ã³ã³ããŒãã³ããã«ã¹ã¿ãã€ãºããããã®åºç¯ãªæ©èœã«ã¢ã¯ã»ã¹ã§ããŸãããããã®æ©èœã«ã¯ãã¹ã¯ããŒã«æ¹åãã¹ã¯ããŒã« ããŒãã¹ã¯ããŒã«é床ãªã©ã®ãã©ã¡ãŒã¿ãŒã埮調æŽããæ©èœãå«ãŸããŠãããã€ã³ã¿ãŒãã§ã€ã¹å ã®ä»ã® UI ã³ã³ããŒãã³ããšã®ã·ãŒã ã¬ã¹ãªçµ±åãå¯èœã«ãªããŸãã
ããã«ã AppMaster ããŠãŒã¶ãŒã®ãã£ãŒãããã¯ãšæ¥çã®ãã¹ã ãã©ã¯ãã£ã¹ã«åºã¥ããŠãScroll View ã³ã³ããŒãã³ãã®æŽæ°ãšæ©èœåŒ·åãç¶ç¶çã«æäŸããŸããããã«ããã AppMasterãã©ãããã©ãŒã ã䜿çšããŠæ§ç¯ãããã¢ããªã¯ãèŠèŠçããã³æ©èœçã«ææ°ã®ã¢ããªãšåçã®ç¶æ ãä¿ã€ããšãã§ããŸããããã«ãçæãããã¢ããªã±ãŒã·ã§ã³ã¯ãWeb ã¢ããªã±ãŒã·ã§ã³ã®å Žå㯠Vue3 (JS/TS ãè§£é)ãAndroid ã®å Žåã¯Jetpack Composeãåãã Kotlinãã¢ãã€ã« ã¢ããªã±ãŒã·ã§ã³ã®å Žå㯠iOS ã®å Žåã¯SwiftUIãªã©ãææ°ã®ãã¬ãŒã ã¯ãŒã¯ã«åºã¥ããŠæ§ç¯ãããŸãã
AppMasterãã©ãããã©ãŒã å ã§ Scroll View ã³ã³ããŒãã³ãã䜿çšãããã 1 ã€ã®éèŠãªå©ç¹ã¯ãããŸããŸãªãã©ãŒã ãã¡ã¯ã¿ãŒãè§£å床ã«ã·ãŒã ã¬ã¹ã«é©å¿ã§ããããšã§ããããã¯ãããã€ã¹ã®åããç»é¢ãµã€ãºããŸãã¯è¡šç€ºå¯åºŠã®å€åã«å¿ã㊠UI ãèªåçã«èª¿æŽãããå©çšå¯èœãªç»é¢é åã«é¢ä¿ãªãããŠãŒã¶ãŒ ãšã¯ã¹ããªãšã³ã¹ãäžè²«æ§ãšæµåæ§ãç¶æã§ããããšãæå³ããŸãã
ããã³ããšã³ãã®åŽé¢ã«å ããŠã AppMasterãã©ãããã©ãŒã ã¯ãScroll View UI ã³ã³ããŒãã³ããåºç€ãšãªãããã¯ãšã³ã ã·ã¹ãã ããã³ããŒã¿ ã¢ãã«ãšé©åã«çµ±åãããŠããããšãä¿èšŒããŸããããã¯ãèŠèŠçã«èšèšãããããŒã¿ ã¢ãã« (ããŒã¿ããŒã¹ ã¹ããŒã)ãããžãã¹ ããžãã¯ã®äœæãREST APIãããã³ WebSocket Secure (WSS) endpointsãéããŠè¡ããããã¹ãŠæåã§ã³ãŒãã£ã³ã°ããå¿ èŠã¯ãããŸããããã®ã¢ãããŒãã«ããããšã³ã¿ãŒãã©ã€ãºãé«è² è·ã®ãŠãŒã¹ã±ãŒã¹ã«ãšã£ãŠéèŠãªãã¹ã ãŒãºãªããã©ãŒãã³ã¹ãšã¹ã±ãŒã©ãã«ãªã¢ãŒããã¯ãã£ãä¿èšŒãããŸãã
ããã«ããã®ãã©ãããã©ãŒã ã¯ããµãŒããŒendpointsçšã® Swagger (Open API) ãããŒã¿ããŒã¹ ã¹ããŒãç§»è¡ã¹ã¯ãªãããªã©ã®ããã¥ã¡ã³ãã®èªåçæãæäŸããã¢ããªã±ãŒã·ã§ã³ãææ°ã®ç¶æ ã«ä¿ã¡ããã«ãŒããªã³ãã«å ãããã倿Žãå®å šã«ææžåããŸãã
èŠçŽãããšãScroll View UI ã³ã³ããŒãã³ãã¯ææ°ã®ã¢ããªã±ãŒã·ã§ã³èšèšã®éèŠãªåŽé¢ã§ãããéãããç»é¢é åã§å€§éã®ã³ã³ãã³ããããã²ãŒãããããã®çŽæçã§ã·ãŒã ã¬ã¹ãªã¡ã«ããºã ããŠãŒã¶ãŒã«æäŸããŸãã AppMasterno-codeãã©ãããã©ãŒã ã䜿çšãããšãScroll View èŠçŽ ã®å®è£ ãç°¡åã§èŠèŠçã«é åçã§ããã ãã§ãªããããŸããŸãªãã©ãŒã ãã¡ã¯ã¿ãŒãè§£å床ã«å¯Ÿå¿ããå ç¢ã§ã¹ã±ãŒã©ãã«ãªã¢ãŒããã¯ãã£ãä¿èšŒãããŸãããããã£ãŠãäŒæ¥ãéçºè ãåæ§ã«ãæéããéãåŽåãç¯çŽããªããã倿§ãªãŠãŒã¹ã±ãŒã¹ã«å¯Ÿå¿ããææ°ã®é«æ§èœã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ã§ããŸãã