Angular ã¯ã䞻㫠Google ã«ãã£ãŠä¿å®ããã³éçºãããŠããããªãŒãã³ãœãŒã¹ã§åçãã€æ¡åŒµå¯èœãªããã³ããšã³ã Web ã¢ããªã±ãŒã·ã§ã³ ãã¬ãŒã ã¯ãŒã¯ã§ãã Web éçºæ¥çã§ã¯ãå ç¢ã§å¹ççã髿§èœã®ã·ã³ã°ã«ããŒãž ã¢ããªã±ãŒã·ã§ã³ (SPA) ãäœæããããã«åºã䜿çšãããŠããŸãã Angular ã¯ãJavaScript ã®éçã«åæå®ãããã¹ãŒããŒã»ããã§ãã TypeScript ã«åºã¥ããŠæ§ç¯ãããŠãããå³å¯ãªåãã§ãã¯ãšã³ãŒãå質ã®åäžãä¿èšŒãããŸãã Angular ã«ã¯ã匷åãªãã³ãã¬ãŒãé§åæ§æã宣èšåããã°ã©ãã³ã°ãåæ¹åãã€ã³ãã£ã³ã°ãçµã¿èŸŒãŸããŠãããè€éã§åå¿æ§ã®é«ããŠãŒã¶ãŒ ã€ã³ã¿ãŒãã§ã€ã¹ãäœæããŸãã
Angular ã¯ã2010 幎㫠AngularJS ãšããŠåããŠå°å ¥ãããŸããããã®ãã¬ãŒã ã¯ãŒã¯ã¯ãä»ã®ããŒã«ãã©ã€ãã©ãªãšã®ç°¡åãªçµ±åãåºç¯ãªçµã¿èŸŒã¿æ©èœãåªããã³ãã¥ãã㣠ãµããŒãã«ããã倧ããªäººæ°ãåããŸãããããããæéã®çµéãšãšãã«ãAngularJS ã«ã¯ããã©ãŒãã³ã¹ãšæé©åã«é倧ãªå¶éãããããšãæããã«ãªããŸããããã®çµæãGoogle ã¯ãã¬ãŒã ã¯ãŒã¯ãå®å šã«å·æ°ããããšã決å®ãã2016 幎 9 æã« Angular 2+ ããªãªãŒã¹ããŸãããAngular 2+ 㯠AngularJS ãå®å šã«æžãçŽããåæã®æ¬ é¥ã®å€ãã«å¯ŸåŠããåºç¯ãªæ¹åãå°å ¥ããŸããã宿çãªæŽæ°ã«ãããAngular ã¯ãã以æ¥ãå€§èŠæš¡ãªãšã³ã¿ãŒãã©ã€ãº ã¬ãã«ã®ã¢ããªã±ãŒã·ã§ã³ã«ãšã£ãŠæåãªéžæè¢ãšãªã£ãŠããŸãã
Angular ã®éèŠãªå©ç¹ã® 1 ã€ã¯ããã®åªããäŸåæ§æ³šå ¥ (DI) ã·ã¹ãã ã«ãããŸããããŸããŸãªã³ã³ããŒãã³ããåé¢ãããçµ±åãšåå©çšæ§ãåäžããæçµçã«ãã¹ãå®¹ææ§ãšä¿å®æ§ã®åäžã«ã€ãªãããŸããããã«ãAngular 㯠RxJS (Reactive Extensions for JavaScript) ãæŽ»çšããŠããªã¢ã¯ãã£ã ããã°ã©ãã³ã° ãã¿ãŒã³ãæ¡çšããŸããããã«ãããAngular ã¢ããªã±ãŒã·ã§ã³ã¯ãå¿çæ§ã®é«ã髿§èœ SPA ãæ§ç¯ããããã«éèŠãªãéåæã€ãã³ããããŒã¿ ã¹ããªãŒã ãããè€éãªããŒã¿æäœã·ããªãªãåŠçã§ããããã«ãªããŸãã
Angular ã¯ã³ã³ããŒãã³ãããŒã¹ã®ã¢ãããŒãã«ããã¢ãžã¥ã©ãŒ ã¢ãŒããã¯ãã£ãæ¡çšããŠãããã¢ããªã±ãŒã·ã§ã³æ§é å ã§ã®æžå¿µã®æç¢ºãªåé¢ãä¿é²ããŸãããã®èšèšãã¿ãŒã³ã«ãããã¢ããªã±ãŒã·ã§ã³ã®ç®¡çãæ¡åŒµãéçºãç°¡åã«ãªãã ãã§ãªããããã°ã©ã ã®åã ã®éšåã®ãªãã¡ã¯ã¿ãªã³ã°ãç§»è¡ãç°¡åã«ãªããŸãã Angular ã«ã¯éåžžã«æè»ãªã«ãŒãã£ã³ã° ã¡ã«ããºã ãæèŒãããŠãããããéçºè ã¯ã·ãŒã ã¬ã¹ãªããã²ãŒã·ã§ã³ ãšã¯ã¹ããªãšã³ã¹ãäœæãããã©ãŠã¶å±¥æŽãç°¡åã«æäœã§ããŸãã
Angular ã¯å æ¬çãªãã¬ãŒã ã¯ãŒã¯ãšããŠãäžè¬ç㪠UI éçºã¿ã¹ã¯ãç°¡çŽ åãã倿°ã®çµã¿èŸŒã¿ãã£ã¬ã¯ãã£ãããã€ãããã©ãŒã æ€èšŒæ©èœãæäŸããŸãã Angular CLI (ã³ãã³ãã©ã€ã³ ã€ã³ã¿ãŒãã§ã€ã¹) ã䜿çšãããšãéçºè ã¯æ°ãããããžã§ã¯ãã®è¶³å Žãç¯ããã³ã³ããŒãã³ããçæããã¢ããªã±ãŒã·ã§ã³ãããè¿ éãã€å¹ççã«æ§ç¯ãŸãã¯ãã¹ãããããšã§ãéçºã¯ãŒã¯ãããŒãåçåã§ããŸããããã«ãAngular 㯠Angular Universal ãä»ããŠãµãŒããŒãµã€ã ã¬ã³ããªã³ã° (SSR) ã®åºç¯ãªãµããŒããæäŸãããµã€ãå šäœã®ããã©ãŒãã³ã¹ãæ€çŽ¢ãšã³ãžã³æé©å (SEO)ãããã³ãœãŒã·ã£ã« ã¡ãã£ã¢å ±ææ©èœãåäžãããŸãã
Angular ãAppMasterãã©ãããã©ãŒã ã«çµ±åãããšãçµæãšããŠåŸãããã¢ããªã±ãŒã·ã§ã³ã¯ãGolang ã䜿çšããŠæ§ç¯ãããçæãããããã¯ãšã³ããšã·ãŒã ã¬ã¹ã«å¯Ÿè©±ã§ããŸããããã¯ãWeb ã¢ããªã±ãŒã·ã§ã³ã®ããã³ããšã³ã ã³ã³ããŒãã³ããšããã¯ãšã³ã ã³ã³ããŒãã³ãéã®ã¹ã ãŒãºãªçµ±åãå¿ èŠãšããAppMaster顧客ã«ãšã£ãŠããããªãå©ç¹ãšãªããŸãã Angular 㯠RESTful API ãµãŒãã¹ãšäºææ§ãããããããµãŒããŒãšã®éä¿¡ã容æã«ãªããããŒã¿ããã§ãããä¿åãåŠçã§ããŸãã
AppMasterã®ã¢ããªã±ãŒã·ã§ã³éçºã«å¯Ÿããno-codeã¢ãããŒãã¯ãããã³ããšã³ã Web ãã¬ãŒã ã¯ãŒã¯ãšã㊠Angular ãçµã¿èŸŒãããšã§å€§ããªã¡ãªãããåŸãããšãã§ããŸããããã¯ãAngular ãå¹ åºã匷åãªããŒã«ãšæ©èœãæäŸããããã§ãã Angular ãAppMasterããŒã«ã»ããã«çµ±åããããšã§ãéçºè ã¯ããããã§ãã·ã§ãã« ãœãããŠã§ã¢ ãœãªã¥ãŒã·ã§ã³ã«æåŸ ãããå質ãšããã©ãŒãã³ã¹ãç¶æããªãããèŠèŠçã«åªããæ©èœè±å¯ãª Web ã¢ããªã±ãŒã·ã§ã³ãè¿ éã«äœæã§ããŸãã
ç¹ã«ãAngular ã¯å€§èŠæš¡ã§æŽ»çºãªéçºè ã³ãã¥ããã£ãèªããç¶ç¶çãªæ¹åãææ°ã® Web éçºå®è·µãžã®é©å¿ãããã¥ã¡ã³ãããã¥ãŒããªã¢ã«ãã³ãã¥ããã£äž»å°ã®ãµããŒããªã©ã®ããã«å©çšã§ãããªãœãŒã¹ã®ç¢ºä¿ã«åœ¹ç«ã¡ãŸããéçºè ã³ãã¥ããã£ã®éã§ã®äººæ°ã¯ãMicrosoftãAutodeskãMcDonald's ãªã©ã®å€§æäŒæ¥ãèªç€Ÿã®ãµã€ããã¢ããªã±ãŒã·ã§ã³ã« Angular ã䜿çšããŠããããšãããããããŸãã
çµè«ãšããŠãAngular ã¯æ±çšæ§ãé«ããã¹ã±ãŒã©ãã«ã§æ©èœãè±å¯ãª Web ã¢ããªã±ãŒã·ã§ã³ ãã¬ãŒã ã¯ãŒã¯ã§ãããWeb éçºã«å¯ŸããAppMasterã®no-codeã¢ãããŒãã«æé©ã§ãã Angular ã®å ç¢ãã€é©æ°çãªæ©èœã掻çšããããšã§ã AppMaster顧客ã¯ãæè¡çè² åµãæå°éã«æããªãããããè¿ éã«ãããå¹ççã«äžçã¯ã©ã¹ã®ã¢ããªã±ãŒã·ã§ã³ãäœæã§ããŸãã Angular ãããã³ããšã³ãéçºã«ãããŠéèŠãªåœ¹å²ãæããããšã«ããã AppMasterãã©ãããã©ãŒã ã¯ãäŒæ¥ãåžæ°éçºè ãäŒæ¥ã«ãšã£ãŠåæ§ã«ããã«åŒ·åã§å æ¬çãªãœãªã¥ãŒã·ã§ã³ã«ãªããŸãã