[B! vue.js] sagarayaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

sagaraya id:sagaraya

vue.jsã«é–¢ã™ã‚‹sagarayaã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (4)

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

${{author_name}}$
{{author_name}}{{created}}
{{ #comment }}{{ comment }}{{ /comment }}
- {{ label }}

${{author_name}}$

{{{comment_expanded}}}

{{label}}

{{#is_bookmark}}ãƒªã‚¹ãƒˆ{{/is_bookmark}}{{^is_bookmark}}ãƒªãƒ³ã‚¯{{/is_bookmark}}

browserify + debowerify + vueifyã‚’ä½¿ã£ãŸvue.js componenté–‹ç™º - Qiita
ã“ã®è¨˜äº‹ã¯Vue.js Advent Calendar 2014 16æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ ã¿ãªã•ã‚“ã¯vueifyã¨ã„ã†ãƒ„ãƒ¼ãƒ«ã‚’ã”å˜çŸ¥ã§ã—ã‚‡ã†ã‹ï¼Ÿ vueifyã¯vue.jsã®ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’HTML/CSS/JSã‚’ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆå˜ä½ã§ä¸€ã¤ã®ãƒ•ã‚¡ã‚¤ãƒ«ã«è¨˜è¿°ã—ã¦ã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã§ãã‚‹browserifyã‚’åˆ©ç”¨ã—ãŸãƒ“ãƒ«ãƒ‰ã‚¿ã‚¹ã‚¯ã§ã™ã€‚ ã¾ã æ—¥æœ¬ã§ã¯ã‚ã¾ã‚Šè¨˜äº‹ãŒãªãæ™®åŠã—ã¦ã„ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€è©¦ã—ã«ä½¿ã£ã¦ã¿ãŸã‚‰éžå¸¸ã«ç”Ÿç”£æ€§ã‚’é«˜ã‚ã‚‹å¯èƒ½æ€§ã‚’ç§˜ã‚ã¦ã„ã‚‹ã“ã¨ãŒã‚ã‹ã‚Šã¾ã—ãŸã®ã§ã”ç´¹ä»‹ã•ã›ã¦ã„ãŸã ãã¾ã™ã€‚ ä»Šå›žã®è¨˜äº‹ã§ã¯browserify + debowerify + vueifyã‚‚ä½¿ã£ã¦Vueã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®ç°¡å˜ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œã‚Šã¾ã™ã€‚ ãƒ„ãƒ¼ãƒ« ã¾ãšã¯ãã‚Œãžã‚Œã®ãƒ„ãƒ¼ãƒ«ã®ç´¹ä»‹ã§ã™ã€‚ browserify http://browserify.org/ browserifyã¯æ—¢ã«ã”å˜çŸ¥ã®æ–¹ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ å…ƒ
sagaraya 2015/02/02
polymerä½¿ã†ã®ã¨ã©ã£ã¡ãŒã„ã„ã‚“ã ã‚ã†

browserify

vue.js
ãƒªãƒ³ã‚¯
Flux reactç¾çŠ¶ç¢ºèªä¼š
Google playã§ã®ãƒªãƒ¯ãƒ¼ãƒ‰ã‚¢ãƒ—ãƒªãƒªã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰ã®ä»Šå¾Œã®ãƒžãƒã‚¿ã‚¤ã‚ºæ‰‹æ®µã«ã¤ã„ã¦ ã‚¤ãƒ³ã‚¿ãƒ¼ã‚¹ãƒ†ã‚£ã‚·ãƒ£ãƒ«åºƒå‘ŠÃ—ã‚¯ãƒã‚¹ãƒ—ãƒãƒ¢ãƒ¼ã‚·ãƒ§ãƒ³-
sagaraya 2014/12/29
fluxãŒã„ã„ã®ã¯ãªã‚“ã¨ãªãã‚ã‹ã‚‹ã‚“ã ã‘ã©ã€ãã®å®Ÿç¾æ‰‹æ®µã¨ã—ã¦ã®reactã‚„virtualDOMã¯ã¾ã ã‚ˆãã‚ã‹ã‚‰ã‚“ãªã‚

vue.js

javascript
ãƒªãƒ³ã‚¯
Vue.js ã§ è¤‡æ•°ã®ViewModelã‚’é€£æºã•ã›ã‚‹ - kitak blog
è¿½è¨˜: 2016/04/28 1.xã®Vueã§ã¯ã€Reactã®ã‚ˆã†ã«propsã‚’åˆ©ç”¨ã™ã‚‹ã“ã¨ã§ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆé–“ã§å€¤ã®å—ã‘æ¸¡ã—ã‚’è¡Œã†ã“ã¨ãŒã§ãã¾ã™ã€‚ ã¾ãŸ2.0ã§ã¯ã€$dispatch, $broadcastã¯éžæŽ¨å¥¨ã«ãªã‚‹ã®ã§ã€æ³¨æ„ã—ã¦ãã ã•ã„ã€‚ refs: 2.0 features Â· vuejs/vue Wiki Â· GitHub ã“ã‚“ã«ã¡ã¯ã€‚ã‚Šã‚“ã” ã¨ ã«ã‚“ã˜ã‚“ ã¨ ç”Ÿå§œã®å…¥ã£ãŸã‚¸ãƒ¥ãƒ¼ã‚¹ã‚’é£²ã‚“ã§ã„ã¾ã™ã€ããŸã‘ãƒ¼ã§ã™ã€‚ ä»Šæ—¥ã¯Vue.js ã§ è¤‡æ•°ã®ViewModelã®é€£æºã«ã¤ã„ã¦è€ƒãˆã¦ã¿ã¾ã™ã€‚ Vueã¯ViewModelé–“ã®è¦ªåé–¢ä¿‚ã‚’å®šç¾©ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ãŒã€ä»Šå›žè€ƒãˆã‚‹ã®ã¯(DOMã§)è¦ªåé–¢ä¿‚ãŒãªãã€Œãƒªã‚¹ãƒˆã‹ã‚‰ã²ã¨ã¤ã®é …ç›®ã‚’é¸æŠžã—ãŸã¨ãã«ã€ãã®é …ç›®ã®è©³ç´°ã‚’åˆ¥ã®è¦ç´ ã§è¡¨ç¤ºã™ã‚‹ã€ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ã§ã™ã€‚ ã¹ãŸã«æ›¸ãã¨ã€ã“ã‚“ãªã‹ã‚“ã˜ã«ãªã‚Šã¾ã™(Coffeeã§ã™)ã€‚ listVM = new Vue
sagaraya 2014/10/27
javascript

vue.js
ãƒªãƒ³ã‚¯
Vue.jsæ¦‚è¦ï¼Ÿ - Qiita
Vue.js ã¨ã¯ åŽŸä½œè€…ã§ã‚ã‚‹ Evan Youæ° ãŒä¸å¿ƒã¨ãªã£ã¦é–‹ç™ºä¸ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JavaScirpt(JS)ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ MVC ã®æ´¾ç”Ÿç¨®ã§ã‚ã‚‹ã€GUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã«é©ã—ãŸ MVVM ã‚’è¨è¨ˆåŸºç›¤ã¨ã—ã¦æŽ¡ç”¨ã—ã€æ§‹ç¯‰ã•ã‚Œã¦ã„ã¾ã™ã€‚ MVVM ã‚’æŽ¡ç”¨ã—ã¦ã„ã‚‹ã“ã¨ ãŒã€æ§‹æ–‡ã®ç†è§£ã—ã‚„ã™ã•ã«ç¹‹ãŒã£ã¦ã„ã¾ã™ã€‚ MVVM ã‚’æŽ¡ç”¨ã—ãŸãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã¯ã€è¡¨ç¤ºãã®ã‚‚ã®ã§ã‚ã‚‹Viewã€è¡¨ç¤ºã™ã‚‹ãƒ‡ãƒ¼ã‚¿(ãƒ—ãƒãƒ‘ãƒ†ã‚£)ã¨ãƒ‡ãƒ¼ã‚¿ã‚’æ“ä½œã™ã‚‹æ‰‹ç¶šã(ãƒ¡ã‚½ãƒƒãƒ‰)ã‚’ã²ã¨ã¾ã¨ã‚ã«ã—ãŸ View Model(VM)ã€ãŒèˆžå°ä¸Šã®å½¹è€…ã§ã™ã€ãã‚Œã‚‰ã‚’ç®¡ç†ã™ã‚‹ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©(Controller)ã¯ã€å˜åœ¨ã™ã‚‹ã‚‚ã®ã®ã€é»’åã®ã‚ˆã†ãªå˜åœ¨ã§ã€ãƒ¦ãƒ¼ã‚¶ã‹ã‚‰ã¯éš è”½ã•ã‚Œã¦ã„ã‚‹ãŸã‚ã€(ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãéš›ã«)æ„è˜ã™ã‚‹å¿…è¦ã¯ã‚ã‚Šã¾ã›ã‚“ã€‚ VMã¨Viewã‚’ã²ã¨ã¾ã¨ã¾ã‚Šã«ã—ã¦ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆ(Component)ã®å½¢ã§æ‰±ã„ã¾ã™ã€‚ Vue.jsã‚’åˆ©ç”¨
sagaraya 2014/09/22
mvvm

javascript

vue.js
ãƒªãƒ³ã‚¯
1