[B! MVVM] beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

beth321 id:beth321

MVVMã«é–¢ã™ã‚‹beth321ã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (13)

${{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.jsã§æ‰‹è»½ã˜ã‚ƒãªã„ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹ç¯‰ - Qiita
æ¦‚è¦ Vue.jsã¯ã€MVVMã¨ã„ã†MVCã®æ´¾ç”Ÿç¨®ã‚’è¨è¨ˆåŸºç›¤ã¨ã—ã¦æ§‹ç¯‰ã•ã‚ŒãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JSãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚AngularJSã¨è¡¨é¢ä¸Šã¯ä¼¼ã¦ã„ã¾ã™ãŒã€è¨è¨ˆæ€æƒ³ã¯å…¨ãç•°ãªã‚‹ã‚‚ã®ã§ã€ä½œæˆã—ãŸUIã‚³ãƒ³ãƒãƒ¼ãƒãƒ³ãƒˆã‚’çµ„åˆã›ã¦ãƒšãƒ¼ã‚¸ã‚’æ§‹æˆã™ã‚‹ã“ã¨ã‚’å‰æã«ã—ã¦ã„ã¾ã™ã€‚ ã€ŒVue.jsã§éŠã‚“ã§ã¿ãŸã€ã®ã‚ˆã†ãªè¨˜äº‹ã¯ã‚ˆãè¦‹ã‚‹ã®ã§ã™ãŒã€å®Ÿéš›ã«ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã¨ã—ã¦èµ°ã‚‰ã›ã‚‹å ´åˆã«ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹æˆã‹ã‚‰ãƒ†ã‚¹ãƒˆã¾ã§ã€ã©ã®ã‚ˆã†ã«ã™ã‚‹ã®ãŒãƒ™ã‚¹ãƒˆãªã®ã‹ã‚’ã€ã¾ã¨ã‚ã¾ã—ãŸã€‚ SPAã‚’ãƒ™ãƒ¼ã‚¹ã«ã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰è¨€èªžä¸Šã§å‹•ã‹ã™ã¨ãã®æ§‹æˆã‚‚èª¿ã¹ã¦ã„ã¾ã™ã€‚ ãƒ–ãƒ©ã‚¦ã‚¶ã‚µãƒãƒ¼ãƒˆ yyx990803/vue - Vue.jsã¯ãƒ¬ã‚¬ã‚·ãƒ¼ãƒ»ãƒ–ãƒ©ã‚¦ã‚¶ã‚’ã‚µãƒãƒ¼ãƒˆã—ã¦ã„ã¾ã›ã‚“ã€‚ å‚è€ƒè¨˜äº‹ Getting Started - vue.js Vue.jsæ¦‚è¦ï¼Ÿ - Qiita - ã¯ã¦ã¶200 å¤§ãã‚ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³æ§‹æˆã«ã¤ã„ã¦ ã‚¬ã‚¤ãƒ‰ãƒ©ã‚¤ãƒ³
beth321 2015/03/17
vue.js

Javascript

ã‚ã¨ã§èªã‚€

MVVM
ãƒªãƒ³ã‚¯
MVVMã§ã‚ã‚“ã©ãã•ã„ã¨æ€ã£ã¦ã‚‹éƒ¨åˆ†ã‚’ã€å€‹äººçš„ã«ã©ã†ã‚„ã£ã¦ç·©å’Œã—ã¦ã‚‹ã‹ - ã‹ãšãã®Blog@hatena
MVVMã®ã‚ã‚“ã©ãã•ã„ã¨æ„Ÿã˜ã¦ã‚‹ã¨ã“ã‚ Modelã¨ViewModelã®ã‚¯ãƒ©ã‚¹ã®ãƒžãƒƒãƒ”ãƒ³ã‚° MVVMã§ã‚¢ãƒ—ãƒªçµ„ã‚“ã§ã‚‹ã¨Modelã¨ViewModelã§ä¼¼ãŸæ§‹é€ ã®ã‚¯ãƒ©ã‚¹ã‚’ä½œã£ã¦ã€å€¤ã®ç§»ã—æ›¿ãˆã‚’è¡Œã†ã“ã¨ãŒã‚ã‚Šã¾ã™ã€‚AutoMapperã¨ã‹ä½¿ã£ã¦ã‚‚ã„ã„ã®ã§ã™ãŒã€ReactivePropertyã‚’ä½¿ã†ã“ã¨ã§ã‚‚æ¥½ã‚’ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»¥ä¸‹ã®ã‚ˆã†ãªModelã‚¯ãƒ©ã‚¹ãŒã‚ã‚‹ã¨ã—ã¾ã™ã€‚ï¼ˆBindableBaseã‚¯ãƒ©ã‚¹ã¯Prismã®INotifyPropertyChangedã‚’å®Ÿè£…ã—ãŸã‚¯ãƒ©ã‚¹ã§ã™ï¼‰ public class Person : BindableBase { private string name; public string Name { get { return this.name; } set { this.SetProperty(ref this.name, value); } } pr
beth321 2015/02/16
programming

MVVM

javascript

è€ƒãˆæ–¹

.NET

Windows ã‚¹ãƒˆã‚¢ ã‚¢ãƒ—ãƒª

C#

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

model

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
MVVM ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’ã‚ˆã‚Šæ·±ãç†è§£ã™ã‚‹ - Yuta Watanabe's Blog
ã“ã‚“ã«ã¡ã¯ã€‚ ãƒžã‚¤ã‚¯ãƒã‚½ãƒ•ãƒˆã®æ¸¡è¾ºã§ã™ã€‚ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã®1ã¤ã§ã‚ã‚‹ MVVM ( Model - View - ViewModel )ã€‚æ—¢ã«å¤šãã®å®Ÿè£…ä¾‹ã‚„ MVVM ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’æŽ¡ç”¨ã—ãŸ Framework ãŒå…¬é–‹ã•ã‚Œã¦ã„ã¾ã™ã€‚ from Wikkipedia ã¾ãŸã€MVVM ãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€C#/.NET/XAML ã®ä¸–ç•Œã‚’ä¸å¿ƒã«å¤šãåˆ©ç”¨ã•ã‚Œã¦ãã¾ã—ãŸãŒã€æœ€è¿‘ã§ã¯ã€JavaScript/HTML ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã§åˆ©ç”¨ã•ã‚Œã‚‹ã“ã¨ã‚‚å¤šããªã‚Šã¾ã—ãŸã€‚ ãã—ã¦ MVVM ã‚’ç†è§£ã™ã‚‹ä¸ã§ã€ã¾ãŸ MVVM ã‚’ã‚µãƒãƒ¼ãƒˆã™ã‚‹ Framework ã‚’åˆ©ç”¨ã™ã‚‹ä¸ã§ã¯ Model, View, ViewModel ã«ã¨ã©ã¾ã‚‰ãšã€Service, Command, Messenger, IoC, DI, Service Locator ..e.t.c ã¨ã„ã£ãŸã‚ãƒ¼ãƒ¯ãƒ¼ãƒ‰ã«è‡ªç„¶ã¨å‡ºä¼šã†ã§ã—
beth321 2014/11/05
mvvm

è¨è¨ˆ

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

å¾Œã§è¦‹ã‚‹

é–‹ç™º

framework

architecture

MVC

wpf

ã‚ã¨ã§èªã‚€
ãƒªãƒ³ã‚¯
ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆKnockout.js
Knockoutã®ã‚³ãƒ³ã‚»ãƒ—ãƒˆ å®£è¨€åž‹ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° UIã«å¿…è¦ãªã®ã¯ ViewModel (ã‚·ãƒ³ãƒ—ãƒ«ãªãƒ¢ãƒ‡ãƒ«ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆ) ã¨ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‰ã ã‘ã€‚ ã‚„ã‚„ã“ã—ã„DOMæ“ä½œãªã—ã§ã€å‹•çš„ãªã‚¤ãƒ³ã‚¿ãƒ¼ãƒ•ã‚§ã‚¤ã‚¹ã‚’ä½œã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ UIã®è‡ªå‹•æ›´æ–° ViewModel ã®ãƒ—ãƒãƒ‘ãƒ†ã‚£ãŒå¤‰æ›´ã•ã‚Œã‚‹ã¨ã€è‡ªå‹•çš„ã«UIã®é–¢é€£ä»˜ã‘ã‚‰ã‚ŒãŸéƒ¨åˆ†ã‚’æ›´æ–°ã—ã¾ã™ã€‚ ä¾å˜é–¢ä¿‚ã®ãƒˆãƒ©ãƒƒã‚ãƒ³ã‚° ãƒ‡ãƒ¼ã‚¿ã®çµåˆã‚„å¤‰æ›ã‚’å®Ÿç¾ã™ã‚‹ãŸã‚ã®ãƒ‡ãƒ¼ã‚¿é–“ã®é–¢ä¿‚ãƒã‚§ãƒ¼ãƒ³ã‚’æš—é»™çš„ã«è¨å®šã—ã¾ã™ã€‚ UIãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆ å¹¾é‡ã«ã‚‚ãƒã‚¹ãƒˆã•ã‚ŒãŸãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆã‚‚ã€ãƒã‚¤ãƒ³ãƒ‰ã•ã‚ŒãŸ ViewModel ã‚’ç”¨ã„ã¦ ç´ æ—©ãUIã‚’ç”Ÿæˆã—ã¾ã™ã€‚
beth321 2014/09/11
javascript

reference

knockout.js

ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆ

UI

framework

programming

MVVM

MVC

document
ãƒªãƒ³ã‚¯
Knockout : Home
Simplify dynamic JavaScript UIs with the Model-View-View Model (MVVM) pattern Declarative Bindings Easily associate DOM elements with model data using a concise, readable syntax Automatic UI Refresh When your data model's state changes, your UI updates automatically Dependency Tracking Implicitly set up chains of relationships between model data, to transf orm and combine it Templating Quickly gene
beth321 2014/09/11
library

javascript

framework

mvc

ui

MVVM

jquery

knockout.js

Knockout

ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯
ãƒªãƒ³ã‚¯
Avalonã‹ã‚‰MVVMã€ãã—ã¦Rxã¸: GUIãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã®å“²å¦ã®æ´å²
MSãƒ†ã‚¯ãƒŽãƒã‚¸çŸ¥ã‚‰ã‚“ãŒãªã€ã¨ã‚ˆã—ãžã†ã«è¨€ã‚ã‚Œã¦ã€ãã†ã„ãˆã°ã“ã®è¾ºã®è©±ã¯å¤–ã§ã¯ã‚ã¾ã‚Šèžã‹ãªã„ãªã€ã¨æ€ã£ãŸã®ã§ã€ã¡ã‚‡ã£ã¨è»½ãæŒ¯ã‚Šè¿”ã£ã¦ã¿ã‚‹ã€‚ ãªãŠã€Javaãƒ—ãƒã‚°ãƒ©ãƒžå‘ã‘ã«ä¸€éƒ¨ç¿»è¨³ã—ã¦ã‚‹ã®ã§ã€C# ã®å®Ÿéš›ã¨ã¯ã¡ã‚‡ã£ã¨é•ã†ã€‚ ã‹ã¤ã¦äººã€…ã¯ã€onclickã§ãƒªã‚¯ã‚¨ã‚¹ãƒˆã‚’ç™ºè¡Œã—ãƒ‡ãƒ¼ã‚¿ã‚’å–ã£ã¦ãã¦ã€ãã®é–“ã¯ãƒãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ä¸ã¨ã—ã¦ã‚¢ã‚¤ã‚³ãƒ³ã‚’å›žã—ãŸã‚Šã—ã¦ã€å¸°ã£ã¦ããŸã‚‰ã‚¢ã‚¤ã‚³ãƒ³ã‚’æˆ»ã—ã¦å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ã‹ã‚‰tableã‚’çµ„ã¿ç«‹ã¦ãŸã‚Šã—ã¦ã„ãŸã€‚ ã“ã®ã‚·ãƒ¼ã‚±ãƒ³ã‚·ãƒ£ãƒ«ãªæ‰‹ç¶šããƒ—ãƒã‚°ãƒ©ãƒ ã¯ã€éžåŒæœŸãªGUIã¨ã„ã†ç‰©ã¨å¤§å±¤ç›¸æ€§ãŒæ‚ªãã€ã™ãã«ã‚¢ã‚¤ã‚³ãƒ³ãŒå›žã‚Šç¶šã‘ãŸã‚Šé€”ä¸ã§ä½•ã‹é•ã†äº‹ã‚’ã™ã‚‹ã¨è½ã¡ãŸã‚Šã¨ã„ã£ãŸãƒã‚°ã‚’åŸ‹ã‚è¾¼ã‚“ã§ã—ã¾ã„ã€äººã€…ã¯æ‚©ã‚“ã§ã„ãŸã€‚ GUIãƒ—ãƒã‚°ãƒ©ãƒ ã®ãƒã‚°ã¯ã©ã“ã‹ã‚‰æ¥ã‚‹ã®ã ã‚ã†ã‹ï¼Ÿ ãã‚Œã¯ãƒšãƒ¼ã‚¸ã®å‹•çš„ãªæ‰€ã‹ã‚‰æ¥ã‚‹ã€ã¨ã„ã†è¦³å¯ŸãŒã‚ã£ãŸã€‚ é™çš„ãªhtmlã¯ã‚ã¾ã‚Šãƒã‚°ã‚‰ãªã„ã€‚ ä¸€æ—¦å‹•ãã€ã¨ã„ã†äº‹ãŒé™çš„ã«ç¢ºèªã•ã‚Œã‚Œã°ã€ãã‚Œä»¥
beth321 2014/08/04
GUI

ã‚ã¨ã§èªã‚€

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

rx

è€ƒå¯Ÿ

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

programming

MVVM

ãƒ—ãƒã‚°ãƒ©ãƒž
ãƒªãƒ³ã‚¯
mizchi / ã™ã¹ã¦ã®MVCã‚’éŽåŽ»ã«ã™ã‚‹ - Glide
Please note that Glide no longer supports Internet Explorer versions 7 or 8.
beth321 2014/03/20
javascript

internet

MVC

*ã‚ã¨ã§èªã‚€

vue.js

slide

mvvm

architecture

library

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

ãƒã‚¤ãƒ³ãƒˆ

javascript

Vue.js

vuejs

data

MVVM

js

development

backbone
ãƒªãƒ³ã‚¯
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
beth321 2014/02/04
javascript

mvvm

framework

js

vue

api
ãƒªãƒ³ã‚¯
MVVMãƒ‘ã‚¿ãƒ¼ãƒ³ã®å¸¸è˜ â€• ã€ŒMã€ã€ŒVã€ã€ŒVMã€ã®å½¹å‰²ã¨ã¯ï¼Ÿï¼ˆ1/5ï¼‰ - ï¼ IT
.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ MVVMãƒ‘ã‚¿ãƒ¼ãƒ³ã®å¸¸è˜ â€• ã€ŒMã€ã€ŒVã€ã€ŒVMã€ã®å½¹å‰²ã¨ã¯ï¼Ÿ â€•â€• ã€Œthe sea of fertilityã€ã‚ˆã‚Š â€•â€• å°¾ä¸Š é›…å‰‡ 2011/05/18 ã€Œ.NETé–‹ç™ºè€…ä¸å¿ƒ åŽ³é¸ãƒ–ãƒã‚°è¨˜äº‹ã€ã‚·ãƒªãƒ¼ã‚ºã§ã¯ã€ä¸–ç•Œä¸ã«ã‚ã‚‹è†¨å¤§ãªãƒ–ãƒã‚°ãƒ»ã‚³ãƒ³ãƒ†ãƒ³ãƒ„ã®ä¸ã‹ã‚‰ã€ç‰¹ã«Insider.NETï¼.NETé–‹ç™ºè€…ä¸å¿ƒã®èªè€…ã«æœ‰ç”¨ã ã¨è€ƒãˆã‚‰ã‚Œã‚‹ãƒ–ãƒã‚°è¨˜äº‹ã‚’ç·¨é›†éƒ¨ãŒç™ºæŽ˜ãƒ»åŽ³é¸ã—ã€ãã®ãƒ–ãƒã‚°è¨˜äº‹ã‚’åŸ·ç†ã—ãŸãƒ–ãƒã‚¬ãƒ¼ã®è¨±å¯ã®ä¸‹ã€ãã®å…¨æ–‡ã‚’è»¢è¼‰ãƒ»ç¿»è¨³ã—ã¦ã„ã¾ã™ã€‚ã“ã®æ´»å‹•ã«ã‚ˆã‚Šã€.NETé–‹ç™ºè€…ã®ãƒ–ãƒã‚°æ–‡åŒ–ã®ä¾¡å€¤ã¨è³ªã‚’é«˜ã‚ã€ã‚ˆã‚Šä¸€å±¤ã®ç››ã‚Šä¸Šã’ã«è²¢çŒ®ã™ã‚‹ã“ã¨ã‚’ç›®æŒ‡ã—ã¦ã„ã¾ã™ã€‚ MVVMï¼ˆModel-View-ViewModelï¼‰ãƒ‘ã‚¿ãƒ¼ãƒ³ã«é–¢ã™ã‚‹çŸ¥è¦‹ãŒã‚ã¡ã“ã¡ã«æ•£ã‚‰ã°ã£ã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã‚‹ã®ã§ã€ãã‚ãã‚ã¾ã¨ã‚ã¦ã¿ã‚‹ã“ã¨ã«ã—ã¾ã—ãŸã€‚ã“ã®è¨˜äº‹ã¯ã€MVVMã®åŸºæœ¬çš„ãªè€ƒãˆæ–¹ãƒ»å®Ÿè£…æ–¹æ³•ãªã©ã‚’æŠŠæ¡ã•ã‚Œã¦
beth321 2014/01/26
MVVM

designpattern

.NET

ã‚ã¨ã§èªã‚€

WPF

ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³

ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°

silverlight

Programming

C#
ãƒªãƒ³ã‚¯
MVCã®æµã‚Œã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¦ã¿ã‚‹ - Qiita [ã‚ãƒ¼ã‚¿]
Deleted articles cannot be recovered. Draft of this article would be also deleted. Are you sure you want to delete this article? ç†è§£ã—ã‚„ã™ã„ã‚ˆã†ã«é©å½“ã«é®ã£ãŸã‚Šã€è¨€ã„åˆ‡ã£ã¦ã—ã¾ã£ãŸã¨ã“ã‚ã‚‚ã‚ã‚‹ãŒã”å®¹èµ¦ã„ãŸã ããŸã„ã€‚ MVCã®ç™»å ´ MVCã¯ã€Smalltalkã®GUIãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ãƒ¢ãƒ‡ãƒ«ã¨ã—ã¦ç™»å ´ã—ãŸã€‚ ã“ã‚Œã¯GUIã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’è¨˜è¿°ã™ã‚‹éš›ã«ã€é©åˆ‡ãªãƒ¢ãƒ‡ãƒ«åŒ–ã‚’é€²ã‚ã‚‹ã®ã«ã¨ã¦ã‚‚ã„ã„è€ƒãˆæ–¹ã ã¨æ€ã‚ã‚Œã¦ã„ãŸã—ã€å®Ÿéš›ã«ãã†ã ã£ãŸã€‚ ã“ã‚Œã¯ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã—ã¦ã€ãã‚Œãžã‚ŒãŒã©ã®ã‚ˆã†ã«ä¾å˜ã™ã‚‹ã¹ãã‹ã€ã©ã“ã«ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã¹ãã‹ã¨ã„ã†ã“ã¨ã‚’ç«¯çš„ã«è¡¨ã—ã¦ã„ã‚‹ã€‚ å®‰å®šä¾å˜ã®åŽŸå‰‡ã¨ã„ã†ã‚‚ã®ãŒã‚ã‚‹ã€‚ã“ã‚Œã¯ã€è¦ä»¶ãŒå®‰å®šã—ã¦ã„ã‚‹ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ä¾å˜ã—ã€è¦ä»¶ãŒå¤‰å‹•ã—ã‚„ã™ã„ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ã«ã¯ä¾å˜
beth321 2014/01/15
mvc

DCI

GUI

architecture

mvvm

programming

ui

*ã‚ã¨ã§èªã‚€

design

ddd
ãƒªãƒ³ã‚¯
AngularJSã‚’ä½¿ã£ã¦ã„ã‚‹ç†ç”± - Kazzzã®æ—¥è¨˜
æ—¢ã«åˆ©ç”¨ã•ã‚Œã¦ã„ã‚‹æ–¹ã€…ã¨ã»ã¼åŒã˜æ„è¦‹ã ã¨æ€ã†ã®ã ãŒã€ç§ãŒAngularJSã‚’æ°—ã«å…¥ã£ã¦ä½¿ã£ã¦ã„ã‚‹ã®ã¯ æ§‹é€ çš„ã«æ›¸ã‘ã‚‹ MVVMã½ã„ DOMã‚’è§¦ã‚‰ãªãã¦è‰¯ã„ ã»ã¼ã“ã®3ã¤ã«é›†ç´„ã•ã‚Œã‚‹ã€‚ 1.æ§‹é€ çš„ã«æ›¸ã‘ã‚‹ AngularJSã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ãéš›ã®ã‚³ãƒ¼ãƒ‰ã‚’æ§‹é€ ãŒã»ã¼æ±ºã¾ã£ã¦ã„ã‚‹ã€‚ãã®æ§‹æˆã¯ãƒ“ãƒ¥ãƒ¼ã§ã‚ã‚‹HTMLã‚’é™¤ãã¨ ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ© ã‚µãƒ¼ãƒ“ã‚¹ ãƒ•ã‚£ãƒ«ã‚¿ ãƒ—ãƒãƒã‚¤ãƒ€ ãƒ‡ã‚£ãƒ¬ã‚¯ãƒ†ã‚£ãƒ– ã“ã‚Œã‚‰ã®è¦ç´ ã«åˆ†é¡žã•ã‚ŒDIã«ã‚ˆã‚Šç–Žã«çµåˆã•ã‚Œã‚‹ã€‚åŸºæœ¬çš„ã«ã¯èª°ãŒæ›¸ã„ã¦ã‚‚ã“ã‚Œã‚‰ã®è¦ç´ ã‚’é…ç½®ã™ã‚‹å¿…è¦ãŒã‚ã‚‹è¨³ã§ã€åŒã˜è¦ç´ ã§æ§‹æˆã•ã‚Œã‚‹ã¨ã„ã†ã“ã¨ã¯ä»–ã®èª°ã‹ãŒæ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã“ã¨ãŒæ¯”è¼ƒçš„å®¹æ˜“ã ã¨ã„ã†ã“ã¨ã«ãªã‚‹ã€‚(JavaScriptã§æœ€ã‚‚è‹¦ç—›ãªã®ã¯ä»–ã®èª°ã‹ãŒæ›¸ã„ãŸã€ä¸€ã‹æ‰€ã«å›ºã¾ã‚Šã™ãŽãŸåˆã¯é€†ã«åˆ†æ•£ã—ã™ãŽãŸã‚³ãƒ¼ãƒ‰ã‚’èªã‚€ã“ã¨ã§ã‚ã‚‹) 2.MVVMã½ã„ ä»Šã®GUIãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§MVCã‚’æ„è˜ã™ã‚‹ã®ã¯ã‚‚ã¯ã‚„ãƒ†ãƒ¼ãƒ–ãƒ«ãƒžãƒŠãƒ¼ã ã‚ã†
beth321 2013/12/09
angularjs

Javascript

jQuery

MVVM

Angular.js

MyInterest

development

*ã‚ã¨ã§
ãƒªãƒ³ã‚¯
GitHubãŒRubyã¨MVCã®é™ç•Œã‚’æ‚Ÿã‚Šã€C#ã¨MVVMã«å…¨é¢ç§»è¡Œï¼ï¼ : ITé€Ÿå ±
1: ãƒ‡ãƒ³ã‚¸ãƒ£ãƒ©ã‚¹ãƒãƒƒã‚¯ãƒ‰ãƒãƒƒãƒ—(èŠ‹) 2013/10/05(åœŸ) 11:54:32.01 ID:htlhBZ3l0 BE:5630742-DIA(110000) ãƒã‚¤ãƒ³ãƒˆç‰¹å…¸ 2: ãƒªãƒãƒ¼ã‚¹ãƒãƒƒã‚¯ãƒ–ãƒªãƒ¼ã‚«ãƒ¼(æ„›çŸ¥çœŒ) 2013/10/05(åœŸ) 11:56:02.66 ID:Li8s567b0 çŸ¥ã£ã¦ãŸ 3: ãƒžã‚¹ã‚¯å‰¥ãŽ(æ±äº¬éƒ½) 2013/10/05(åœŸ) 11:56:12.77 ID:O7+RVODb0 ä¿ºã¿ãŸã„ãªåº•è¾ºITåœŸæ–¹ã¯MVCã§ååˆ†ã§ã™ Model View Controllerï¼ˆãƒ¢ãƒ‡ãƒ«ãƒ»ãƒ“ãƒ¥ãƒ¼ãƒ»ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ï¼‰ ã‚½ãƒ•ãƒˆã‚¦ã‚§ã‚¢ã®è¨è¨ˆãƒ¢ãƒ‡ãƒ«ã®ä¸€ã¤ã§ã€å‡¦ç†ã®ä¸æ ¸ã‚’æ‹…ã†ã€ŒModelã€ã€è¡¨ç¤ºãƒ»å‡ºåŠ›ã‚’å¸ã‚‹ã€ŒViewã€ã€å…¥åŠ›ã‚’å—ã‘å–ã£ã¦ãã®å†…å®¹ã«å¿œã˜ã¦Viewã¨Modelã‚’åˆ¶å¾¡ã™ã‚‹ã€ŒControllerã€ã®3è¦ç´ ã®çµ„ã¿åˆã‚ã›ã§ã‚·ã‚¹ãƒ†ãƒ ã‚’å®Ÿè£…ã™ã‚‹æ–¹å¼ã€‚ Ruby on Railsãªã‚“ã‹ã‚’ä½¿ã†
beth321 2013/10/06
(Â´ãƒ»Ï‰ãƒ»ï½€)

MVC

GitHub

2ch

Ruby

c#

ãƒ‡ã‚¶ã‚¤ãƒ³

mvvm

programming

IT
ãƒªãƒ³ã‚¯
1