æ¬æžã®ç¿»èš³çã§ããæ¬æžã®èè
ã¯ãWebéçºã®å°æ¥ã«ã€ããŠæ¯ãè¿ãããšãææ¡ããŠããŸãã ãã¯ãããžãŒã®äººæ°ã®åŸåãReactã©ã€ãã©ãªãŒã«ç§»è¡ãå§ãããšãAngularãã¬ãŒã ã¯ãŒã¯ããã°ããããŠããã©ã®çšåºŠé¢é£ããã®ããšããåé¡ã®éèŠæ§ãæãããããªããŸãã æçµçã«ã¯1ã€ã®ãã¯ãããžãŒã ããæçµçã«1äœãç²åŸããããšã¯æããã§ããããã«ãããWebéçºè
ãç¹ã«éãæ©ã¿å§ããã°ããã®éçºè
ã¯ãäœãéžã¶ã¹ããçåã«æãããã«ãªããŸãã
FacebookãReactã©ã€ã»ã³ã¹ãBSDããMITã«å€æŽããããããã®ã©ã€ãã©ãªã¯ã°ããŒãã«ãªWebéçºåžå Žã®é
ã
ã§æ ããããã§ãã ãã ããããžãã¹ãã³ãã¹ã¿ãŒãã¢ããã¯éåžžããããããã«ã¯ç解ããŸãããReactã¯ããã³ããšã³ãéçºã®ããã®å
æ¬çãªã·ã¹ãã ã§ã¯ãããŸããã ããã¯åãªãã©ã€ãã©ãªã§ãããå€æ°ã®ãã«ãã£ã³ã°ãããã¯ã®1ã€ã§ãããå°èŠæš¡ãªã¢ããªã±ãŒã·ã§ã³ããã倧ããªãããžã§ã¯ãã«ãçžäºã«åé¢ãããã³ã³ããŒãã³ãã«åºã¥ããã·ã¹ãã ã«ãã°ããå€æããã®ã«åœ¹ç«ã¡ãŸãã
察ç«åå¿ãšè§åºŠ
Facebookã¯ãReactã®æåã®ä»£è¡šäŸãšããŠãã䜿çšãããŸãã ãããããã®ã©ã€ãã©ãªã¯ããã®æè¡ã®å·šäººã䜿çšããŠããèšå€§ãªéã®æè¡ã®ã»ãã®äžæ»Žã§ãã çµå±ã®ãšãããããã¯ã€ã³ã¿ãŒãã§ã€ã¹ãéçºããããã®åãªãJavaScriptã©ã€ãã©ãªã§ãã
äžæ¹ãAngularã¯ãé£æºããŠåäžã®å
šäœã圢æããã©ã€ãã©ãªã®ã³ã¬ã¯ã·ã§ã³ã§ãã
Angularã«ãã£ãŠå®æ§çã«è§£æ±ºã§ããã¿ã¹ã¯ãããã€ããããŸãããReactã§ã¯å®å
šã«ç¡èŠãããŸãããReactã§ã¯ä»ã®äœããããå¹ççã§ãã éçºè
ã¯åžžã«èªåãããç¥ã£ãŠãããšããäºå®ã«åŸåãããã®çµæãèªåã®ç¶æ³ã«ããé©ããä»ã®ãã©ãã€ã ãèŠãããšããããŸããã ãŸãã¯ããããããã®ã¿ã€ãã®èãæ¹ã¯ãåå¿è
ãäžçŽã¬ãã«ã®éçºè
ã«ç¹æã®ãã®ã§ãã
Reactã®äººæ°ãé«ãŸã£ãŠããã«ãããããããAngularã¯Facebookã«å£ããªãäŒæ¥ããã®çå£ãªãµããŒãã享åããŠãããããããäžåãããšããå¿ããŠã¯ãªããŸããã Googleã«ã€ããŠã§ãã åæã«ãAngularããã³Reactãæšé²ããããã³ããšã³ãéçºæ¹æ³è«ãäžå¿ã«åæ§ã«åŒ·åãªãšã³ã·ã¹ãã ãéçºãããŠãããé倧ãªã€ãã³ããããã®æè¡ãæè·ããäž»èŠãªå°é家ãããŸãã 確ãã«ãAngularãšReactã®éã«ãéçºè
ã«æäŸãããã®ã«ãã£ãŠå€æãããã人æ°ã®ç¹ã§æé·ããŠããå¥ã®æè¡ããããŸãã ãããVueãã¬ãŒã ã¯ãŒã¯ã§ãã
Vue
Googleãã¬ã³ãããã®ããŒã¿ã èµ€ãç·-è§åºŠãé-åå¿ãé»è²-VueVueãã¬ãŒã ã¯ãŒã¯ã¯ãããã³ããšã³ãéçºããŒã«ã®ãã¯ã©ã¹ãã®æ°åè
ã§ããããã®äººæ°ã¯åŸã
ã«é«ãŸã£ãŠãããããReactãšAngularã«ã€ããŠè©±ããŸããå¿ããŠã¯ãªããŸããã Vueã®åšãã®ã³ãã¥ããã£ã¯Angularããã³Reactã³ãã¥ããã£ãããã¯ããã«å°ããã§ãããVueã®äººæ°ã®é«ãŸãã¯ãAngularã»ã©è€éã§ã¯ãªããåºæ¬çãªReactæ©èœã§æäŸããããããå€ãã®æ©èœãããã°ã©ãã«æäŸãã軜éããŒã«ã§ãããšããäºå®ã«ãã£ãŠèª¬æã§ããŸãã
Vueã®äœæè
ã¯ãAngularJSãã¬ãŒã ã¯ãŒã¯ã«ç²ŸéããŠããŸãã ãããåºã¥ããŠããååã¯ãçŸä»£ã®Angularã®å Žåãããã¯ããã«åŒ·ããReactã®æ ¹åºã«ããååãé£æ³ãããŸãã
ãã¯ãããžãŒæ¡çšã®èª²é¡ãšããã°ã©ããŒã®ç¿æ
£
ééããªããReactãç解ããã®ã¯ç°¡åã§ãããã®ã©ã€ãã©ãªã«åºã¥ããŠå®å
šã«æ©èœããã¢ããªã±ãŒã·ã§ã³ãäœæããã ãã§ãåé¡ãªããã€ãã£ãã¢ãã€ã«ã¢ããªã±ãŒã·ã§ã³ã«å€æã§ããŸãã ãã®ã©ã€ãã©ãªã¯åå¿è
éçºè
ã®éã§äººæ°ããããŸãã
ãã®ãã¬ãŒã ã¯ãŒã¯ã«åºã¥ããŠäœããäœæããåã«ãAngularããã¹ã¿ãŒããããšã¯ããå°é£ã§ããè¿œå ã®åŠçãè¡ãå¿
èŠããããŸãã ãã®ãã¬ãŒã ã¯ãŒã¯ã¯Javaã®æŠå¿µãšã€ããªãã®ãŒãåçšããŠããŸããããã¯äž»ã«ããã¯ãšã³ãéçºã«äœ¿çšãããGoogleã®ãœãããŠã§ã¢ã€ã³ãã©ã¹ãã©ã¯ãã£ã§éèŠãªåœ¹å²ãæãããŸãã äžæ¹ãFacebookã§ã¯ãPHPãåºã䜿çšãããŠããããã®çµæããã®èšèªã§Reactãæ¡çšããŠããååã«åŒ·ã圱é¿ãäžããŠããŸãã
ReactãšAngularã1æ¥äžç°¡åã«æ¯èŒã§ããŸããããã®æ¯èŒããæãéèŠãªããšã¯ããããã®ã·ã¹ãã ã®äž¡æ¹ã匷åãªã³ãã¥ããã£ã«ãã£ãŠåºå¥ãããç¹å®ã®ãã¯ãããžãŒã®çµéšãæã€ããã°ã©ããŒãåŒãä»ããããšãã§ããããšã§ãã ã¹ã¿ãŒãã¢ããã¯ã䜿çšããããŒã«ãéçºè
ã®è² è·ãæå°éã«æããããããã«åªããŠãããããReactã«åŸåããŠããããšã«æ³šæããŠãã ããã 圌ãã®çåã¯ã圌ããã©ãã ãæ©ãåžå Žã«åå
¥ã§ããããã©ãã ãããŸãéèŠãæºããããããããŠã©ãã ãæ£ç¢ºã«ãã¬ã³ãã«é©åããããšãã§ãããã«ããã£ãŠããŸãã
ããããå€ãã®ã¹ã¿ãŒãã¢ããã¯äžã€ã®éèŠãªããšãèŠéããŠããŸããåå
¥éå£ãäœãã»ã©ãå質ãäœäžããŸãã Reactã®ã³ãã¥ããã£ãªãœãŒã¹ã«äŸåããç¬åŠã®ããã°ã©ãããŸããŸãç»å Žããã«ã€ããŠãããã°ã©ãã³ã°ãã©ãã€ã ãã³ãŒãã®ã¯ãªãŒã³ããªã©ã®ç¹å®ã®ãã®ãèæ¯ã«æ¶ããŠãããŸãã ããã¯ããã¹ãŠãAngularç°å¢ã§ã¯ããã«åªããŠãããšèšãããšã§ã¯ãããŸããããAngularã®å Žåãããã°ã©ãã¯ãã®ãã¬ãŒã ã¯ãŒã¯ã§èŠå®ãããŠããããªãå³æ Œãªãã¬ãŒã ã¯ãŒã¯å
ã§äœæ¥ããå¿
èŠããããŸãã Reactã«ã¯ãã®ãããªãã¬ãŒã ã¯ãŒã¯ã¯ãããŸããã
Vueã«ã¯ç¬èªã®å°ããªãªãã³ã°ã¹ããŒã¹ãããããã®ãã¬ãŒã ã¯ãŒã¯ã¯ãAngularãŸãã¯Reactã®ã©ã¡ããè¯ãããšãã質åã«å¯Ÿããçãã«ãªãããšãç®çãšããŠããŸã.Webéçºè
ã®éãå§ããŠãæŠäºåœäºè
ã®ããªã±ãŒãã«èžã¿èŸŒãããšãæãŸãªã人ã®ããã«ã
Netflixã䜿çšãããã®ã¯äœã§ããïŒ
Netflixã¯ãä»ã®å€ãã®ãã¯ãããžãŒãã€ã³ãã©ã¹ãã©ã¯ãã£ããŒã«ã®äžã§ããReactã䜿çšããŠããããšãããããŸããã ããã°ãé³¥ç°å³ããã¢ããªã±ãŒã·ã§ã³ããã€ã¹ãæ³åãããšãããã³ããšã³ããã¯ãããžã¯ãããžã§ã¯ãã§äœ¿çšããããã®ã®ããäžéšããæ§æããªãããšãããããŸãã
äžæ¹ãPayPalã¯Angularã䜿çšããäŒç€Ÿã®ãªãœãŒã¹ã«ãã£ãŠçæãããHTMLã³ãŒãã«èŠããã
ng
æåã®ã·ãŒã±ã³ã¹ããã¡ãã¡ã§åºåããŸãã
PayPal HTMLNetflixãšPayPalã¯ãç¹å®ã®åžå Žããããå ãã巚倧äŒæ¥ã§ãã ã©ã¡ãããGoogleãšFacebookãé¢é£ä»ããããŠãããšããæå³ã§ãAngularãŸãã¯Reactã®ããããšãå®å
šã«ç¡é¢ä¿ã§ãã ãããããããã®äŒæ¥ã¯ãããããReactãŸãã¯Angularãéžæããããããã®ãã¯ãããžãŒã䜿çšããŠãã¢ããªã±ãŒã·ã§ã³ã®ã€ã³ã¿ãŒãã§ãŒã¹ãéçºããã¿ã¹ã¯ã解決ããŸãã
ããã§ãã¬ã¬ã·ãŒã³ãŒããªã©ãããããã®äŒæ¥ã«ãããã¯ãããžãŒã®éžæã«åœ±é¿ãäžãããšèšããŸãã ããããäž¡æ¹ã®äŒæ¥ã«ã¯ãéžæãããã¯ãããžãŒã䜿çšããŠã³ãŒããåŠçããããã«å¿
èŠãªæ°ã®ããã°ã©ããŒãéãã®ã«ååãªãªãœãŒã¹ããããŸãã
ãšããã§ãGitLabã¯2016幎ãã
Vueã䜿çšããŠããããšã«æ³šæããŠãã ããã
ããŒã«ã¯äž»ãªãã®ã§ã¯ãããŸããã äž»ãªããšã¯åé¡ã解決ããããšã§ã
ã©ã®æè¡ãä»ã®æè¡ããåªããŠãããã«ã€ããŠã®çœç±ããè°è«ã§ã¯ãç¹å®ã®åé¡ãæ£ç¢ºã«è§£æ±ºããç¹å®ã®ç®æšãéæããã®ã«åœ¹ç«ã€éåžžã«éèŠãªåé¡ãå¿ããŠããŸãã
ç®æšãå°ããªäºç®ã§ã®éçºé床ã§ããå ŽåãReactã«ç®ãåããããšãããããæåã§ãã ããéå¿çã§å
šäœçã§å
±æã«é©ãããã®ãå¿
èŠãªå Žåã¯ãéçºè
ããã®ããŒã«ã®ã»ãããããªãçå£ã«ç 究ããå¿
èŠããããããããä¿¡é Œæ§ã®é«ããœãªã¥ãŒã·ã§ã³ãäœæã§ããããŒã«ã®ã»ãããå¿
èŠã§ããAngularãéžæããå¿
èŠããããŸãã ããããReactãšAngularã®äžçãæ倧éã«æŽ»çšããå¿
èŠãããå Žåã¯ã©ãã§ããããã Vueã®æ¯æè
ã¯ããã®ç¶æ³ã§èªåã®å¥œããªãã¬ãŒã ã¯ãŒã¯ã䜿çšããè¯ãäŸãééããªãèŠãã§ãããã
Angularã®äººæ°ã¯æéãšãšãã«äœäžããŸããã ãããã泚æã®çŠç¹ãå€ããããšã«ã€ããŠè©±ãããšãã§ããŸãã Reactã¯Angularéçºãšã³ã·ã¹ãã ããã倧ããªãã±ãŒããããé£ãå°œãããäžæ¹ãAngularã¯Reactã®æé·ã«ããããããããŸã å°ç€ã倱ãããšãèããŠããŸããã
5幎éã®Googleãã¬ã³ãã®æ€çŽ¢çµæã«é¢ããæ
å ±ã èµ€ç·-è§åºŠãé-åå¿ããã«ããã®ãã¬ãŒã ã¯ãŒã¯ãAngularJSããçŸåšã®ååšã«é²åããåŸãAngularãã³ãã¥ããã£ãå®éã«åæ§ç¯ããããšã¯æ³šç®ã«å€ããŸãã ãã®ãã¬ãŒã ã¯ãŒã¯ã«ã¯å€ãã®ãã©ãã¯ãŒãããŸããããAngular 2ã®ãªãªãŒã¹åŸã«ããããã¹ãŠãååŠç¿ããå¿
èŠããããŸããã
ããã念é ã«çœ®ããŠç¶æ³ãåæãããšãAngularã¯ãä»æ¥ç¥ãããŠãã圢åŒã§ã¯Reactãã3幎è¥ãããšãããããŸãã Angular 2+ãšã®éãã®ãããAngularã®å
ã®ããŒãžã§ã³ã¯ãå®éã«ã¯ç¡èŠã§ããŸãã
ãŸãšã
ããªããåå¿è
ã®éçºè
ã§ã圌ãåŠã°ãªããã°ãªããªãããšã«ã€ããŠã®è³ªåã®çããèŠã€ããããšããŠãããªããããã«ã€ããŠããŸãèããªãããšãæšå¥šãããŸãã çµå±ã®ãšãããæçµçã«ã¯éåžžã®JavaScriptã«åž°çããã®ã§ãæåã«åºæ¬çãªæè¡ãåŠã³ã次ã«ããããçš®é¡ã®ãèå³æ·±ãããšãã«å¯ŸåŠããæ¹ãè¯ããããããŸããã
ã©ã®ãã¯ãããžãŒãéžæãããšããŠãã察åŠããããããä»ã®ãã¯ãããžãŒã«é©çšãããã¢ã€ãã¢ã«å¯ŸåŠããå¿
èŠããããŸãã æãéèŠãªããšã¯ãæåã®ãã¬ãŒã ã¯ãŒã¯ãæ¬åœã«ããå匷ããããã䜿ã£ãŠæªåé«ãToDoã¢ããªã±ãŒã·ã§ã³ãè¶
ããäœããããããšãåŠã¶ããšã§ãã
ããã°ã©ãã³ã°ãã©ãã€ã ã«ç²ŸéããŠããéçºè
ã«ãªãããã«åªåããŸãã1ã€ã®ããšã«é床ã«å·çããããšããªãã§ãã ããã ãšããããã¢ããªã±ãŒã·ã§ã³ã®ã¢ãŒããã¯ãã£ãã³ã³ããŒãã³ãã®èšèšãšéçºãç 究ããã¢ããªã±ãŒã·ã§ã³å
ã®ããŒã¿ãããŒã®åäœã®ç¹åŸŽãç解ããã¢ããªã±ãŒã·ã§ã³ã®ç¶æ
ã管çããæè¡ãç¿åŸããŸãã
ç¹å®ã®ãã©ãããã©ãŒã ã«é¢ä¿ãªãããã®çš®ã®ç¥èãšã¹ãã«ãèªç±ã«äœ¿çšã§ããèœå-ããããåå¿è
ããã°ã©ããŒãšäžçŽã¬ãã«ã®ããã°ã©ããŒãäžæµã®ã¹ãã·ã£ãªã¹ããšåºå¥ãããã®ã§ãã
芪æãªãèªè
ïŒ ãããžã§ã¯ãã®ããã³ããšã³ãéçºããŒã«ãéžæãããšããã©ã®ãããªèæ
®äºé
ã«åŸããŸããïŒ