ãã¹ãŠéææ¥ã«ïŒ
çŽæéããç§ãã¡ã¯ä»¥åã®æçš¿ã§
Vueã«ã€ããŠ
QïŒ Vue.jsã®æããŠããŒã¯ãªãã©ãŒæ©èœã¯äœã§ããïŒ
OïŒããã°ã¬ãã·ãé©å¿æ§ïŒjQueryã®ä»£æ¿ãšããŠäœ¿çšããããCLIãã«ãŒã¿ãŒãVuexã䜿çšããŠè€éãªã¢ããªã±ãŒã·ã§ã³ãäœæãããã§ããŸãã
QïŒ Vueã®åŒ±ç¹ã¯äœã§ããïŒ
OïŒçŸæç¹ã§ã¯ãããããã¿ã€ãã³ã°ã«å¯ŸããäžèŠªåãããããŸãã APIã¯ãåä»ãèšèªïŒTypeScriptãªã©ïŒã®ãµããŒããèšç»ããããšãªãéçºãããŸãããã2.5ã§ã¯å€§å¹ ã«æ¹åãããŸããã
QïŒ Reactã¯èªåèªèº«ãã©ã€ãã©ãªãšåŒã³ãAngularã¯èªåèªèº«ããã¬ãŒã ã¯ãŒã¯ãšåŒã³ãŸãã Vueããã¬ãŒã ã¯ãŒã¯ãšããŠäœçœ®ä»ããããã®ã¯ãªãã§ããïŒ
OïŒ ãããã°ã¬ãã·ããã¬ãŒã ã¯ãŒã¯ããšã¯ãã©ã€ãã©ãªãšããŠããŸãã¯éžæãããã¬ãŒã ã¯ãŒã¯ãšããŠäœ¿çšã§ããããšãæå³ããŸãã ãã¬ãŒã ã¯ãŒã¯ã®äžéšïŒCLIãã«ãŒã¿ãŒãç¶æ 管çãã¿ãŒã³ïŒããããŸãããå¿ èŠã§ãªãå Žåã誰ããããã匷å¶çã«äœ¿çšããããšã¯ãããŸããã ïŒãã詳现ãªãã㪠ïŒengïŒãåç §ããŠãã ãã- çŽã ïŒ
QïŒ Vueã¯React / Angularã®å®å šãªä»£æ¿åã§ããããããšãããããã¬ãŒã ã¯ãŒã¯ã§ããïŒ
OïŒã¯ããå®å šã«çœ®ãæããããšãã§ããŸãã ããã¯ããããã¬ãŒã ã¯ãŒã¯ã§ã¯ãããŸããã
QïŒ Vue.jsã®äºæ³ãããã©ã€ããµã€ã¯ã«ã¯äœã§ããïŒ Web Components / VanillaJSã¯è¿ãå°æ¥ãJSãã¬ãŒã ã¯ãŒã¯ã眮ãæããããšãã§ããŸããïŒ
OïŒç§ãã¡ã¯æ¥éã«æé·ããŠãããçŸåšã¯æ¯èŒçå®å®ããæçããç¶æ ã«ãããŸãã ããããWebã³ã³ããŒãã³ãããã¬ãŒã ã¯ãŒã¯ã«åã£ãŠä»£ãããšã¯æããŸããã ãããã¯äœã¬ãã«ã®ãã«ãã£ã³ã°ãããã¯ã«ãããŸããã ä»æ¥äœ¿çšããŠããå Žåã§ããããããPolymerã䜿çšããããåŸãŸãããPolymerã¯ãWebã³ã³ããŒãã³ãäžã®ãã¬ãŒã ã¯ãŒã¯ã§ãã ç¬èªã®è¿œå ã®APIããã¿ãŒã³ãã©ã€ãã©ãªãããã³ããŒã«ããããŸãã Webã³ã³ããŒãã³ãã®å©ç¹ã¯ãäž»ã«ãã¬ãŒã ã¯ãŒã¯ãŸãã¯ãµãŒãããŒãã£ããã±ãŒãžïŒãµãŒãããŒãã£ã®é åžïŒéã®äºææ§ã«ãããŸãã ã¢ããªã±ãŒã·ã§ã³ã®å éšã§ã¯ãæ¢åã®ã³ã³ããŒãã³ãã¢ãã«ãšæ¯èŒããŠæ°ãããã®ã¯äœãæäŸããŸããïŒå®éããããããå°ãªãå ŽåããããŸãïŒã VanillaJSã¯ããããžã§ã¯ãã®éçºãæ°žé ã«è²»ããäœè£ãããå Žåã«ã®ã¿æå³ããããŸãã
QïŒéæšå¥šãäºææ§ã®ãªãå€æŽãäžäœäºææ§ã«é¢ããVueã®ããªã·ãŒã¯äœã§ããïŒ
OïŒ semverã«åŸããŸã ã ãã€ããŒãªãªãŒã¹ã§ã¯å»æ¢ãããæ©èœã宣èšã§ããŸãããå®éã«ã¯åé€ãããªããããã¢ããªã±ãŒã·ã§ã³ã¯äžæããŸããã ã¡ãžã£ãŒããŒãžã§ã³/äºææ§ã®ãªãå€æŽã«ã€ããŠã¯éåžžã«æ éã§ãããè¿ãå°æ¥ã«ã¯ããããèšç»ããŸããã
QïŒ Vueã®æšå¥šã³ãŒãæ§é ã¯äœã§ããïŒOOPãŸãã¯FP /宣èšçã¢ãããŒãïŒ
OïŒ 1çªç®ã§ã2çªç®ã§ããããŸããã UIã³ãŒãã§é«ã¬ãã«ã®ãã©ãã€ã ãåŒãåºãããšã¯æå³ããªããšæããŸãã äž¡æ¹ããè¯ãã¢ã€ãã¢ãéžãã§ãã ããã ããããVueåŽãæ¬åœã«éžæãããå Žåã¯ãããå°ãOOPããããšæããŸãã
QïŒãã©ãŒã ã¯Angularã§ã¯åŒ·ãç¹æ§ã§ãããReactã§ã¯åŒ±ãç¹æ§ã§ãã Vueã¯è€éãªãã©ãŒã ã§ã©ã®ããã«æ©èœããŸããïŒ
OïŒ Vueã«ã¯ãAngularã®ngModelãšéåžžã«ãã䌌ãçµã¿èŸŒã¿ã®åæ¹åãã€ã³ãã£ã³ã°ïŒvã¢ãã«ïŒããããŸãã ãŸããAngularã®ãããªæ€èšŒã©ã€ãã©ãªãæäžéšã«æ§ç¯ããããšãã§ãããšã³ã·ã¹ãã ã«ã¯ãã§ã«ããã€ãã®ã©ã€ãã©ãªãååšããŸãã
QïŒäžåœã§æ倧ã®Vueã©ã€ãã«ã¯äœã§ããïŒ
OïŒ ReactãšAngularã¯äžåœã§éåžžã«äººæ°ããããŸãã å®éããããã«å ããŠãä»ã«ã¯ãããŸããã
QïŒ Vueã¯ãã³ãããŒã¯ãå®è¡ãããŠãããšå€æãããã¹ãçµæïŒhelloãVolksWagenïŒïŒãç¹ã«é倧è©äŸ¡ããŠãããšåãããŠããŸãã
OïŒèšŒæ ã®ãªããããã¯ãããã ãã§ã;ïŒVue.jsã³ãŒãã¯å ¬éãããŠããããããã®ãããªã³ãŒããããã°ç°¡åã«èŠã€ããããšãã§ããŸãã
ãµãŒãããŒãã£ããŒã«
QïŒ Weexã®èŠéãã¯ïŒ Weexã®äœ¿çšãä»ããéå§ãã¹ãã§ããïŒ ãããšããNativeScript-Vueã§ã®äœæ¥ã«éäžããæ¹ãè¯ãã§ããããïŒ
OïŒ Weexã¯ä¿¡é Œã§ãããã¯ãããžãŒã§ãã Alibabaå ã§åºã䜿çšãããŠããŸãã åçŽã«ãä»ãšã¯ç°ãªãã圌ãã¯ããã¥ã¡ã³ã/éçºè ãµããŒãã«å€ãã®ãªãœãŒã¹ãå²ãåœãŠãŸããã NativeScript-Vueã«ã¯ãæé«ã®ããã¥ã¡ã³ããšéçºè ã®ãã£ãŒãããã¯ããããŸãã ããŒã /補å/ç°å¢ã«ãã£ãŠéžæã決å®ããå¿ èŠããããããæ確ãªæšå¥šäºé ã¯ç€ºããŸããã ãããã®æè¡ã®å¯èœæ§ãæ倧éã«åŒãåºãã«ã¯ãäž¡æ¹ãè©Šãå¿ èŠããããŸãã
QïŒ Nuxtã«ã€ããŠã©ãæããŸããïŒ
OïŒ Nuxtã¯çŽ æŽãããããšã§ãã Vueã§SSRãå¿ èŠãªå Žå-ãã¹ãŠãèªåã§èšå®ããããªãå Žåã«äœ¿çšããŸãïŒ Razzle- ãããTransãã®ãããªãã¬ãŒã ã¯ãŒã¯ã«äŸåããªãéžæè¢ããŸã ãããŸã ïŒ
QïŒ Vue.jsã®Quasar Frameworkã¯ãReact.jsã®ReactNativeã®é¡äŒŒç©ã ãšæããŸããïŒ
OïŒãããã Quasarã¯Cordova / WebViewã«åºã¥ããŠãããããVueã®Ionicã«äŒŒãŠããŸãã
QïŒ Loguxããã³åæ£ããŒã¿åãšã®çµ±åã«ã€ããŠãäžè¬çã«ã©ãæããŸããïŒ æ¬¡ã®é©åœã¯ããã«æŠèª¬ãããŠããŸããïŒ
OïŒæ®å¿µãªãããç§ã¯Loguxã«æ £ããŠããŸããã
QïŒ Vueã®Kotlinããã°ã©ãã³ã°èšèªïŒSFCããã©ã°ã€ã³ãªã©ïŒã®ãµããŒãã¯ãããŸããïŒ
OïŒç§ã¯ãã®ãããªããšãç¥ããŸããã
ããã¥ã¡ã³ã
QïŒ Vue.jsã®å ¬åŒããã¥ã¡ã³ãã®äŸã¯ãããŒãžã§çŽæ¥å®è¡ã§ããªããããå¿ ãããæ確ã§ã¯ãããŸããã CodePenãŸãã¯JSFiddleãVue.jså ¬åŒããã¥ã¡ã³ãã«çµ±åããèšç»ã¯äœã§ããïŒ
OïŒè¯ãææ¡ã æéãããã°ãããããæ€èšããã§ãããã
QïŒéçºãéå§ããåã«ããŒãžã¬ã€ã¢ãŠããã³ã³ããŒãã³ãã«åå²ããæ¹æ³ã¯ïŒ ãšãŽã¡ã³ã»ãŠãŒã®ãã³ã³ããŒãã³ãåºæºãªã¹ããã®ãããªãã®ã¯ãããŸããïŒ
OïŒããã¯äžå¯èœã§ãããã¹ãŠã®ã¢ããªã±ãŒã·ã§ã³ã¯ç°ãªããŸãã
QïŒ John Papaã«ããAngularã®ãããªåäžã®æ£åŒãªã¹ã¿ã€ã«ã¬ã€ãã¯ãããŸããïŒ
OïŒ ru.vuejs.org/v2/style-guide
QïŒä»ã®ãã¬ãŒã ã¯ãŒã¯ããVueã«ç§»è¡ããããã®å ¬åŒã®æ瀺ã¯ãããŸããïŒ
OïŒç§»è¡å ã®ãã¯ãããžãŒãç¥ããªãéãããã®è³ªåã«çããããšã¯å°é£ã§ãã
QïŒ Vueã¢ããªã±ãŒã·ã§ã³ãWebã³ã³ããŒãã³ãã«å€ããæ¹æ³ã¯ïŒ
OïŒã³ã³ãœãŒã«ãŠãŒãã£ãªãã£vue-cliããŒãžã§ã³3ã®äœ¿çš
QïŒ Vue.jsã®å ¬åŒããã¥ã¡ã³ãã§ã¯ãæšå¥šãããTypeScriptã³ã³ãã€ã©ãªãã·ã§ã³ã¯ãã¢ãžã¥ãŒã«ãïŒães2015ãã§ãã ãã¢ãžã¥ãŒã«ãïŒãamdãããã¢ãžã¥ãŒã«ãïŒãã·ã¹ãã ãã®äœ¿çšã¯ã©ã®çšåºŠåãå ¥ããããŸããã
OïŒãã®æšå¥šäºé ã¯ãwebpackãããŒã«ã¢ãããªã©ã®ESã¢ãžã¥ãŒã«äºæããã«ãŒã䜿çšããããšããåæã«åºã¥ããŠããŸãã å人çã«ãç§ã¯ãã¯ãAMDãŸãã¯ã·ã¹ãã ã䜿çšããŠããªãã®ã§ããã®è³ªåã«çããããšã¯ã§ããŸããã ç§ã®äžè¬çãªææ¡ã¯ãããªããäœãããŠãããããããªãéãããããã䜿çšããªãããšã§ãã ããªãã¯ãŸã ãã®è³ªåãããã®ã§ãã¡ã€ã³ã¹ããªãŒã ã䜿çšããŸãïŒã€ãŸããããã©ã«ãèšå®- çŽPerã ïŒã
QïŒãã³ãã¬ãŒãã®ASTãã«ãä»æ§ã¯ãã€ãªãªãŒã¹ãããŸããïŒ
OïŒãã®ãããªèšç»ã¯ãªããšæããŸãã ãã®ãããªãœãªã¥ãŒã·ã§ã³ãæ€èšããã«ã¯ãéåžžã«èª¬åŸåã®ãããŠãŒã¹ã±ãŒã¹ãå¿ èŠã§ãã
æ©èœãªã¯ãšã¹ã
QïŒã¢ãžã¥ã©ãŒãã³ãã©ãŒãªãã§åäžãã¡ã€ã«ã³ã³ããŒãã³ãã³ã³ãã€ã©ã䜿çšã§ããŸããïŒ
OïŒã¯ããSFCïŒã·ã³ã°ã«ãã¡ã€ã«ã³ã³ããŒãã³ãïŒã³ã³ãã€ã©ããããŸããå€éšãŸãã¯ãã©ãŠã¶å ã³ã³ãã€ã©ã®äœæã«äœ¿çšã§ããããšãé¡ã£ãŠããŸãã
QïŒã©ã€ãã©ãªãçæããããã®ãã³ãã¬ãŒããvue-cliã«è¿œå ãããŸããïŒ
OïŒ vue-cli 3ã¯ã ã©ã€ãã©ãªã®äœæã«ã䜿çšã§ããŸã ã
QïŒ ReactããŒãžã§ã³16.2ã®ãã©ã°ã¡ã³ãã¯ããŸãæ©èœããŠããŸãã Vue.jsã§ãåæ§ã®ãã®ããããŸããïŒ
OïŒã¯ããè¿ãå°æ¥ã§ã¯ãããŸãããã çŸåšã®å·®åã¢ã«ãŽãªãºã ã§ã¯å€ãã®å€æŽãå¿ èŠã§ãã Reactã¯ãã»ãŒ2幎éããã¹ãŠãå®å šã«æžãæããå¿ èŠããããŸããã
QïŒ Vuexã¯ã¢ã¯ã·ã§ã³ãšãã¥ãŒããŒã·ã§ã³éã®ããã«ãŠã§ã¢åŠçããµããŒãããŸããïŒ
OïŒããããããªãã ã»ãšãã©ã®å Žåãã¢ã¯ã·ã§ã³ïŒå€ç°ïŒã®éããåãé€ããŸãã
QïŒ `npm run lint`ã³ãã³ãã®å®è¡ã¯ãã€èªåä¿®æ£ããµããŒãããŸããïŒ
OïŒ vue-cli 3ã¯ãã§ã«ããããµããŒãããŠããŸãã `--fix`ãã©ã°ãè¿œå ããŠãã³ãã³ããèªåã§å€æŽããããšãã§ããŸãã
QïŒ Reactã¯æè¿ãªãªãŒã¹ãããå¥åFiberéåæã¬ã³ããªã³ã°ã§ãã Vueã®çãã¯äœã§ããïŒ Vueã¯3ã€ã®ãã¬ãŒã ã¯ãŒã¯ã®äžã§æãé«éã§ããïŒ
OïŒéåææ§ã¯Reactãé«éåããŸããã ç®ã«èŠããããã©ãŒãã³ã¹ãåäžãããããã«ãæŽæ°ãåªå ããç¹å®ã®ã·ããªãªã§ã®ã¿äœ¿çšãããŸãã VueæŽæ°ãšã³ãžã³ã«ã¯ããããã®ã·ããªãªã®äžéšãæ¢ã«ã·ãã¥ã¬ãŒãããæ©èœããããŸããã䜿çšãç°¡åã«ããããã«å¯Ÿå¿ããAPIãéãå¿ èŠããããŸãã
èŠããã«ãå®å šãªåçã®Fiberãäœæããäºå®ã¯ãããŸããããããã«ç»å Žããããã€ãã®é©æ°ã®ããã®APIãæäŸããŸãã
QïŒ Vue.jsã¯ãReactãèš±å¯ããããã«ãã³ã³ããŒãã³ãã®åãã¹ãããã2åã¬ã³ããªã³ã°ããæ©èœãè¿œå ããŸããïŒ
// [ Vue]: Duplicate presence of slot "default" found in the same render tree - this will likely cause render errors. <div> ...content <slot> ...content <slot> ...content </div>
// React <div> ...content {this.props.children} ...conent {this.props.children} ...content </div>
OïŒ Reactã¯ãããèš±å¯ããŠããŸãããè¯ãã¢ã€ãã¢ã ãšã¯æããŸããã
QïŒ Vueã¯ãNrwl Extention in Angularã®ãããªãšã³ã¿ãŒãã©ã€ãºèŠæš¡ã®ã¢ããªã±ãŒã·ã§ã³ã®åäžãªããžããªããµããŒãããŠããŸããïŒ
OïŒããã¯ãããžã§ã¯ããçµç¹ããåé¡ã§ããããŸã ç§ãã¡ã®èå³ã®å¯Ÿè±¡å€ã§ãã
ãå§ãããŠãã ãã
QïŒ Vue.jsã¯2ã€ã®ç°ãªãæ¹æ³ã§ãã©ãŒã æ€èšŒãå®è¡ã§ããããã«ãªããŸããïŒ
-ãã¹ãŠã®ã«ãŒã«ãããŒã¯ã¢ããã§ãã£ã¬ã¯ãã£ããšããŠèšè¿°ãããŠããå Žåã®å®£èšã
-å¿ é ããã¹ãŠã®ã«ãŒã«ã察å¿ããVueã€ã³ã¹ã¿ã³ã¹ã®ã³ãŒãã«èšè¿°ãããŠããå Žå
ãããã®ã¡ãœããã®ãããããVue.jsã®ããã©ã«ãå®è£ ã«ããäºå®ã¯ãããŸããïŒ ãŸãã¯äžåºŠã«äž¡æ¹ã®æ¹æ³ïŒ
OïŒããããç©è°ãéžãåé¡ã«å¯ŸããŠããã€ãã®ç«¶åãã解決çãæã£ãŠããæ¹ãè¯ãããã§ãã
QïŒ Vueããã¹ãããæåã®æ¹æ³ã¯ã©ã®ãããªãã®ã§ããïŒ Avoriazã¯ãvue-test-toolsãžã®åãæ¿ããæšå¥šããŠããŸãããåŸè ã¯ãŸã ããŒã¿çã§ãã
OïŒ @ vue / test-utilsã¯Avoriazã眮ãæããŸãã @ vue / test-utilsã䜿çšããŸãã
QïŒ Vuexã®ç¶æ ã¯ãç¹å®ã®Vueã³ã³ããŒãã³ããšåæ§ã«ããªã¢ã¯ãã£ã/芳å¯å¯èœã§ãã Fluxã®ã¬ã¬ã·ãŒã§ã¯ãªãå ŽåãïŒããšããããæªãèãã§ãã£ãŠãïŒçŽæ¥æäœããããšã¯å¯èœã§ããããïŒ
OïŒçŽæ¥æäœã§ãããªããžããªã®äºåŸå¯Ÿå¿ç¶æ ãå¿ èŠãªå Žåã¯ãããŠã³ããããŠããªãVueã®ã€ã³ã¹ã¿ã³ã¹ã䜿çšããŠãã ããã
QïŒè€æ°ã®ã«ãŒãããŒããè¿ãããã®ã³ã³ããŒãã³ãã®èšç»ãŸãã¯æšå¥šäºé ã¯ãããŸããïŒ ãã®ãããªãªã¹ãããŒã¹ã®ã¢ãããŒãã¯ãçè«çã«ãå¯èœã§ããïŒ
OïŒã¯ãããããèšç»ããŠããŸããããã°ããæéãããããŸãã
QïŒèµ·åæã«ã³ã³ããŒãã³ããåå©çšãç¶æ¿ãããã³èª¿æŽããããšã«ã€ããŠã®ããªãã®èãã¯äœã§ããïŒ å®èšŒæžã¿ã®ã¢ãããŒããšãœãªã¥ãŒã·ã§ã³ã¯ãããŸããïŒ
OïŒç³ãèš³ãããŸããããããã¯ããã§ã¯çããã«ã¯å€§ãããããããã¯ã§ã:)
ã³ãã¥ããã£
QïŒ Vueã¯å€ãã®Angularããã³Reactæ©èœãåžåããŸããã Angularããã³Reactã³ãã¥ããã£ãšVueã®é¢ä¿ã¯äœã§ããïŒ
OïŒå®éãç§ã¯Reactã³ãã¥ããã£ãšé »ç¹ã«é£çµ¡ãåãåã£ãŠããŸãã ç§ã¯åœŒãã®è¯ãã¢ã€ãã¢ããã¹ãŠå¥œãã§ãã ããããç§ã¯Angularã³ãã¥ããã£ã®ããã»ã©å€ãã®äººã ã«ç²ŸéããŠããŸããã
QïŒ Vueã®éçºã«è²¢ç®ãããã§ãã ã©ã®åéã§å©ããå¿ èŠã§ããïŒ
OïŒä»ã®äººã®è³ªåã«çãå§ããŸãããïŒ GitHubã§ã®ãã£ã¹ã«ãã·ã§ã³ãDiscordã§ã®ãã£ãããStackOverflowïŒãŸãã¯Toaster- çŽPerã ïŒãå¯èœã§ãã çãã¯ã§ããã ãæ確ã§ãªããã°ãªããªãããšãèŠããŠããå¿ èŠããããŸãã éåžžãåé¡ãããããç解ããããã«ãããã¥ã¡ã³ããŸãã¯ãœãŒã¹ãèªã¿çŽãå¿ èŠãããå ŽåããããŸãã ãã°ãããããè¡ããšãVueã®ç解ãæ·±ãŸããGithubã§ããå€ãã®åé¡ã解決ã§ããããã«ãªããã³ãŒãäŸã®æ¯æŽããã°ã®ãœãŒã¹ã®çºèŠãä¿®æ£ãæ°æ©èœã®äœæããå¯èœã«ãªããŸãã
QïŒèšªåãã䟡å€ã®ããæ倧ã®VueäŒè°ãäŒè°ãã€ãã³ãã¯äœã§ããïŒ
OïŒãã®2æãã¢ã ã¹ãã«ãã ã§Vue.jsã«ã³ãã¡ã¬ã³ã¹ãéå¬ããŸããã ãããŠãæ¥å¹Žéå¬ããäºå®ã§ãã ãŸããä»å¹Ž3æã«ã¯ç±³åœã§ã®VueConfäŒè°ãéå¬ãããŸãã å€ãã®äŒè°ãäžçäžã§éå¬ãããŠããŸã-ããªãã¯ããªããäœãã§ããå Žæã®è¿ãã§èŠãã ãã§ãïŒ ã¢ã¹ã¯ã¯ã®ãŽã¥ãŒ - çŽPerã ïŒã
ä»åŸã®èšç»
QïŒ Vue 3.0ã§äœãäœæ¥ã¯ãããŸããïŒ ãã®å ŽåãéèŠãªå€æŽç¹ã¯äœã§ããïŒ
OïŒ 3.0ã®èšç»ã¯ãããŸããããããŸã§ã®ãšãã確å®ã§ã¯ãããŸããã 次ã®å€§ããªãªãªãŒã¹ã¯2.x-nextãã©ã³ãã§ã2.xãšæ©èœçã«å®å šã«äºææ§ããããŸãããå éšåå¿æ§ã·ã¹ãã ã¯ES2015 Proxyã«æžãæããããŸããã ããã«ãããããã©ãŒãã³ã¹ãåäžããæ¢åã®å®è£ ã®å¶éã®äžéšãåãé€ãããšãã§ããŸãïŒããšãã°ããªããžã§ã¯ããšé åã®å€æŽã®è¿œè·¡- çŽPerã ïŒã IE11以åã®ãµããŒãã¯åæ¢ããŸãããææ°ã®ES2015æ©èœã䜿çšããŠã³ãŒããããå¹ççã«ããŸãããã
QïŒ ïŒ$ parentãä»ããŠïŒèŠªã³ã³ããŒãã³ãã«ã¢ã¯ã»ã¹ãããšãçµéšã®æµ ãéçºè ãã²ã©ãééããç¯ãå¯èœæ§ããããŸãã ããã«ã€ããŠã©ãæããŸããïŒ ãã®ãããªã¢ã¯ã»ã¹ãåé€ããäºå®ã¯ãããŸããïŒããšãã°ãããŒãžã§ã³3.0ïŒã
OïŒç¹å®ã®ç¶æ³ã§åœ¹ç«ã€å¯èœæ§ããããããåé€ããããšã¯ã»ãšãã©ãããŸããã ESLintã®ã«ã¹ã¿ã ã«ãŒã«ãªã©ãéçåæã䜿çšããŠã芪ãžã®ã¢ã¯ã»ã¹ããã€ã§ãæåŠã§ããŸãã
ç§èªèº«ã«ã€ããŠ
QïŒ ITé¢é£ã®ãããã¯ããé¢ããŸãããã çµéšããŸãšãããšãã©ããªç¥èãå ±æã§ããŸããïŒ ããªãã®èå³ã¯äœã§ããããããŠãããã¯ã©ã®ããã«ããã°ã©ãã³ã°ã«é©åããŸããïŒ äžè¬ã®äººã ãç¹ã«éçºè ã«ã©ã®ãããªã¢ããã€ã¹ãããŸããïŒ
OïŒç§ã¯çŸè¡æè²ãåããŠãããã»ãšãã©ã®éšåã§ããã°ã©ãã³ã°ãå匷ããŸããã ãããããã®ãããç§ã¯å®çšçã§åŠã³ããããœãªã¥ãŒã·ã§ã³ã«æè¬ããåŸåããããŸãã æéãçµã€ã«ã€ããŠãç§ã¯å€ãã®å Žåãããã°ã©ãã³ã°ã¯é©åãªåŠ¥åæ¡ãéžæããããšã§ããããšã«æ°ä»ããŸããã ç§ã®ã¢ããã€ã¹ã¯ããŸãã«ããŽãªãŒçã§ã¯ãªããå®çšçã§ããã劥åã«åããã¹ãã ãšæããŸãã
QïŒ Vue.jsã®äœæ¥ã«ã¯1æ¥äœæéããããŸããïŒ
OïŒãããç§ã®äž»ãªä»äºã«ãªã£ãŠä»¥æ¥ãç§ã¯éåžžã®å¹³æ¥ã®1æ¥ã9ãã5ã«è²»ãããŠããŸãïŒãŸããããå°ãé·ããããããŸããïŒ
QïŒ GoogleãMeteorãªã©ã§ã®éå»ã®çµéšã«ã€ããŠæããŠãã ããã Vueã®ã¢ã€ãã¢ã¯ã©ã®ããã«çãŸããŸãããïŒ
OïŒããã«devchat.tvã§å©çšã§ããããããã£ã¹ãã®ãšããœãŒããçµããŸããã ããã§ãç§ã¯ããã«ã€ããŠè©³ãã話ããŸãã
QïŒããªãã®æèŠã§ã¯ãä»æ¥ã®ãŠã§ãæè¡ã®ã¹ã¿ãã¯ã®äžã§æãéèŠãªç¬éã¯äœã§ããïŒ ã©ã®åéã§å€æŽãå¿ èŠã§ããïŒ äœãæŽç¶ãšããŠããŠãäœãããã§ãªãã®ãïŒ
OïŒããã³ããšã³ãã«ã€ããŠã®ã¿è©±ãããšãã§ããŸãã äž»ãªåé¡ã¯ãWebãã©ãããã©ãŒã ãæäŸããæšæºAPIãäœãããããšã ãšæããŸãã ãã®çµæãéåžžã«å€ãã®ã©ã€ãã©ãªãããã©ãããã©ãŒã ã解決ã§ããªãã»ã©ã®ã»ãŒãã¹ãŠã®åé¡ã解決ããŸãã ããã¯è¯ãé¢ãšæªãé¢ã®äž¡æ¹ã§ãã è¯ãããšã¯ããããã®é©æ°ïŒç«¶äºã«ãã£ãŠåŒãèµ·ããããïŒãçŽ æŽãããã¢ã€ãã¢ãçã¿åºãããšã§ãã ãã€ãã¹é¢ã¯ã衚瀺ãããã»ãšãã©ãã¹ãŠã®ã¹ã¿ãã¯ããæ¥éã«çºå±ããèšå€§ãªæ°ã®äŸåé¢ä¿ã§æ§æãããŠããããšã§ãã ããã¯ä»åŸæ°å¹Žéç¶ãå¯èœæ§ããããŸãã
å人çã«ã¯ããã€ã®æ¥ããã©ãŠã¶ãéåžžã«å¹æçã«ãªããã¢ã»ããã®é ä¿¡ããã³ãã«ããããæé©åããããšã«ã€ããŠå¿é ããã®ããããããšãã§ããããšãé¡ã£ãŠããŸãã ããã«ãããä»æ¥ã®ããã³ããšã³ãã¢ãŒããã¯ãã£ã§éåžžèŠãããäžæçãªïŒã¹ãããã®ã£ããïŒããŒã«ã®åé¡ããã¹ãŠåé€ãããŸãã ãã ããããããã€èµ·ãããã¯ããããŸããã
QïŒ Viewã®ã©ã®æè¡ãœãªã¥ãŒã·ã§ã³ãæãèªãã«æã£ãŠããŸããïŒ
OïŒç°¡åã«åŠã¹ããšåæã«ãéåžžã«åŒ·åã§ãã
QïŒãããŒã»ãã¢ã¯ãã«ã10åãã«ã®ãšã©ãŒãšåŒãã ã ããªãã®ãã£ãªã¢ã§ææªã®æè¡ç決å®ã¯äœã§ãããïŒ
OïŒ Vue 2.xã®ã³ãŒãã®æžãçŽããå§ãããšãã§ããæåã«TypeScriptã䜿çšãããšãããšæããŸãã
QïŒããªããåãçµãã æãé£ããVueæ©èœã¯äœã§ããïŒ
OïŒãããã2.4ã§ã®ãµãŒããŒã¬ã³ããªã³ã°ã®æé©åã«ãããã¬ã³ãã©ãŒã¯ã³ã³ãã€ã«æã«äœæãããVDOMããŒããšæååè¡šçŸããŒãã®æ··åãåŠçã§ããŸããã
PS
çµç¹ãšç¿»èš³ãæäŒã£ãŠããããã¹ãŠã®äººïŒAlex Sokolovã ai_boy ã hiperteksto ã irsick ã z6Dabrata ã gbezyuk ïŒããããŠãã¡ããããšãŽã¡ã³èªèº«ã«æè¬ããŸãã
PPS
Evanãšã®ä»¥åã®QïŒAã»ãã·ã§ã³ã®ãã㪠ïŒengïŒãåç §ããŠãã ãã