[B! mvvm] yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yuiseki id:yuiseki

mvvmã«é–¢ã™ã‚‹yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (10)

${{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}}

Vue+Vuexã§MVVMãªWebApplicationã‚’è¨è¨ˆã™ã‚‹ã¨ãã«è€ƒãˆãŸã„ã“ã¨
ã¾ãˆãŒã ã“ã“æœ€è¿‘ã€Vueã‚’ä½¿ã£ã¦å®Ÿè£…ã•ã‚ŒãŸWebã‚¢ãƒ—ãƒªãŒéšåˆ†ã¨å¢—ãˆã¦ããŸã‚ˆã†ã«æ„Ÿã˜ã¾ã™ã€‚è‡ªåˆ†ã‚‚ä½•åº¦ã¨ãªãå®Ÿè£…ã—ã¦ãã¾ã—ãŸã€‚ã™ã”ãå°ã•ãªãƒ‡ãƒ¢ã‚’ä½œã‚‹ã¨ãã«ã‚‚ä½¿ãˆã‚‹ã—ã€ä¸è¦æ¨¡ä»¥ä¸Šã®Webã‚¢ãƒ—ãƒªã‚’ä½œã‚‹ã¨ãã«ã‚‚ä½¿ãˆã‚‹ã—ã€æ‰±ã„ã‚„ã™ã„ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã§ã¨ã¦ã‚‚å¥½ãã§ã™ã€‚ ã‚ã‚‹ç¨‹åº¦ã®è¦æ¨¡ã«ãªã£ã¦ãã‚‹ã¨ã€Œè¤‡æ•°ã®ç”»é¢ã§ãƒ‡ãƒ¼ã‚¿ã‚’å…±æœ‰ã—ãŸã„ã€ã€Œã“ã£ã¡ã®Componentã®çŠ¶æ…‹ã‚’ã‚ã£ã¡ã®Componentã«ä¼ãˆãŸã„ã€ã¨ã„ã£ãŸã‚ˆã†ãªå•é¡Œã«ã¶ã¡å½“ãŸã‚Šã€ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã§ãã‚Œã‚‰ã‚’è§£æ±ºã™ã‚‹ã¨ã„ã†ã®ã‚‚ãŠé¦´æŸ“ã¿ãªæ„Ÿã˜ã§ã™ã€‚ç‰¹ã«Vueã§ã¯åŒæ–¹å‘ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã®ç‰¹æ€§ä¸Šã€MVVMã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãŒä½¿ã‚ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ã€Vueã§MVVMã‚’å®Ÿç¾ã™ã‚‹éš›ã«èµ·ãå¾—ã‚‹è¨è¨ˆä¸Šã®å•é¡Œã«ã¤ã„ã¦ã€ç¾æ™‚ç‚¹ã§ã®ç§ã®è§£æ±ºæ–¹é‡ã‚’ã¾ã¨ã‚ã¦ã¿ã¾ã—ãŸðŸ˜Œ ã¾ãˆãŒã Vue+MVVMã¨ã¯ã©ã‚“ãªã‚‚ã®ã‹ ä¸€èˆ¬çš„ãªMVVMã‚’ç†è§£ã™ã‚‹ View V
yuiseki 2017/08/30
vue

vuex

mvvm

js

javascript

web

spa
ãƒªãƒ³ã‚¯
è»½é‡MVVMãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®Vue.jsã‚’è©¦ã—ã¦ã¿ãŸ
ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚° (iOS, JavaScript, Jenkins, Sikuli) ã¨Macã‚„iPhoneãªã©ã®è©±é¡ŒãŒä¸å¿ƒã®ãƒ–ãƒã‚° ã‚·ãƒ³ãƒ—ãƒ«ã§é«˜é€ŸãªMVVMãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹Vue.jsã§ã‚µãƒ³ãƒ—ãƒ«ã‚¢ãƒ—ãƒªã‚’ä½œæˆã—ã¦ã¿ã¾ã—ãŸã€‚ Vue.jsã®ç‰¹å¾´ General FAQå†…ã§AngularJSã¨ã®é•ã„ã‚’å°‹ãã‚‰ã‚ŒãŸã¨ãã®ã€ä½œè€…ã§ã‚ã‚‹Evanã®ã‚³ãƒ¡ãƒ³ãƒˆã«ã‚ˆã‚‹ã¨ã€Vue.jsã«ã¯æ¬¡ã®ã‚ˆã†ãªç‰¹å¾´ãŒã‚ã‚Šã¾ã™ (è¶…æ„è¨³)ã€‚ ã‚·ãƒ³ãƒ—ãƒ« é«˜é€Ÿ æŸ”è»Ÿæ€§ãŒã‚ã‚Šã€ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’æ··ãœã¦ã‚‚çˆ†ç™ºã—ãªã„ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ–ã¨ã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã®å½¹å‰²ã‚’ã‚ˆã‚Šæ˜Žç¢ºã«ã—ãŸ å®Ÿéš›ã€TodoMVCãƒ™ãƒ¼ã‚¹ã®ãƒ™ãƒ³ãƒãƒžãƒ¼ã‚¯ãƒ†ã‚¹ãƒˆã§ã¯å¹³å‡çš„ã«ä»–ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚ˆã‚Šã‚‚æ—©ã„ã‚‰ã—ã„ã§ã™ã€‚ ã‚µãƒ³ãƒ—ãƒ« ã¨ã„ã†ã‚ã‘ã§ã‚µãƒ³ãƒ—ãƒ«ã€‚ã‚ˆãã‚ã‚‹TODOã‚¢ãƒ—ãƒªã§ã™ã€‚ãƒ•ãƒ¬ãƒ¼ãƒ å†…ã ã¨ä¸Šæ‰‹ãå‹•ä½œã—ãªã„ã¨ããŒã‚ã‚‹ã¿ãŸã„ãªã®ã§ã€ãã®ã¨ãã¯å³ä¸Šã®Editã‹ã‚‰åˆ¥ãƒšãƒ¼ã‚¸ã§é–‹ã„ã¦ãã ã•ã„
yuiseki 2014/03/17
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
Vue.jsã§v-repeatã‚’ãƒã‚¹ãƒˆã™ã‚‹ã«ã¯ - console.lealog();
ã„ã¾ã„ã¡ã‚„ã‚Šæ–¹ãŒã‚ã‹ã‚‰ãšå‰å›žã¯ã‚ãã‚‰ã‚ãŸãƒ»ãƒ»ã€‚ ãŒã€ã„ã¾ã‚„ã£ãŸã‚‰ã§ããŸï¼ è¦‹ãŸæ–¹ãŒæ—©ã„ã¨æ€ã†ã®ã§ã€ã‚³ãƒãƒ©ã‚’ã©ã†ãžã€‚ ãªã‚“ã‹jsfiddleã¯èª¿åãŒæ‚ªã‹ã£ãŸã®ã§ã€CodePenã«ã€‚ å‚è€ƒï¼šCodePen - Pen Gistã«ã‚‚ãƒ¡ãƒ¢ã£ã¦ãŠãã“ã¨ã«ã—ãŸã€‚ å‚è€ƒï¼šHow to v-repeat in v-repeat at Vue.js v-repeatã‚’ãƒã‚¹ãƒˆã™ã‚‹ã‚ˆã†ãªã‚±ãƒ¼ã‚¹ ã¾ã‚ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆãªã‚‹ã‚‚ã®ã§ã‚¢ãƒ¬ã‚³ãƒ¬ã™ã‚‹ã‚±ãƒ¼ã‚¹ã§ã¯ã€ã‚ˆãã‚ã‚‹ã“ã¨ã‹ã¨æ€ã„ã¾ã™ã€‚ ã“ã‚“ãªãƒ‡ãƒ¼ã‚¿ã‚’ã€ã“ã‚“ãªãƒ†ãƒ³ãƒ—ãƒ¬ã§ã€‚ How to v-repeat in v-repeat at Vue.js v-repeat(ä»–)ã§ä½¿ãˆã‚‹ç‰¹æ®Šå¤‰æ•° ã£ã¦ã„ã†ã‹ã¯ã‚ã‹ã‚‰ã‚“ã‘ã©ã€‚ $parent: ã‚¤ãƒ†ãƒ¬ãƒ¼ã‚·ãƒ§ãƒ³ã—ã¦ã‚‹ãã‚Œãžã‚Œã®è¦ªã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ $root: æ ¹æœ¬ã®ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ(ã¦ã‹$data) $index: ã„ã‚ã‚†ã‚‹index(0èµ·ç®—) $k
yuiseki 2014/03/17
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
å™‚ã®Vue.jsã‚’ã•ã‚ã£ã¦ã¿ãŸ - console.lealog();
ãªã‚“ã‹æµè¡Œã‚Šã«ã®ã£ã¦ã‚‹æ„ŸãŒã‚ã‚Šã¾ã™ã€‚ å‚è€ƒï¼švue.js ãªã‚“ã‹ã‚ã‹ã‚‰ã‚“ã‘ã©ã¯ã¦ãƒ–ã®ä¸Šä½ã«å‡ºã¦ãŸã€æ°—è±¡åºã®APIã¨ã‚ã‚ã›ã¦ä½¿ã£ã¦ã¿ã¾ã—ãŸã€‚ ä»¥ä¸‹ã€ã‚µãƒ³ãƒ—ãƒ«ã®URLã§ã™ã€‚ ã‚½ãƒ¼ã‚¹è¦‹ãŸæ–¹ãŒã¯ã‚„ã„ã‹ã‚‚ã€‚ æ°—è±¡åºAPIã®ä»•æ§˜å¤‰æ›´ï¼Ÿã®å½±éŸ¿ã‹ã€ãƒ¬ã‚¹ãƒãƒ³ã‚¹ãŒå–å¾—ã§ããªããªã£ãŸã®ã§ã€ç¾åœ¨å‹•ä½œã—ã¦ã¾ã›ã‚“ã€‚ ä½¿ç”¨æ„Ÿãªã‚“ã¦èªžã‚Œã‚‹ã»ã©å¤§ã—ãŸèº«åˆ†ã§ã¯ãªã„ã®ã§ã™ãŒã€ã¾ã‚ã“ã†ã„ã†é¢¨ã«ã‚‚è¦‹ãˆã¦ã‚‹ã‚ˆã€ã¨ã„ã†ã“ã¨ã§ã‚³ã‚³ã¯ã²ã¨ã¤ã€‚ 20140712è¿½è¨˜ ã„ã¾ã ã½ã¤ã½ã¤ãƒ–ã‚¯ãƒžã•ã‚Œã‚‹ã®ã§è¿½è¨˜ã§ã™ã€‚ ã“ã®ã‚µãƒ³ãƒ—ãƒ«ã§ä½¿ã£ã¦ã‚‹Vue.jsã¯ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãŒã‹ãªã‚Šå¤ã„ã®ã§ã€ãã“ã‚’å¿µé ã«ç½®ã„ãŸä¸Šã§èªã‚“ã§ãã ã•ã„ï¼ æœ€è¿‘ã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã‚¢ãƒƒãƒ—ã§ãƒ«ãƒ¼ãƒ—ã¾ã‚ã‚Šã¯è¨˜è¿°æ–¹æ³•å¤‰ã‚ã£ã¦ãŸæ°—ã‚‚ã™ã‚‹ã®ã§ã€‚ ã•ã‚ã‚‹ã¾ãˆ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã‚’èªã‚“ã§ã‚‹æ„Ÿã˜ã€Angular.jsã®æ™‚ã¨åŒã˜ã‚ˆã†ãªå°è±¡ã€‚ ã€Œãˆã€ã‚³ãƒ¼ãƒ‰ã“ã‚“ã ã‘ã§ã„ã„ã®ï¼Ÿã†ã‚å‹•ã„ã¦ã‚‹ã™ã’ãƒ¼ï¼ã€ã£ã¦ã„ã†æ„Ÿã˜ã€‚ ã‚³ãƒ¼ãƒ‰ã®ã‚¹
yuiseki 2014/03/17
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
Webã§ã‚‚Bindingã—ãŸã„ï¼Vue.jsã‚’ä½¿ã£ã¦MVVMã—ã¦ã¿ã‚‹ã€‚ - atelier:mitsuba
ã‚¿ã‚¤ãƒˆãƒ«ã®ã¾ã¾ã€‚ xamlã§ã„ã†ã¨ã€ä¾‹ãˆã°TextBoxã¨TextBlockã®Textã‚’åŒæœŸã—ãŸã„ã€‚ ãã‚“ãªæ™‚ã¯æ–¹æ³•ã¯ï¼“ã¤ã‚ã£ã¦ã€ ï¼‘ï¼ŽKeyUpã§TextBlock.Textã«TextBox.Textçªã£è¾¼ã‚€ã€‚ ï¼’ï¼ŽTextåŒå£«ã‚’Control Bindingã™ã‚‹ã€‚ ï¼“ï¼Žãã¡ã‚“ã¨VMã«ãƒ—ãƒãƒ‘ãƒ†ã‚£ç”¨æ„ã—ã¦ã€Bindingã™ã‚‹ã€‚ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ«é–“ã¨Converterã§è§£æ±ºã™ã‚‹ã¨ãã¯ï¼’ã§ã„ã„ã‹ãªãƒ¼ã ã‘ã©ã€ï¼“ã˜ã‚ƒãªã„ã¨ã„ã‘ãªã„æ™‚ã¨ã‹ã‚ã‚‹ã‚ˆãªãã€‚ ã§ã€Webã§ã©ã†ã™ã‚‹ã‚“ã‚„ã‚ãƒ¼MVVMã£ã¦ã‚ã‚‹ã‚“ã‹ãªãƒ¼ã£ã¦ãªã£ã¦èª¿ã¹ã¦ã¿ãŸã€‚ ï¼‘ã¨åŒã˜æ–¹æ³•ã ã¨æ„šç›´ã«Changedã‚¤ãƒ™ãƒ³ãƒˆã¨ã‹æ‹¾ã£ã¦ã€JSã§Domã®ä¸èº«ã‚’æ›¸ãæ›ãˆã‚‹ã‚“ã ã‘ã©ã€ã‚„ã£ã±ã‚Šç¾Žã—ããªã„ã€‚ ï¼’ã¯ã‚ˆãã‚ã‹ã‚‰ã‚“ã€‚ ã§ã€ï¼“ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã«ã€Vue.jsã£ã¦ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªãŒã‚ã‚‹ã‚‰ã—ã„ã€‚ Angular.jsã‚ˆã‚Šã‚‚æ°—æ¥½ã«ä½¿ãˆã‚‹è»½é‡ã‚·ãƒ³ãƒ—ãƒ«ãªJSã®MVVMç”¨ãƒ©ã‚¤ãƒ–
yuiseki 2014/03/17
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
Vue.js
Vue.js - The Progressive JavaScript Framework
yuiseki 2014/02/14
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
è»½é‡ã§ãƒ‘ãƒ¯ãƒ•ãƒ«ãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°MVVM, vue.jsã§éŠã‚“ã§ã¿ãŸ - mizchi's blog
Vue.jsã¯è»½é‡ãªMVVMãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€‚ vue.js http://vuejs.org/ ä½¿ã£ã¦ã¿ãŸæ„Ÿã˜ã€ã‹ãªã‚Šæ‰‹è§¦ã‚ŠãŒã‚ˆã„ã®ã§ã€ç´¹ä»‹ã™ã‚‹ã€‚ æ¦‚è¦ handlebarsé¢¨ã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ›¸ã„ã¦ã€DOMã‚’å±•é–‹ã™ã‚‹ã€‚æ™®é€šã®ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚¨ãƒ³ã‚¸ãƒ³ã¨é•ã„ã€$dataã‚¢ã‚¯ã‚»ãƒƒã‚µã‚’é€šã˜ã¦å€¤ã‚’æ›¸ãæ›ãˆã‚‹ã“ã¨ã§ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆå±•é–‹å¾Œã‚‚å€¤ãŒåŒæœŸã™ã‚‹(!!!)ã€‚ ä¸€è¨€ã§è¨€ã†ã¨è»½é‡Angularã€‚ã‚³ãƒ¼ãƒ‰èªã‚“ã æ„Ÿã˜ã€å†…éƒ¨çš„ã«ã‚‚Angularã‹ã‚‰å¤§é‡ã«ã‚³ãƒ¼ãƒ‰ã‚’æŒã£ã¦ããŸç—•è·¡ãŒã‚ã‚‹ã€‚$watchã¨directiveå®šç¾©ãŒã‚ãƒ¢ãªã®ã¯åŒã˜ã€‚ ã¨ã¯ã„ã£ã¦ã‚‚ã€è»½é‡ãªã®ã¯ä½¿ã†å´ã®APIå´ã ã‘ã§ã€å†…éƒ¨å®Ÿè£…ã¯ãã‚Œãªã‚Šã«é‡ã„ã€‚APIã‚’è»½é‡ã«ã™ã‚‹ã“ã¨ã§ã€Angularã®ãƒ‡ãƒ¡ãƒªãƒƒãƒˆã§ã‚ã‚‹å¦ç¿’ã‚³ã‚¹ãƒˆéƒ¨åˆ†ã‚’é™ã‚Šãªãå‰Šã‚‹ã“ã¨ã‚’ç›®æ¨™ã«ã—ã¦ã„ã‚‹ã‚“ã˜ã‚ƒãªã„ã ã‚ã†ã‹ã€‚ å¤§é›‘æŠŠãªä½¿ã„æ–¹ ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚’æ›¸ãã€‚å¯¾å¿œã™ã‚‹ãƒ‡ãƒ¼ã‚¿æ§‹é€ ã‚’æ›¸ãã€‚{foo: 'bar'
yuiseki 2014/02/14
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
Angularãã£ã¡ã®ã‘ã§ã€Vue.jsã«ã¤ã„ã¦æ‰€æ„Ÿ
Vue.js è»½é‡ã§ãƒ‘ãƒ¯ãƒ•ãƒ«ãªãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°MVVM, vue.jsã§éŠã‚“ã§ã¿ãŸ - mizchi's blog ã‚’èªã‚“ã§è§¦ç™ºã•ã‚ŒãŸã®ã§ã€è‡ªåˆ†ã‚‚å¤–è¦‹çš„ã«è‰¯ã„ãªã¨æ€ã£ãŸãƒã‚¤ãƒ³ãƒˆã ã‘æ›¸ãç•™ã‚ã¦ã¿ã¾ã™ã€‚ã•ã™ãŒã«å®Ÿæˆ¦æŠ•å…¥ã§ãã¦ã„ãªã„ã®ã§ã€ãã®ã‚ãŸã‚Šã®ç²¾åº¦ã¯æ‚ªã—ã‹ã‚‰ãšã€‚ ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã®é›°å›²æ°— ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã¨ã‹è‡ªåˆ†ã§ã¡ã‚‡ã£ã¨è§¦ã£ã¦ã¿ãŸã¨ãã®æ„Ÿè§¦ã‹ã‚‰ã¯ã€ä»¥ä¸‹ã®ãƒã‚¤ãƒ³ãƒˆãŒæ°—ã«å…¥ã‚Šã¾ã—ãŸã€‚data-bidingsã¨ã‹ã¯å‰æã¨ã—ã¦ä¾¿åˆ©ã§ã™ã€‚ã¯ã„ã€‚ è¦šãˆåˆ‡ã‚Œãã†ãªåˆ†é‡ã®API Class: Vue - vue.js è„³ã¿ãã¡ã£ã¡ã‚ƒã„ã®ã§åŠ©ã‹ã‚Šã¾ã™ã€‚ãã‚Œã«å°½ãã‚‹ã€‚ ãƒ—ãƒãƒ‘ãƒ†ã‚£ã«ã‚ˆã‚‹å®£è¨€ã£ã½ã• Angularã ã¨ã‚¤ãƒ™ãƒ³ãƒˆãƒãƒ³ãƒ‰ãƒ©é¡žã‚’æ›¸ãã«ã‚‚ã€$scopeã«éƒ½åº¦ãƒãƒ³ãƒ‰ãƒ©ã‚’ä»•è¾¼ã‚“ã§ã„ãã®ãŒã‚ã¾ã‚Šå¥½ãã§ãªã„ã§ã™ã€‚å·¥å¤«ã§å›žé¿ã§ããã†ã§ã™ãŒã€ä¸Žãˆã‚‰ã‚ŒãŸã‚¹ã‚¿ãƒ¼ãƒˆãŒä¸‹è¨˜ã®ã‚ˆã†ãªçŠ¶æ…‹ã§ã‚ã‚‹ã“ã¨ã«ã¯å¤‰ã‚ã‚Šã¾ã›ã‚“ã€‚ angu
yuiseki 2014/02/14
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
Vue.js - The Progressive JavaScript Framework | Vue.js
The Progressive JavaScript Framework An approachable, performant and versatile framework for building web user interfaces. Why Vue Get Started Install Get Security Updates for Vue 2 Special Sponsor slot is now vacant - Inquire now Approachable Builds on top of standard HTML, CSS and JavaScript with intuitive API and world-class documentation. Performant Truly reactive, compiler-optimized rendering
yuiseki 2014/02/09
mvvm

vue.js

javascript

tech
ãƒªãƒ³ã‚¯
é›‘æŠŠã® UI ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ¼å²(MVCã‹ã‚‰MVVMã¸) | ãƒ—ãƒã‚°ãƒ©ãƒžãƒ¼ã‚ºé›‘è¨˜å¸³
Web ã®å ´åˆã¯ View ã¨ Controller ã®é•ã„ã¯ã¯ã£ãã‚Šã—ã¦ã¾ã™ã€‚ View ã¯ html ãƒšãƒ¼ã‚¸ã¨ãã®ä½œæˆã‚’æ‹…å½“ã—ã¾ã™ã€‚ CGI ã¯ ã‚¢ãƒ‰ãƒ¬ã‚¹ã¨ãƒ‘ãƒ©ãƒ¡ãƒ¼ã‚¿ãƒ¼(ã‚¢ãƒ‰ãƒ¬ã‚¹ã® ? ã®å¾Œãªã©)ã‚’å—ã‘å–ã‚Šã€å‡¦ç†ã‚’è¡Œã„ã¾ã™ã€‚ ãã®å—ã‘å–ã‚Šéƒ¨åˆ†ãŒ Controller ã§ã™ã€‚ Model ã¨ View ã§ã¯ãªãã€ãªãœ MVC ã¨ã—ãŸã®ã§ã—ã‚‡ã†ã‹ ? ã€Ž GoF æœ¬ã€ ã§ã¯ Controller ã‚’åˆ†ã‘ã‚‹åˆ©ç‚¹ã‚’ã„ãã¤ã‹æŒ™ã’ã‚‰ã‚Œã¦ã„ã¾ã™ã€‚ ã‚ãƒ¼ãƒœãƒ¼ãƒ‰ã®å¿œç”ã‚’å¤‰ãˆãŸã‚Šã€ãƒ¡ãƒ‹ãƒ¥ãƒ¼ã‹ã‚‰ã®å‘¼ã³å‡ºã—ã«å¤‰æ›´ã™ã‚‹ã¨ãã€è¡¨ç¤ºæ–¹æ³•ã‚’å¤‰æ›´ã—ãªãã¦ã„ã„ã€‚ å…¥åŠ›ã‚¤ãƒ™ãƒ³ãƒˆã‚’ç„¡è¦–ã™ã‚‹ã¨ã„ã£ãŸã“ã¨ã‚’ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ãƒ¼ã®ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ã®å…¥ã‚Œæ›¿ãˆã§å¯èƒ½ã€‚ ãã®ä»–ã«ã‚‚ "View ã‚’å…¥ã‚Œæ›¿ãˆã‚Œã°ã€ PC ã‚¢ãƒ—ãƒªã€ Web ã‚¢ãƒ—ãƒªã§ã‚‚ä½¿ãˆã‚‹ã‚ˆã†ã«" ã¨ã„ã†ç†ç”±ã‚‚ã‚ã‚Šã¾ã™ã€‚ ã¡ã‚‡ã£ã¨ç„¡ç†ãã†ãªè©±ã§ã™ãŒã€ä¾‹ãˆã°ã€ PC ã‚¢ãƒ—ãƒªãŒæ¬¡ã®ã‚ˆã†ãª
yuiseki 2013/03/05
ui

mvc

mvvm

ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£
ãƒªãƒ³ã‚¯
1