Vue.js ã¯ããŠãŒã¶ãŒ ã€ã³ã¿ãŒãã§ã€ã¹ãã·ã³ã°ã«ããŒãž ã¢ããªã±ãŒã·ã§ã³ã®æ§ç¯ã«äœ¿çšããã人æ°ã®ãªãŒãã³ãœãŒã¹ JavaScript ãã¬ãŒã ã¯ãŒã¯ã§ãããçŸä»£ã® Web éçºç°å¢ã«ãããŠäžå¯æ¬ ãªããŒã«ãšãªã£ãŠããŸãã Vue.js 㯠Evan You ã«ãã£ãŠäœæãããããä»¥æ¥æŽ»çºãªéçºè ã³ãã¥ããã£ã«æé·ãã宿çãªæŽæ°ãšæ©èœåŒ·åã«ãããWeb ãµã€ãéçºè ã®éã§äººæ°ã®éžæè¢ãšãªã£ãŠããŸãã
Vue.js ã®äž»ãªåŒ·ã¿ã® 1 ã€ã¯ãéçºè ãããââãžã§ã¯ãã®èŠä»¶ã«å¿ã㊠Vue.js ã®æ©èœãåŸã ã«æ¡çšã§ãã鲿©çãªæ§è³ªã§ããã³ã¢ ã©ã€ãã©ãªã¯ãã¥ãŒ ã¬ã€ã€ãŒã®ã¿ã«çŠç¹ãåœãŠãŠãããããVue.js ãä»ã®ã©ã€ãã©ãªãæ¢åã®ãããžã§ã¯ããšç°¡åã«çµ±åã§ããŸãããã®æè»æ§ãšäœ¿ããããã«ãããããŸããŸãªæ¥çã«ããã Vue.js ã®æ¡çšãšäœ¿çšãæ¥éã«æé·ããŸããã
Vue.js ã¯ã³ã³ããŒãã³ãããŒã¹ã®ã¢ãŒããã¯ãã£ã«åŸã£ãŠãããéçºè ã¯ããŒã¿ãšãã¬ãŒã³ããŒã·ã§ã³ ããžãã¯ãã«ãã»ã«åããåå©çšå¯èœãªã³ã³ããŒãã³ããç°¡åã«äœæã§ããŸãã Vue.js ã®ã³ã³ããŒãã³ãã¯ãã¢ããªã±ãŒã·ã§ã³ã®ä»ã®éšåã«åœ±é¿ãäžããããšãªããåã³ã³ããŒãã³ããåå¥ã«ãã¹ãããã³å€æŽã§ãããããã¢ãžã¥ãŒã«æ§ãšä¿å®æ§ãä¿é²ããŸããããã«ãVue.js ã¯ãVuex ãªã©ã®äžè¬çãªç¶æ 管çãœãªã¥ãŒã·ã§ã³ãšã®ã·ãŒã ã¬ã¹ãªçµ±åãæäŸããéçºè ãã¹ã±ãŒã©ãã«ã§ä¿å®å¯èœãªæ¹æ³ã§ã¢ããªã±ãŒã·ã§ã³ã®ç¶æ ã管çã§ããããã«ããŸãã
Vue.js ã®ãã 1 ã€ã®å©ç¹ã¯ãæå°éçºãã«ã ãµã€ãºãããã 20 KB ã§ããè»œéæ§ã§ãããã®å°ããªãããããªã³ãã«ãããããŒãžã®èªã¿èŸŒã¿æéãççž®ãããããã©ãŒãã³ã¹ãåäžããŸããããã¯ãç¹ã«ã¢ãã€ã« ããã€ã¹ã®äœ¿çšç¶æ³ããããã¯ãŒã¯æ¥ç¶ãé ãç¶æ³ã§ã¯ã仿¥ã® Web ã¢ããªã±ãŒã·ã§ã³ã«ãšã£ãŠéåžžã«éèŠã§ããé å»¶èªã¿èŸŒã¿ãéåæã¬ã³ããªã³ã°ãªã©ã®ããã©ãŒãã³ã¹ã®æé©åããVue.js ãããã«æäŸã§ããåªããããã©ãŒãã³ã¹ã«è²¢ç®ããŸãã
Vue.js ã䜿çšããéçºè ã¯ãããæ§é åãããããã¥ã¡ã³ããæŽ»çºãªã³ãã¥ãã㣠ãµããŒããè±å¯ãªåŠç¿ãªãœãŒã¹ã®ãããã§ããã¬ã³ããªãŒã§èŠªãã¿ãããåŠç¿æ²ç·ã®æ©æµãåããããšãã§ããŸãã Vue.js ã¯ãVue.js DevTools ã Vue CLI ãªã©ã®åŒ·åãªéçºããŒã«ã®ã»ãããæäŸããŠãããéçºè ãéçºããã»ã¹äžã«ã¢ããªã±ãŒã·ã§ã³ããããã°ããã¹ããæé©åããã®ã«åœ¹ç«ã¡ãŸããããã«ãã«ã¹ã¿ã ãã£ã¬ã¯ãã£ããããã¯ã¹ã€ã³ãã¹ã³ãŒãä»ã CSS ãªã©ã®æ©èœã«ãããéçºè ã¯ç¹å®ã®ããŒãºã«åãã㊠Vue.js ã®æ©èœãããã«æ¡åŒµã§ããŸãã
ãšã³ã·ã¹ãã ã®èгç¹ããèŠããšãVue.js ã¯ãWeb éçºã®ããŸããŸãªåŽé¢ãç°¡çŽ åããããã«èšèšãããå¹ åºãã©ã€ãã©ãªãšãã©ã°ã€ã³ãæäŸããŸãã人æ°ã®ãã Vue.js ãšã³ã·ã¹ãã ããŒã«ãšã©ã€ãã©ãªã«ã¯ãVue Router (ã«ãŒãã£ã³ã°çš)ãVuex (ç¶æ 管ççš)ãVue Test Utils (ãã¹ãçš)ãNuxt.js (ãµãŒã㌠ã¬ã³ããªã³ã° ã¢ããªçš) ãªã©ããããŸãã
AppMasterã§ã¯ãVue.js ã®åãå©çšããããšã¯ãWeb ã¢ããªã±ãŒã·ã§ã³éçºã«ããã驿°çãªæ±ºæã§ãããåœç€Ÿã®drag-and-dropã€ã³ã¿ãŒãã§ã€ã¹ãš Web BP ãã¶ã€ããŒã䜿çšãããšã顧客㯠Vue.js ãæäŸããæ©èœãšå©ç¹ã掻çšããŠãå®å šã«ã€ã³ã¿ã©ã¯ãã£ã㪠Web ã¢ããªã±ãŒã·ã§ã³ãç°¡åã«äœæã§ããŸãã顧客ãã¢ããªã±ãŒã·ã§ã³ãå ¬éãããšã AppMaster Vue3 ãã¬ãŒã ã¯ãŒã¯ãš JS/TS ã䜿çšããŠæŽæ°ããããœãŒã¹ ã³ãŒããèªåçã«çæããé¡§å®¢ãææ°ãã€æé«ã® Web ã¢ããªã±ãŒã·ã§ã³ ãã¯ãããžã確å®ã«å©çšã§ããããã«ããŸãã
èŠçŽãããšãVue.js ã¯ããã®äœ¿ãããããæè»æ§ãããã©ãŒãã³ã¹æé©åæ©èœã«ãããWeb ãµã€ãéçºã®åéã§äž»èŠãª JavaScript ãã¬ãŒã ã¯ãŒã¯ãšããŠã®å°äœã確ç«ããŸããã Vue.js ã®é²æ©çãªæ§è³ªã«ãããéçºè ã¯å¿ èŠã«å¿ããŠãã®æ©èœãåŸã ã«æ¡çšããããšãã§ããã³ã³ããŒãã³ãããŒã¹ã®ã¢ãŒããã¯ãã£ã«ããã¢ãžã¥ãŒã«æ§ãšä¿å®æ§ãä¿é²ãããŸãã AppMasterãš Vue.js ã®çµ±åãšããã®no-codeãã©ãããã©ãŒã ããã³ããžã¥ã¢ã« ããŒã«ãçµã¿åãããããšã§ã顧客㯠Vue.js ãæäŸãããã¹ãŠã®å©ç¹ã掻çšãã Web ã¢ããªã±ãŒã·ã§ã³ãè¿ éãã€å¹ççã«æ§ç¯ã§ããããã«ãªããŸããã©ã€ãã©ãªãããŒã«ãã³ãã¥ãã㣠ãµããŒãã®å ç¢ãªãšã³ã·ã¹ãã ã«ãããVue.js ã¯æé·ãç¶ããWeb éçºã®çµ¶ãéãªãå€åããç¶æ³ã«é©å¿ããWeb ã¢ããªã±ãŒã·ã§ã³éçºã®äž»èŠãªãã¬ãŒã€ãŒãšããŠã®å°äœãåºããŠããŸãã