
æè²ã»ãããŒã®äžç°ãšããŠãJSãã¬ãŒã ã¯ãŒã¯ã®æŠèŠãç°¡åã«èª¬æããŸãã ãããã®ããŒã«ã«é¢ããæèŠã®ã»ãšãã©ãWebã«å ¬éããããããŸããã§ããããã®ãããªãã®ã¯å€§è¡ãæããã人ã ãæããã察é¢åŒã®äŒè©±ãšã¯ç°ãªããæ¬åœã«è¯ãåæ¹åã®äŒè©±ããªãããã§ããèŽè¡ãšã®ã³ãã¥ãã±ãŒã·ã§ã³ã
ããããç§ã®ã¬ãã¥ãŒã¯éåžžã«æçšã§ããããåäžããŒãžã¢ããªã±ãŒã·ã§ã³ãäœæããããã®JSãã¬ãŒã ã¯ãŒã¯ã®èª°ãããšãã質åã§ç°¡æœãã€åæã«ååãªç解ãåŸãã®ã«åœ¹ç«ã€ãšåœŒãã¯äœåºŠãèšããŸããã ãã®æ©äŒã«ãç§ã¯ãããå ·äœåããŠSomethingãšããŠå ¬éããããšã決ããŸããããç§ã¯åã«æèŠãè¡šæããŠããã ãã§ãããäœããã¹ãããäŒããŠããã®ã§ã¯ãªããããªããšããªãã®ããŒã ã«æé©ãªããŒã«ã䜿çšããå¿ èŠãããããšãèŠããŠãããŠãã ããã ããªãã¯ç§ãšç°¡åã«æèŠãåããªãããTwitterã§ããã«ã€ããŠæžãããããã«è¯ãããšã«ããªãã®ç«å Žã説æããå¥ã®æçš¿ãå ¬éããããšãã§ããŸãã
Angular.js
ã®ããã«
- 䜿ãå§ããã®ã¯éåžžã«ç°¡åã§ãã ã¹ã¯ãªããã¿ã°ãæ¿å ¥ããngå±æ§ãã¢ããªã±ãŒã·ã§ã³ã«è¿œå ããã ãã§ãå¿ èŠãªåäœãéæ³ã®ããã«ååŸã§ããŸãã
- Angularã¯ã³ã¢éçºããŒã ã«ãã£ãŠååã«ãµããŒããããŠããããã®å€ãã¯ç¶ç¶çã«Googleã«åãçµãã§ããŸãã
- 倧å¢ã®èŠ³å®¢/ã³ãã¥ããã£
ã«å¯ŸããŠ
- AngularãéžæãããšãJavaScriptã䜿çšããŠåé¡ã解決ããæ¹æ³ãåŠã¶ã®ã§ã¯ãªããAngluar.jsãåŠã¶ããšã«ãªããŸãã ç§ãã¡ã®ããŒã ãAngularã䜿çšããŠã¢ããªã±ãŒã·ã§ã³ãäœæããããã«ç¿»èš³ããå Žåã{ãã¡ãã¯çŽ æŽãããæ°ããJSãã¬ãŒã ã¯ãŒã¯ã®ååã§ã}ãããã³ããšã³ãéçºã®äžçãå€ããããšãããã©ããªããŸããïŒ ãŸãã¯ãç¹å®ã®ã¿ã¹ã¯ã§Angularãæãã§ããããšãæ£ç¢ºã«è¡ãããå¥ã®äœãã䜿çšããŠãã®éšåãå®è¡ãããå Žåã¯ã©ããªããŸããïŒ ãã®å ŽåãAngularã®éçºã¹ãã«ã¯ã©ã®çšåºŠé¢é£ããŸããïŒ JavaScriptéçºè ã§ã¯ãªããJSéçºè ã®ä»£ããã«ãAngularãäž»ãªã¹ãã«ãšãã人ã ãç²åŸããŸãã
- 責任åºåã«éåããŸãã ç§ã¯å€ããã¥ãŒãæã£ãŠãããšèšããŸããããã¶ã€ã³ã«ã¯CSSããæ§é ã«ã¯HTMLããã¢ããªã±ãŒã·ã§ã³ããžãã¯ã«ã¯JavaScriptã䜿çšãã¹ãã ãšèããŠããŸãã ããããAngularã®å ŽåãJSã§ã¯ãªãHTMLå ã®åäœãèšè¿°ããã®ã«å€ãã®æéãè²»ãããŸãã ç§å人ã«ãšã£ãŠãããã¯Angularã®è©å€ã«ãããŠæãéèŠãªãã€ãã¹ã§ãã ã¢ããªã±ãŒã·ã§ã³ããžãã¯ãHTMLã§èšè¿°ããããããŸãããããã€ãã¢ããžãã¯ãèšè¿°ããããã§ã¯ãªããããã¥ã¡ã³ãã®æ§é ãæå®ããããã®ããŒã¯ã¢ããèšèªã§ããããããã®ãããªã¿ã¹ã¯ã«å¯ŸããŠè¡šçŸåãäžååã§ãã ãã®ç¹ãåé¿ããããã«ãAngularã¯åºæ¬çã«HTMLå ã«å¥ã®èšèªãäœæããè¿œå ã®è©³çŽ°ãèšè¿°ããããã«å°ãã®JSãããã«æ¯ããããŸãã ç¹°ãè¿ãã«ãªããŸãããJavaScriptã¢ããªã±ãŒã·ã§ã³ã®æ§ç¯æ¹æ³ãåŠã¶ä»£ããã«ãAngularãåŠã³ãäºæ ã¯è€éã«ãªããŸãã ã ãããç§ã®å人ã§ããAri's Angularã®æ¬ã¯ãã§ã«600ããŒãžã®åãã§ãïŒ
- ããŸãã«ãå€ãã®éæ³ã ããªãã¯éæ³ã®ä»£éãæããªããã°ãªããŸããã é«ã¬ãã«ã®æœè±¡åã§äœããæäœããå Žåãäœããæ²ãã£ãŠåäœãå§ãããšãã«æ£ç¢ºã«äœãééã£ãŠããã®ããææ¡ããã®ãã¯ããã«é£ãããªããŸãã ãããŠããã¡ãããããªããbeatãããéãé¢ãããšããããªããå©ããããšãã§ãã人ã¯ã»ãšãã©ããŸããã ç§ã¯ééã£ãŠããå¯èœæ§ããããŸãããAngularã䜿çšããŠãã人ã®ã»ãšãã©ã¯ãAngularãä¿®æ£ãããå°ãªããšããããã°ã§ããçšåºŠã«ãã¬ãŒã ã¯ãŒã¯ã«ç²ŸéããŠããªããšæããŸãã
- ã¢ããªã±ãŒã·ã§ã³ã®æ§é ã¯ã»ãšãã©æäŸãããŸããã 1ããŒãžã®Angularã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããæšæºçãªæ¹æ³ããããã©ããã¯ããããŸããã 誀解ããªãã§ãã ãããå°ãªããšããç¹å®ã®äœæ¥ã¹ã¿ã€ã«ã課ããªãããŒã«ã«ã¯ééããªãééãã¯ãããŸããããä»ã®äººã®è§åºŠã®ããã¢ããªã±ãŒã·ã§ã³ãä»ã®äººãèŠã€ããã®ãé£ãããªãããšãæå³ããŸãæžãæ¹ã¯éåžžã«ç°ãªãå¯èœæ§ãé«ããããããªãã®ãã®ãç解ããŠãã ããã
ç§ã®äž»èŠ³çãªïŒãããŠãšã©ãŒããå®å šã§ã¯ãªãïŒçµè«
JSã§ã¯ãªãHTMLå ã®ç䌌èšèªã䜿çšããŠèšè¿°ãããããžãã¯ãå€ãããŸããããããã¯ãã¹ãŠæœè±¡çã§éæ³ã®ããã«èŠããŸãã
é«ã¬ãã«ã®æœè±¡åã«ã€ããŠåŠã¶ã®ã§ã¯ãªããããŒã ã«DOMãšJSãããç解ããŠãããããã§ãã
Ember.js
ã®ããã«
- ãThe Ember Wayãå šäœã®å®è¡ã«éç¹ã眮ããŠããŸãïŒãå察ãã®æåã®ç¹ã«æ³šæããŠãã ããïŒã ããã¯äž¡åã®å£ã§ãã æœåšçã«æ··ä¹±ã®å±±ã«ã€ãªããå¯èœæ§ã®ãã倧èŠæš¡ãªããŒã ãããå Žåãå åºãªæ§é ãæã€ããšã§ãå ±éã®ããŒã¹ã³ãŒããšã以åã«æžããããã¹ãŠãå°çã«æãå ¥ãããæ°ããéçºè ããããšãã欲æ±ãå解ã§ããŸãã ãããããã¹ãŠãšã³ããŒã§éçºãããŠããå Žåã圌ãã¯ãšã³ããŒã§åœŒãã®ããã®æ°ãããããžã§ã¯ãã«ããã«åå ããå¯èœæ§ããããŸãã
- 1ããŒãžã®ã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããéã«ééããè€éãªåé¡ã®ã»ãšãã©ããããªãã®ããã«å€ãã®å°é£ãªæ±ºå®ãäžãä¿¡ããããªãã»ã©è³¢ã人ã ã«äžããŸãïŒå察ã®é ç®ãåç §ïŒã
- 倧èŠæš¡ãªã¬ã¹ãã³ã·ãã³ãã¥ããã£ã
- ããã¯ã®ããçŽ æµãªãµã€ãã
ã«å¯ŸããŠ
- ãThe Ember Wayãå šäœã®å®è¡ã«éç¹ã眮ããŠããŸãïŒããã¯ãforãã«ããããŸãïŒã ãšã³ããŒã«ã¯å€ãã®ã«ãŒã«ããããŸãã æšæºãã¹ããªãã«ããæ©äŒããããšããäºå®ã«ãããããããå®éã«ãããè¡ã人ã¯ã»ãšãã©ããŸããã ããšãã°ãEmberã§ãã³ãã«ããŒã䜿çšããå¿ èŠã¯ãããŸããããå®çšŒåç°å¢ã§äœ¿çšããªãEmberã¢ããªã±ãŒã·ã§ã³ãå€æ°ããå Žåãéåžžã«é©ââããããŸãã
- Emberã³ãŒãã«ã¯ãç¹å®ã®åé¡ã解決ããæ¹æ³ã«é¢ããå€ãã®å ·äœçãªæèŠãå«ãŸããŠããŸãã ãããã®æèŠã«åæãããåã ã®æ©èœãç¬èªã®æ©èœã«çœ®ãæããå Žåã¯ããšã«ãããã¹ãŠã®æªäœ¿çšã³ãŒãããã©ãŠã¶ãŒã«éä¿¡ããŠãã ããã ãã€ããæ°ããã®ã¯å¥œãã§ã¯ãããŸããããæŠå¿µçã«ã¯ãå®éã«äœ¿çšãããŠãããã®ã ããã¯ã©ã€ã¢ã³ãã«æäŸã§ããæ¹ãè¯ãã§ãã ããã«ã䜿çšãããã®ã ããæå®ãããšããã°ãæ€åºããããã«èª¿ã¹ãå¿ èŠãããã³ãŒããå°ãªããªããŸãã
- ç¹ã«Ember ãã¢ãã€ã«ããã€ã¹ã§å®è¡ãããŠããå Žåãã¡ã¢ãªã倧éã«æ¶è²»ããããšãæ¬ ç¹ãšèããããšãã§ããŸã ã
- Emberã«ã¯æ§é çãªæè»æ§ã¯ãããŸããã ä¿¡ããããªãïŒ ãããŠãYehudaïŒEmberã®2ã€ã®äž»èŠãªéçºè ã®1人ãæ®ãã®è°è«ãéåžžã«èå³æ·±ãïŒãä¿¡ããŠãã ããã
ç§ã®äž»èŠ³çãªçµè«
æè»æ§ã®æ¬ åŠãšãEmberã䜿çšãããšãã¯ãEmberããã®ãŸãŸäœ¿çšãããããŸã£ãã䜿çšããªããã®ã©ã¡ãããå¿ èŠã§ãããšããæèŠããç§ãæ¬åœã«å¯ŸåŠããããªãäž»ãªçç±ã§ãã
åå¿ãã
å®éããã®ãªã¹ãã«Reactãå«ããããšã¯å®å šã«å ¬å¹³ã§ã¯ãªãããšã«æ³šæããŠãã ããã ããã¯ãã¬ãŒã ã¯ãŒã¯ã§ã¯ãªãããã¬ãŒã³ããŒã·ã§ã³å±€ã§ãã ããããéåžžã«æŽ»çºã«è°è«ãããŠããããããã®ã¬ãã¥ãŒã«å«ããããšã«ããŸããã åºæ¬çã«ããã§ã€ã¹ããã¯ãã©ãã¯ã¹ãè¿œå ãããšããã¬ãŒã ã¯ãŒã¯ãšèŠãªãããšãã§ããŸãã
ã®ããã«
- DOMãã¯ãªãŒã³ã¢ããããããšãå¿é ããã«åæ§ç¯ããæ©èœã Reactã¯ãã¬ã³ããªã³ã°ããä»®æ³DOMãçŸæç¹ã®å®éã®DOMã«ãããã®ãšæ¯èŒããæå°éã®å€æŽãå ããŠããããåæããŸãã
- ãŸããä»®æ³DOMã䜿çšãããšãããŸããŸãªãã©ãŠã¶ãŒã§ã®ã€ãã³ãåŠçã«é¢é£ããåé¡ãç°¡åã«è§£æ±ºã§ããã€ãã³ãã®å€èŠ³ãšããããã¢ãããã«å¯ŸããŠãã©ãŠã¶ãŒã«äŸåããªãæšæºæºæ ã®ã¢ãã«ãæäŸãããŸãã ãã®çµæãä»»æã®ãã©ãŠã¶ãŒã§äºææ§ã®ããã€ãã³ãã¢ãã«ãååŸã§ããŸãã
- Reactã¯åãªããã¬ãŒã³ããŒã·ã§ã³ã¬ã€ã€ãŒã§ããããã¬ãŒã ã¯ãŒã¯ãã®ãã®ã§ã¯ãããŸããã ãã®ããã奜ããªã¢ããªã±ãŒã·ã§ã³ãéçºãããšãã«ãä»»æã®ããŒã«ãããã䜿çšã§ããŸãã Backboneã¯ããã¥ãŒãã¢ãã«ã«ã¢ã¿ããããããã®ããã¯ã¹åããããœãªã¥ãŒã·ã§ã³ãæäŸãããã¢ãã«ãå€æŽããããšãã«åã³ãã¥ãŒãã¬ã³ããªã³ã°ããããšãæäŸãããããBackboneã«é©ããŠããŸãã
ã«å¯ŸããŠ
- ãã³ãã¬ãŒãã®æ§æãšDOMãäœæããæ¹æ³ïŒJSXã䜿çšïŒã¯ãåŒçšç¬Šã§å²ãŸããŠããªãHTMLãæå¹ã§ãããã®ããã«Javascriptã³ãŒãã«ä¿åããå¿ èŠããããããJSéçºè ã«ãšã£ãŠã¯å°ãå¥åŠã§ãã ã¯ããJSXã¯ãªãã·ã§ã³ã§ããã代ããã¯React.DOM.divïŒnullã "Hello"ãthis.props.nameïŒã§ãã -ç§ã®æèŠã§ã¯ãããŸãè¯ããããŸããã
- DOMã®å€æŽãå®å šãã€æ瀺çã«å¶åŸ¡ããå¿ èŠãããå ŽåãReactã¯ãããæäŸããŸããã ããšãã°ãèŠçŽ ããã©ãã°ã¢ã³ãããããã§ããã€ã³ã¿ãŒãã§ã€ã¹ãäœæããã«ã¯ãã¹ã¿ã€ã«å±æ§ã®å€æŽãã©ã®ããã«çºçããããæ確ã«å¶åŸ¡ããå¿ èŠããããŸãã ã¯ã©ã¹ãè¿œå ããé åºãªã©ãç°¡åã«ç¢ºç«ããããšã¯ã§ããŸããïŒãããæ¬ é¥ãšåŒã³ãŸãããå人çã«ã¯ãã®ããåé¡ã¯ãããŸããã§ãããåæã«ãæ£ç¢ºã«èŠããã§ããéçºè ãšè©±ããŸããããã®Reactæ©èœã§ã¯ãäžè¬çã«ããã®åé¡ã«é¢ããç§ã®æèŠã«å€§ããäŸåããªãã§ãã ããïŒ
- Reactãã¥ãŒå šäœãããã«åæ§ç¯ã§ãããšããäºå®ã«ããããããããã®ã³ã³ããŒãã³ããååã«è€éã§ããå Žåãå Žåã«ãã£ãŠã¯ãä»®æ³DOMãšå®éã®DOMã®éããæ確ã«ããããšãããªãæéããããããã»ã¹ã«ãªãå¯èœæ§ããããšãã匷ãç念ããããŸãã Reactã䜿çšããŠããäžéšã®éçºè ã¯ãå€æŽãããããšãããã£ãŠããèŠçŽ ã®ã¿ãæŽæ°ãããšèããŸããããããã¯ãã¢ãã«ã¬ã³ããªã³ã°ããã»ã¹ã«ãããéå¹²æžãšããèããã®ãã®ãä¿¡çšããŠããŸããã ç¹°ãè¿ããŸããããã®åé¡ã«ã€ããŠã¯ãç§ã¯ã»ãšãã©çµéšããããŸããã
ç§ã®äž»èŠ³çãªçµè«
ãFLUXãã¢ãŒããã¯ãã£ã«é¢ããçãã¡ã¢ã ç§ã«ãšã£ãŠãããã¯æ°ããæ å ±ãã¢ã€ãã¢ã§ã¯ãªããåãªãæ°ããååã§ãã ãããŠãããã¯ãã®æèŠã«ç§ã ãã§ã¯ãªãããã§ã ã
FLUXã®æŠå¿µã¯ãAmpersandãBackboneãªã©ã®åççã«äœæãããã€ãã³ãã·ã¹ãã ãåããããŒã¿ã¬ã€ã€ãŒã®ååšãšããŠç解ãããµãŒããŒããã®ãã¹ãŠã®ãŠãŒã¶ãŒæäœãšæŽæ°ããã®ã¬ã€ã€ãŒã®ç¶æ ã®å€åã«å€ããŸãã
ãŠãŒã¶ãŒã¢ã¯ã·ã§ã³ãDOMã®æŽæ°ã«çŽæ¥ã€ãªãããªãããã«ãããå ŽåãFLUX + Reactãšåãåæ¹åã€ãã³ããã§ãŒã³ã«ãªããŸãã ãã®ãããAmpersandã«ã¯åæ¹åã¢ãã«ãšãã¥ãŒãã€ã³ãã£ã³ã°ãæå³çã«å«ããŸããã§ããã ç§ã®æèŠã§ã¯ãåæ¹åãã€ã³ãã£ã³ã°ã¯æœåšçãªå±éºæºã§ãã é·å¹Žã«ããã£ãŠãçä¿¡ã€ãã³ããåŠçããã®ã¯1ã€ã®ã¬ã€ã€ãŒã®ã¿ã§ããã¢ãŒããã¯ãã£ã䜿çšããŠããŸããããŠãŒã¶ãŒå ¥åããµãŒããŒå¿çãã¯é¢ä¿ãããŸããã
ããªããŒ
ãã®ç·ã¯ç§ã«ãšã£ãŠå°ãå¥åŠã§ãã ã«ã¹ã¿ã èŠçŽ ãå®çŸ©ã§ããããã«éçºãããæšæºïŒçµã¿èŸŒã¿ã®åäœã§æ°ããHTMLã¿ã°ãäœæããããã®document.registerElementïŒã«åºã¥ããŠããããããã®ã«ã¹ã¿ã èŠçŽ ãä»ã®ããã¥ã¡ã³ãã«ã€ã³ããŒãããããã«HTMLãã€ã³ããŒãããŸãïŒâ¹link type = 'html'âºïŒ ïŒãããã³ã·ã£ããŠDOMïŒCSSãããã¥ã¡ã³ãã®æ®ãã®éšåããåé¢ããããïŒ
ãããã®ãã¹ãŠã¯çŽ æŽãããïŒç§ã®æèŠã§ã¯ãHTMLã€ã³ããŒããé€ãïŒã
ããããPolymerã®èª¬æããå€æãããšãããã¯ãã¹ãŠã®Webéçºãç°¡åãã€çŸããããããã®æ®éçãªããŒã«ã§ããããã®ãã¬ãŒã ã¯ãŒã¯ã¯æåéããã¹ãŠã«é©ããŠãããšæããŠããŸãã å ¬åŒãµã€ãããã®åŒçšã¯æ¬¡ã®ãšããã§ãã
Webã³ã³ããŒãã³ãã¯ãHTMLãæ¡åŒµããã«ãã»ã«åããçžäºéçšå¯èœãªã«ã¹ã¿ã èŠçŽ ã«åºã¥ããWebéçºã®æ°ããæ代ã«å ¥ãã€ã€ãããŸãã ãããã®æšæºã«åºã¥ããŠãPolymerã¯åçŽãªãã¿ã³ãããã¹ã¯ããããã¢ãã€ã«ããã€ã¹ãããã³æ³åã§ãããããããã®ã®ã¢ããªã±ãŒã·ã§ã³å šäœãŸã§ããããããã®ãããç°¡åãã€è¿ éã«äœæã§ããããã«ããŸãã
ã«ã¹ã¿ã èŠçŽ ãäœæãããã®åäœãã«ãã»ã«åããå¯ââèœæ§ãåã«çŽ æŽããããšèããŠããã«ããããããããã¬ãŒã ã¯ãŒã¯ã®äœçœ®ä»ãã«ã¯å€±æããŠããŸãã ä»ã§ã¯æåéããã¹ãŠã«äœ¿çšãã¹ãã ãšæããŠããŸãã
ç°¡åãªè°è«ïŒå°ãªããšãäœãã«ããªããŒã䜿çšããGoogleã®éèŠãªã¢ããªã±ãŒã·ã§ã³ã¯ç¥ããŸããã
ç§ã«ãšã£ãŠã¯èµ€ä¿¡å·ã®ãããªãã®ã§ãã 誀解ããªãã§ãã ãããæããã«ããã¯æ°ããããšã§ãããå€æŽã«ã¯æéãããããŸãã åé¡ã¯ãPolymerã«åãçµãã§ããGoogleãšã³ãžãã¢ããã®ã¡ãã»ãŒãžã§ãããµã€ãäžã®ããã¹ããããã®æ°èŠæ§ãåæ ããŠããªãããšã§ãã
ããã«ãåäžããŒãžã¢ããªã±ãŒã·ã§ã³ã®ãã¬ãŒã³ããŒã·ã§ã³ã¬ã€ã€ãŒã®ãã¹ãŠã®ã³ãŒããã«ããŒããã«ã¹ã¿ã èŠçŽ ã®æãäœæããå Žåã§ãããããã®èŠçŽ ã®äœæ/åé€ã管çããããã»ã¹ãæŽçããå¿ èŠããããŸãã ãŸããç¶æ ã管çããã¢ããªã±ãŒã·ã§ã³ã®å éšãæ§ç¯ããããã®ããŒã«ãéžæããå¿ èŠããããŸããããã«ããããããã®ã«ã¹ã¿ã èŠçŽ ã¯ãã¹ãŠãããã¯ããŒã³ãã¥ãŒã«çžåœããå¥ã®äœææ¹æ³ã«ãããŸããã åäžããŒãžã®ã¢ããªã±ãŒã·ã§ã³ã®äžçã§ã¯ãã«ã¹ã¿ã èŠçŽ å ã§ãããã®ããšãã³ãŒãã£ã³ã°ããã ããªã®ã§ãããŸãã¡ãªããã¯ãããŸããã
ã®ããã«
- ãã©ãŠã¶ã§ã®ãµããŒããåŸ ããã«ãã«ã¹ã¿ã ãã©ãŒã èŠçŽ ãªã©ãäœæããçŽ æŽãããæ©äŒã§ãã
- Polymerã¯ååã«ããªãã¡ã€ã«ã§ãããããä»ãããã®æ©èœã䜿çšããŠå®éšãéå§ã§ããŸãã
- ãŠã£ãžã§ããã®äœæã«é¢ããã¹ã¿ã€ã«ã®åé¢ã¯ãé·å¹Žã«ããã£ãŠWebã®åé¡ã§ããã æ°ããæšæºã¯ãã®åé¡ããã©ãŠã¶ã¬ãã«ã§è§£æ±ºããŸãããããã¯ãã°ãããããšã§ãã
ã«å¯ŸããŠ
- å人çã«ã¯ãGoogleããã®ãããªããŒã«ãäœæããäž»ãªåæ©ã®1ã€ã¯ãJSèªäœãç¥ãå¿ èŠãããªãã»ã©ç°¡åã«ããŒãžå ã«åäœãã¹ã¿ã€ã«ãæ©èœãå«ããµãŒãã¹ãåã蟌ãããšã§ãã ç§ã¯ãã®ä»®å®ã«å®å šã«ééã£ãŠãããããããŸããããããŒã±ãã£ã³ã°ã®åæ©ããã®å Žåã®æ°ããåºæºãä¿é²ããããã®äž»ãªåååã§ãããšæããããåŸãŸããã
- HTMLã€ã³ããŒãã¯ãç§ã«ãšã£ãŠã¯æªãèãã®ããã§ãã å®éããããã¯CSS importã®å Žåãšåãã¬ãŒãã§ãã äœããã€ã³ããŒãããå Žåã¯ããµãŒããŒããå¿çãåä¿¡ãããŸã§åŸ æ©ããå¿ èŠããããŸãããã®åŸãå¥ã®ã³ã³ããŒãã³ããªã©ãã€ã³ããŒãããŠããããšãå€æããŸãã ãããã£ãŠãããŒãžãæ§ç¯ããããã®ã³ã³ããŒãã³ãæåã®ã¢ãããŒãïŒãããæè¯ãšãããïŒãæ¬åœã«éµå®ããŠããå Žåãå€æ°ã®ãããã¯ãŒã¯èŠæ±ã«å¯ŸåŠããå¿ èŠããããŸãã 確ãã«ãäŸåé¢ä¿ããªã³ã¯ããããã®ãå ç¡«æ©ãããããŸãã ããããã€ã³ã©ã€ã³ã¬ã€ã¢ãŠããé©åãªãœãªã¥ãŒã·ã§ã³ã§ãããšã¯æããŸããã æè¿ã HTMLã€ã³ããŒãã®åé¡ã«é¢ãã倧éã®æçš¿ãæžãããŸããããã®åé¡ãšä»ã®ããã€ãã®åé¡ã«ã€ããŠè°è«ããŠããŸãã
- GoogleãPolymerãç©æ¥µçã«å®£äŒããŠããçç±ãç解ããŠããªãã®ã§ãããç§ãèŠã€ããGoogle補åã®å¯äžã®äŸã¯Polymerãµã€ãèªäœã§ããã«ãããããããéçºã®äžèœè¬ã§ãããã®ããã§ãã ãã®ãµã€ãã§ã¯ããPolymerã䜿çšãããšãã·ã³ãã«ãªãã¿ã³ãããã¹ã¯ããããã¢ãã€ã«ããã€ã¹ãªã©ãæ³åã§ãããããããã®ã«è³ããŸã§ããããããã®ãããç°¡åãã€è¿ éã«äœæã§ããããšäž»åŒµããŠããŸãã Polymerã䜿çšããçµéšããããã®å察ã¯ããæçœã§ããã圌ãã¯ç§ã欺ããããšæããŠããŸãã
ç§ã®äž»èŠ³çãªçµè«
äœããã®çç±ã§ãGoogleã¯èª¿çãããã®ãé£ã¹ãŸããã document.registerElementã®ä»æ§ã¯é©ãã¹ããã®ã§ãããPolymerã®ä»ã®çšéã¯ãªããšæããŸãã
ããã¯ããŒã³
ç§ãç¥ã£ãŠããBackboneã»ã©ããµã€ãã®è£œåããŒãžã§ã³ã§äœ¿çšãããåäžããŒãžã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããããã®äžè¬çãªãã¬ãŒã ã¯ãŒã¯ã¯ãããŸããã Backboneããã¥ã¡ã³ãã®äŸã®ã»ã¯ã·ã§ã³ã«ã¯ãå€æ°ã®æåãªãµã€ãããªã¹ããããŠããŸãããå®å šã«ã¯ã»ã©é ãç¶æ ã§ãã
ã®ããã«
- ããã¯ãã¢ããªã±ãŒã·ã§ã³ãæ§ç¯ããããã®ååã«ãã¹ãããããããã¯ã®ããªãå°ããæè»ãªã»ããã§ãã
- ã¢ãã«
- ã³ã¬ã¯ã·ã§ã³
- ãã¥ãŒïŒãã¥ãŒïŒ
- ã«ãŒã¿ãŒ
- äž»ãªåé¡ã®ã»ãšãã©ã解決ããŸãã
- çŠç¹ãçµã£ãæ©èœã«ãããããã«ç解ã§ããŸãã Backbone.jsã®ããã¥ã¡ã³ãã¯ãããŒã ã«åå ãããã¹ãŠã®æ°ããããã³ããšã³ãéçºè ãžã®æåã®èª²é¡ãšããŠåžžã«åŠç¿ãããŸãã
ã«å¯ŸããŠ
- Backboneã¯ãéçºäžã«çºçãããã¹ãŠã®åé¡ã®è§£æ±ºçãæäŸããããã§ã¯ãããŸããã ãããã£ãŠãç§ã®çµéšãããããã¯ããŒã³ã䜿çšãããã¹ãŠã®äººã¯ãBackboneãã¬ãŒã ã¯ãŒã¯ã®äžã«ç¬èªã®ããã¬ãŒã ã¯ãŒã¯ããäœæããå¿ èŠããããŸãã
- ã»ãšãã©ã®å ŽåãçŽç²ãªBackboneã䜿çšãããšã次ã®ããšãèŠéããŸãã
- ã¢ãã«ã®2次ããããã£ãäœæããæ¹æ³
- è¡šçŸã®ã»ã«ã³ããªãå«ããããããã£ããã€ã³ãããæ¹æ³
- èŠçŽ å ã«äžé£ã®ãã¥ãŒãã¬ã³ããªã³ã°ããæ¹æ³
- ããŽãŒã¹ãããäŸåã¬ã€ã¢ãŠããªã©ãæäœããç°¡åãªæ¹æ³
- Backboneã®ããããªãºã ã«ããããããããã®ã³ã³ããŒãã³ãã¯çžäºã«æ¥ç¶ãããããŠããŸãã ããšãã°ããã«ãªã¯ãšã¹ãã®ããŒãžãå«ããªãªãŒã¹åã¯ãå éšã¡ãœãããããŒã«ã«ã«å€æŽããªãéããBackboneã³ã¬ã¯ã·ã§ã³å ã§ä»ã®ã¿ã€ãã®ã¢ãã«ã䜿çšããããšã¯ã§ããŸããã§ããã ããã¯äžéšã®ã¢ããªã±ãŒã·ã§ã³ã«ãšã£ãŠéèŠã§ã¯ãªããããããŸããããããšãã°ãå¿ ãããããã¯ããŒã³ã«äŸåããªãä»ã®ã³ãŒããåäœã§ããã¯ãã®ã©ã€ãã©ãªã«èŠ³æž¬å¯èœãªããŒã¿ãã¢ãã«ã«ä¿åãããå Žåã«å¿ èŠã§ãã ããã¯ããŒã³ã¢ãã«ã䜿çšããå¯äžã®æ¹æ³ã¯ããããžã§ã¯ãã«ããã¯ããŒã³å šäœãå«ããããšã§ãã
ç§ã®äž»èŠ³çãªçµè«
ããã¯ããŒã³ã¯å€ãã®çŽ æŽããããã®ãéæããŠããŸããã ããŒãžã§ã³0.3ãã䜿çšããŠããããã®ãããã«ãªã³ã³ã»ããã«éåžžã«æéãåããŸããã
圌ã¯ããã©ãŠã¶ãŒãããã¥ã¡ã³ãã®ã¬ã³ããªã³ã°ã®ãšã³ãžã³ãšããŠã§ã¯ãªããã©ã³ã¿ã€ã ãšããŠäœ¿çšãå§ããæ°ããäžä»£ã®ã¢ããªã±ãŒã·ã§ã³ã®åºçŸãåºæ¿ããŸããã ãããã圌ã®çãå°éæ§ã¯ãéçºè ãBackboneã®äžã«ãœãªã¥ãŒã·ã§ã³ãäœæããå¿ èŠããããšããäºå®ã«ã€ãªãããŸãã ããèªäœã¯æªããªããšããäºå®ã«ãããããããéçºäžã«å€æ°ã®åé¡ã«å¯ŸåŠããå¿ èŠãããããšãæããã«ãªããŸãã
ãã¬ãŒã ã¯ãŒã¯ãªã
ãã¬ãŒã ã¯ãŒã¯ããŸã£ãã䜿çšãã¹ãã§ãªããšèããéçºè ã®ãµãã»ããããããŸãã ãã®èŠ³ç¹ã¯å€ãã®ç¹ã§ç§ã«è¿ããã®ã§ãããäž»ãªè°è«ã«åæããŸããããã®ãããªã¢ãããŒãã¯ãç¹ã«ããŒã éçºã®å Žåãåã«å®çšçã§ã¯ãããŸããã
ã©ã€ã¢ã³ã»ãããŒã¬ã³ã¹ã«ããæçš¿ã§æŠèª¬ãããŠããç«å Žã«åæããåŸåããããŸãã
ãããªãã¯ãã¬ãŒã ã¯ãŒã¯ã䜿çšããªãããšã«ããå Žåãæçµçã«ã¯ãã¬ãŒã ã¯ãŒã¯ãåŒãç¶ã䜿çšããããšã«ãªããŸããããã¬ãŒã ã¯ãŒã¯ã®ã¿ããã¬ãŒã ã¯ãŒã¯ã«ãªããŸãã
圌ã¯ç¶ããŠãããã¯æªãããã©ã«ãã®ãœãªã¥ãŒã·ã§ã³ã§ã¯ãªãããçå£ã«åãçµãã¹ãã§ãããã³ãŒãããµããŒãããããªã©ãªã©ã ãã®æçš¿ãèªãããšã匷ããå§ãããŸããããã¯çŽ æŽãããããšã§ãã
ã®ããã«
- æ倧éã®æè»æ§
- ã¢ããªã±ãŒã·ã§ã³ã§å®éã«äœ¿çšããã³ãŒãã®ã¿ãã¢ã»ã³ããªã«å«ããããšãã§ããŸã
ã«å¯ŸããŠ
- èªè»¢è»ã®çºæã«é¢ãã倧éã®äœæ¥ãšããã®çµæãšããŠã®é«ãéçºã³ã¹ã
- ã©ã®ã¢ãžã¥ãŒã«ã䜿çšããã©ã®ã¢ãžã¥ãŒã«ããã®ç¶æ³ã«é©ããŠããããç解ããããšã¯ããã«å°é£ã§ãã
- æ°ããéçºè åãã®æ確ãªããã¥ã¡ã³ããšåæã®æ¬ åŠ
- æ°ãããããžã§ã¯ãã§ã®ã³ãŒãã®è€éãªé©å¿ãšåå©çš
- ä»ã®èª°ãã®æ€èšŒæžã¿ã³ãŒããå©çšãã代ããã«ãééãããåŠã¶å¿ èŠããããŸãã
巚倧ãªæ·±by
ç§ãã¡ã®ã»ãããŒãè¡ããç§ã®æ¬ã§ããHuman JavaScriptãæºåããéçšã§ããããŠããŒã èªäœã®äžã§ãããŒã«ããã¬ãŒã ã¯ãŒã¯ãã©ã€ãã©ãªãéžæããããã»ã¹ãšãå®æããã¢ããªã±ãŒã·ã§ã³ãçŽæ¥éçºããããã»ã¹ãšã®éã«ã¯å€§ããªã®ã£ãããããããšãç解ããŸããã
ããäºãã®è¶³ãä»ã®èº«äœã®éšåãå§è¿«ããªãããã«ãããŒã ã®åã§ã¢ããªã±ãŒã·ã§ã³ãäœæããæ¹æ³ããšãã質åãã®ãã®ã¯èšã£ãŠããŸãããå€ãã®æ·±å»ãªåé¡ã«çŽé¢ããŠããŸãã çµå±ããã¬ãŒã ã¯ãŒã¯ã®éžæã®åé¡ã«å ããŠãã¢ããªã±ãŒã·ã§ã³ã®æ§é åãæ§ç¯ããããã€ã«äœ¿çšã§ããå€ãã®ã¡ãœãããšãã¿ãŒã³ããŸã ãããŸãã
éåžžã«å°æ°ã®äººã ããããã®åé¡ã«ã€ããŠæžããŠããŸããããã®ãŠãµã®ã®ç©Žã¯ããã¬ãŒã ã¯ãŒã¯ãéžæããããšãããšãã«ç§ãã¡ãèŠã€ãããã®ãšåããããæ·±ãããã§ãã
äœãæ¬åœã«æ¬²ãã
- ã©ãããå§ããããæ確ã«ãããã
- å žåçãªåé¡ã解決ããããã®æ確ãªããããå¯èœãªå¯äžã®æ¹æ³ã§ã¯ãããŸãã
- ã¢ããªã±ãŒã·ã§ã³ã®ããŸããŸãªéšåãç°¡åã«äº€æãããçµã¿åããããããããã®è²¬ä»»ã®æ確ãªåé¢
- ç°¡åãªäŸåé¢ä¿ç®¡ç
- èªè»¢è»ãåçºæããã«æ¢åã®å®çžŸã®ãããœãªã¥ãŒã·ã§ã³ã䜿çšããæ©èœ
- æ§æå ã®ããŒã«å€æ°ãå€æŽããã ãã§devã¢ãŒããšprodã¢ãŒããåãæ¿ããããšãã§ããéçºã€ã³ãã©ã¹ãã©ã¯ãã£
ããã«ã€ããŠäœãæäŸããŸãã
ãã®ããããŸã æšæž¬ããŠããªãå Žåã¯ãJavaScriptã®äžçã«ã²ã©ãããšãããŸããã ã€ãŸãããæ°ããããã¬ãŒã ã¯ãŒã¯ïŒ Ampersand.js ã 軜éã®ããã¯ããŒã³ãŸãã¯ãã©ã³ããå°ãé£æ³ãããŸãã
ãã£ãŒãããã¯ã¯ãããŸã§ã®ãšããéåžžã«å¥œæçã§ãããç§ãã¡ã¯å€ã®åã°ã«ãããçºè¡šããŸããããããŠã å€ãã®çŽ æŽããã人ããã§ã«ãã®éçºã®ä»äºã«åå ããŠããŸãã ã«ã³ãã¡ã¬ã³ã¹ã§åœŒã«ã€ããŠã®å ±åããã§ã«åºãããŠãããBackbone.jsãUnderscore.jsãCoffeeScriptã®äœæè ã§ããJeremy AshkenazããBackboneConf 2014ã§Ampersand.jsã«ã€ããŠã®åºèª¿è¬æŒãããããã«é Œã¿ãŸããã
ä»ã®ãã¬ãŒã ã¯ãŒã¯ã«é¢ããŠäžèšã«ãªã¹ããããã¹ãŠã®æ¬ ç¹ãã©ã®ããã«èæ ®ããããšããŸãããïŒ
- æè»æ§ãšæ¡åŒµæ§
- ã¢ã³ããµã³ãã«ã¯ãããã¯ããŒã³ã³ã³ããŒãã³ãã®ã»ããã«ã»ãŒå¯Ÿå¿ãããã³ã¢ãã¢ãžã¥ãŒã«ã®ã»ããïŒããã¥ã¡ã³ããåç §ïŒããããŸãã ãã ãããããã¯ãã¹ãŠåå¥ã«ã€ã³ã¹ããŒã«ããŠäœ¿çšã§ããŸãã äžè¬ã«RESTfulãŸãã¯Ajax APIã䜿çšããå¿ èŠããããšã¯æ³å®ãããŠããŸããã ããããå¿ èŠãšããªãå Žåã¯ãState RESTfulã¡ãœãããè£å®ããè£ é£ŸããŒãžã§ã³ã®Ampersand-Modelã§ã¯ãªããåã«Ampersand-Stateã䜿çšããŸãã
- ãã³ãã¬ãŒããšã³ãžã³ã¯å«ãŸããŠããŸããã ãã³ãã¬ãŒãã¯ãHTMLã䜿çšããåºæ¬æååããã®ãããªæååãè¿ãé¢æ°ããŸãã¯DOMèŠçŽ ãè¿ãé¢æ°ãšããŠå®çŸ©ã§ããŸãã ãã¢ã¢ããªã±ãŒã·ã§ã³ã«ã¯ãããè€éãªãã³ãã¬ãŒãåãã³ãã¬ãŒãã®äœ¿çšäŸããããŸãããå®éã«ã¯äœã§ããã³ãã¬ãŒãåã§ããŸãã ããšãã°ããã³ãã«ããŒ/ htmlbars + Emberã®ã¹ã¿ã€ã«ã«ã¯ããã³ãã¬ãŒãèªäœã®å éšã§ãã€ã³ãã£ã³ã°ã宣èšããçŽ æŽãããã¢ãããŒãããããPhilip Roberts ã«ãã£ãŠdomthingã«å®è£ ãããŠããŸãã ã¢ã³ããµã³ããã¥ãŒãšäžç·ã«Reactã䜿çšããéçºè ãããŸãã
- ãã¥ãŒïŒãã¥ãŒïŒã§ã¯ããã³ãã¬ãŒããšã³ãžã³ã«é¢ä¿ãªããããŒã¿ãã€ã³ãã£ã³ã°ãèšå®ã§ããŸãã ã€ãŸããå¿ èŠã«å¿ããŠããã³ãã¬ãŒããšããŠHTMLæååã®ã¿ã䜿çšããããŒã¿ããã¬ãŒã³ããŒã·ã§ã³ã«ãªã³ã¯ããããã»ã¹ãå®å šã«å¶åŸ¡ã§ããŸãã æšæºããã±ãŒãžã«ãã³ãã¬ãŒããšã³ãžã³ãå«ãŸããŠããªãããããã³ãã¬ãŒããšã³ãžã³ãæºåž¯ããå¿ èŠãªããã¢ãžã¥ãŒã«åŒ/åå©çšå¯èœãªãã¥ãŒãäœæã§ããŸãã
- ã¢ããªã±ãŒã·ã§ã³ã®æ§é ãèšå®ããããã®æ確ãªåºçºç¹ãšæŠå¿µçãªã¹ããŒã ããªããã°ãªããŸãããããããããã€ã³ãã£ã³ã°ã«å€ããã¹ãã§ã¯ãããŸããã æ°ããã¢ããªã±ãŒã·ã§ã³ã®ãã¬ãŒã ã¯ãŒã¯ãäœæããããã«äœ¿çšã§ããCLIãäœæããŸããã ããã¯åºæ¬çã«å€ãã®ãã®ãããªåæãåããéçºã®åæ段éãšãåã«æçšãªç¥èã®ãœãŒã¹ã®äž¡æ¹ã«åœ¹ç«ã€ããšãã§ããŸãã 詳现ã«ã€ããŠã¯ã ããã¥ã¢ã«ãåç §ããŠãã ãã ã
- æ°ãããã¬ãŒã ã¯ãŒã¯ãäœæããããããæ°ãããã¬ãŒã ã¯ãŒã¯ãäœæããããããåºç€ãšããŠè©å€ã®è¯ããã®ãæ¡çšããæ¹ãè¯ããšå€æããŸããã ãã®ãããBackboneãåºç€ãšããŠããŒããããã¹ãŠãå®è¡ããããã§ã¯ãããŸããã
- ãŸãããã®æ·±aboveãæé€ããããå®å šãªããã¥ã¢ã«ãå¿ èŠã§ããã åšå²ã®ãã¹ãŠã®æŠå¿µãããŒã«ãããã³ãã©ãã€ã ã«æ³šæãæãå¿ èŠããããŸãã ãã®ããã«ãHuman JavaScriptãšããæ¬ãæžããŸããã ãªã³ã©ã€ã³ã§å®å šã«ç¡æã§èªãããšãã§ããé»åæžç±åœ¢åŒã§ãå©çšã§ããŸãã
- ãããžã§ã¯ãã§ã®ãã€ã¯ã®æ§ç¯ãæå°éã«æããããã«ãäžè¬çãªåé¡ã«å¯Ÿããæ¢åã®ãœãªã¥ãŒã·ã§ã³ãç°¡åã«äœ¿çšã§ããããã«ããããšèããŸããã ãããã£ãŠãnpmã䜿çšããŠãã¹ãŠã®ããã±ãŒãžã管çãã䟿å©ãªæ€çŽ¢ã§ãæ°ã«å ¥ãã®ã¯ã©ã€ã¢ã³ãåŽã¢ãžã¥ãŒã«ã®ã«ã¿ãã°ãäœæããŸããã
- ãŸããéçºç°å¢ããæ¬çªç°å¢ã«ã·ãŒã ã¬ã¹ã«ç§»è¡ã§ããããã«ããããšèããŸããã ãã®ãããªåé¡ãbrowserifyã«è¿œå ããmoonbootsã䜿çšããŠããã®åé¡ã解決ããŸãã Moonbootsã«ã¯hapi.jsããã³express.jsã®ãã©ã°ã€ã³ããããã¢ããªã±ãŒã·ã§ã³ã¢ãŒãããããã¯ã·ã§ã³ãªãã·ã§ã³ïŒäžæã®ååãæã€çž®å°ããããã£ãã·ã¥ãããéçã¢ã»ã³ããªïŒããdevïŒæ°ãããªã¯ãšã¹ãããšã«ã³ãŒããåæ§ç¯ããçž®å°ããªãã§ãã ããïŒãã£ãã·ã¥ããªãã§ãã ããïŒ-ããã¯ã1ã€ã®ããŒã«å€æ°ã®å€ãå€æŽããããšã§ãã
- ãã®ãããžã§ã¯ããç§ãã¡ã ãã«å±ããããšã¯æãã§ããŸããã§ããã Ampersand.jsã«ã€ããŠå šå¡ã«è©±ããç¬éããæ¢ã«çŽ40人ã®è²¢ç®è ãããŸããæè¿ãå€ãã®æªã æªå®æã®è²¢ç®è ã®æåããã¬ãŒã ã¯ãŒã¯ã³ã¢ãããžã§ã¯ãã«è¿œå ããŸããã ãã¹ãŠã®éšåã¯éåžžã«å¿ å®ãªMITã©ã€ã»ã³ã¹ã䜿çšããŠããããã¬ãŒã ã¯ãŒã¯èªäœã®ã¢ãžã¥ãŒã«åŒã®åŒ±é£çµæ§é ã«ãããèŠä»¶ã«åãããŠã³ã³ããŒãã³ãã亀æãŸãã¯æ¡åŒµããããšãã§ããŸãã ãŸããGitHubã§ãã®ãããžã§ã¯ãçšã«å¥ã®çµç¹ãèšç«ããŸããã
- ãŸããå¿ èŠã«å¿ããŠè¿œå ã®ãµããŒããšãã¬ãŒãã³ã°ãæäŸããããšèããŸããã ãããè¡ãããã«ã質åãšãµããŒãã®ããã«IRCãã£ã³ãã«çªå·ãïŒfreenodeã§å ¬éããŸããã ç¡æã®ãªãœãŒã¹ã«å ããŠããªã³ã©ã€ã³ã³ãŒã¹ãHuman JavaScript code-alongããšãå®è·µçãªæŒç¿ãšãã£ãŒãããã¯ãå«ããªãã©ã€ã³ã»ãããŒãäœæããŸããã
ã¢ã³ããµã³ãã¯ééããªãæè¯ã®éžæã ãšèšãããã§ããïŒ
ãã 圌ã¯ç¢ºãã«åŠ¥åæ¡ã®åœŒèªèº«ã®ãªã¹ããæã£ãŠããŸãã ããã«ç§ã«ãšã£ãŠæãããªãã®ããããŸãããããããããŸãïŒ
- åœç¶ã®ããšãªãããã¢ã³ããµã³ãã«ã¯ãä»ã®åæ§ã®ããŒã«ãšæ¯èŒããŠããŸã æªçãªã³ãŒãããŒã¹ããããŸãã ãã ãããããèªèããŠãéçºãããã¹ãŠã®åäžããŒãžã¢ããªã±ãŒã·ã§ã³ã§äœ¿çšãããã¹ãŠã®åºæ¬ã¢ãžã¥ãŒã«ã¯ãã¹ãç¯å²ãè¯å¥œã§ãã ããã§ãåé¡ãçºçããå Žåã¯ãããããèªåã§å¯ŸåŠã§ããããšã«æ³šæããŠãã ããã , , , - . . npm -. , , . , , - . , , - -, . , , .
- Ampersand . , , , , . , , , Ampersand.
- Ampersand. , , IE8. , jQuery 2.0 , Google IE IE9 , Microsoft . ? , . , , , . , , ( , ). , IE8 . - browserify transform, , . , , , , , IE 7 8 Ampersand-State.
çµè«ãšããŠ
ç§ãèªåã®èããããªãã«äŒããããšãã§ããŠããããããªãã«ãšã£ãŠåœ¹ç«ã€ããšãããã£ããšæããŸããããã«ã€ããŠäœãèšãããããšããã£ãããã©ããã§èŠéãããããã¹ãããå Žåã¯ãTwitterã§ç§ã«é£çµ¡ããŠãã ããã
ãããŠãã¡ãããããŒã«ãäžç·ã«æ¹åããŸããããå€ãã®äººã ããã®ãããªãããžã§ã¯ãã«åå ãããšããç§ãã¡ã¯ããã奜ãã§ããèŠã€ãã£ããã°ã«ã€ããŠæžãããããªãã®å¥œã¿ã«åã£ãæªè§£æ±ºã®ã¿ã¹ã¯ã® 1ã€ãéžæããŠãé©åãªããããäœæããã®ãæäŒã£ãŠãã ããã