[B! mvc][javascript] Naskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

Naski id:Naski

mvcã¨javascriptã«é–¢ã™ã‚‹Naskiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (9)

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

KnockoutJSã®é•·æ‰€ï¼çŸæ‰€ã¨AngularJSã¨ã®æ¯”è¼ƒ - Qiita
KnockoutJSã‚’ä½¿ã£ãŸé–‹ç™ºã‚’1å¹´ã»ã©å‰ã«è¡Œã£ã¦ã„ã¾ã—ãŸã€‚ å…ƒã€…ã¯ãƒ—ãƒãƒˆã‚¿ã‚¤ãƒ”ãƒ³ã‚°ã ã‘ã«ä½¿ã†äºˆå®šã§ã—ãŸãŒã€ä½¿ã„å‹æ‰‹ãŒè‰¯ã‹ã£ãŸã®ã§ãã®ã¾ã¾æœ¬é–‹ç™ºã«å–ã‚Šè¾¼ã¿ã¾ã—ãŸã€‚ æœ€è¿‘ã€å°‘ã—Angularã«ã¤ã„ã¦ã‚‚èª¿æŸ»ã‚’ã—ã¦ã„ãŸã®ã§ã€Knockoutã¨æ¯”è¼ƒã§ãã‚‹éƒ¨åˆ†ã‚‚æ›¸ãã ã—ã¦ã¿ã¾ã—ãŸã€‚ KnockoutJSã®é•·æ‰€ï¼çŸæ‰€ã€ãã—ã¦AngularJSã¨ã®æ¯”è¼ƒã¨ãªã‚Šã¾ã™ã€‚ é•·æ‰€ï¼šåŒæ–¹å‘ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° Knockoutã®æœ€å¤§ã®é•·æ‰€ã¯ã€é–“é•ã„ãªãå¼·åŠ›ãªåŒæ–¹å‘ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã¨è¨€ãˆã¾ã™ã€‚ ã“ã®å‡„ã•ã‚’è©¦ã—ãŸã‘ã‚Œã°æœ¬å®¶ã‚µã‚¤ãƒˆã®Exampleå„ç¨®ã‚’è©¦ã™ã¨è‰¯ã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ï¼ˆå‚è€ƒURLï¼‰ã€‚ ã‚ã‚‹ã„ã¯è‡ªåˆ†è‡ªèº«ã§ã‚µãƒ³ãƒ—ãƒ«ãƒ»ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œã‚‹ã¨ã„ã„ã§ã—ã‚‡ã†ã€‚ ã™ãã«è™œã«ãªã‚‹ã¯ãšã§ã™ã€‚ DOMã¨JSã®ãƒ¢ãƒ‡ãƒ«ã‚’ç´ä»˜ã‘ã¦ã€æ•´åˆæ€§ã‚’ã¨ã‚‹å‡¦ç†ã‚’å…¨ã¦ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯å´ãŒå¸åŽã—ã¦ãã‚Œã¾ã™ã€‚ JSå´ã®è¨˜è¿°ãŒã‚·ãƒ³ãƒ—ãƒ«ã«ãªã‚‹ã®ã§ã€ã‚¢
Naski 2014/01/27
angular.js

knockout.js

javascript

mvc
ãƒªãƒ³ã‚¯
Angular.jsã¨Backbone.jsã®DOMä¾å˜ã‚’å›³è§£ã™ã‚‹ - ã‚¸ãƒ³ã‚¸ãƒ£ãƒ¼ç ”ç©¶å®¤
æžœæ•¢ã«ã‚‚MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å›³è§£ã‚’è©¦ã¿ãŸã®ã§ã€ã©ã†ãžï¼ MVCã®å‹•æ©Ÿ MVCã¨ã„ã†è¨€è‘‰ãŒåˆã‚ã¦ç™»å ´ã—ã¦ã‹ã‚‰30å¹´ä»¥ä¸ŠãŸã£ãŸä»Šã€æœ€æ—©ãªã‚“ã ã£ãŸã®ã‹åˆ†ã‹ã‚‰ãªã„ã»ã©MVCã®å®šç¾©ã¯æ··è¿·ã‚’ããŸã—ã¦ã„ã‚‹ã‚ã‘ã ãŒã€ã©ã‚ŒãŒMVCã§MVVMã§MVPã§ã‚ã‚‹ã¨ã„ã†å®šç¾©ã«ã¤ã„ã¦ã‚ã‚Œã“ã‚Œè€ƒå¯Ÿã™ã‚‹ã®ã¯å€‹äººçš„ã«ã¯å¥½ãã§ãªãã¦ã€ã€Œçµå±€ä½•ãŒã—ãŸã„ã®ã‹ã€ã¨ã„ã†å‹•æ©ŸãŒã¶ã‚Œã¦ã„ãªã‘ã‚Œã°ä½•ã§ã‚‚è‰¯ã„ã¨æ€ã£ã¦ã„ã‚‹ã€‚ ã˜ã‚ƒã‚ãã‚Œã¯ä¸€ä½“ä½•ãªã®ã‹ã¨ã„ã†ã“ã¨ã‚’è‡ªåˆ†ãªã‚Šã«è€ƒãˆã¦ã¿ãŸã¨ã“ã‚ã€æ¬¡ã®ä¸€è¨€ã«è½ã¡ç€ã„ãŸã€‚ ã€ŒModelã¯Viewã«ä¾å˜ã—ãŸããªã„ã€ ä¸–é–“çš„ã«ã¯ï¼ˆï¼Ÿï¼‰Modelã¨Viewã‚’å˜ã«ã€Œåˆ†ã‘ã‚‹ã€ã¨èª¬æ˜Žã•ã‚Œã‚‹ã“ã¨ãŒå¤šã„ãŒã€ç§ã¯ãã‚Œã ã‘ã§ã¯ç´å¾—ã—ã¦ã„ãªãã¦ã€ä¾å˜ã®æ–¹å‘ã“ããŒé‡è¦ã ã¨æ€ã£ã¦ã„ã‚‹ã€‚ãŸã¨ãˆåˆ†ã‹ã‚Œã¦ã„ã‚‹ã‚ˆã†ã«è¦‹ãˆã¦ã‚‚ModelãŒViewã‚’å‚ç…§ã—ã¦ã„ãŸã‚‰ã€æƒ…å ±ã®å–å¾—å…ˆã‚„è¡¨ç¾æ–¹æ³•ã¯å›ºå®šåŒ–ã•ã‚Œã¦ã—ã¾ã†ã€‚ Modelã¯Viewã®äº‹æƒ…ã‹ã‚‰
Naski 2013/06/19
mvc

javascript

backbone.js
ãƒªãƒ³ã‚¯
Knockback.js
The best of Knockout.js and Backbone.js, together at last!
Naski 2012/12/17
javascript

backbone.js

mvc

mvvm

knockout.js
ãƒªãƒ³ã‚¯
Rich JavaScript Applications â€“ the Seven Frameworks (Throne of JS, 2012)
A week ago was the Throne of JS conference in Toronto, perhaps the most interesting and different conference Iâ€™ve been to for a while. Quoting its website: Published Aug 1, 2012 Itâ€™s no longer good enough to build web apps around full page loads and then â€œprogressively enhanceâ€ them to behave more dynamically. Building apps which are fast, responsive and modern require you to completely rethink yo
Naski 2012/08/03
javascript

mvc
ãƒªãƒ³ã‚¯
How I Hand-Rolled MVC for a JavaScript Game (and It Was Awesome)
Naski 2012/04/29
javascript

mvc
ãƒªãƒ³ã‚¯
http://catchvar.com/threejs-game-animated-sprites-backbonejs
Naski 2012/04/23
backbone.js

three.js

mvc

javascript
ãƒªãƒ³ã‚¯
Backbone.js -JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯- | DevelopersIO
Backbone.jsã¨ã¯ï¼Ÿ Backbone.jsã¯ã€JavaScriptã«ã‚ˆã‚‹å¤§è¦æ¨¡ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚’è¡Œã†éš›ã«åŠ›ã‚’ç™ºæ®ã™ã‚‹MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã¨ã‚«ã‚¹ã‚¿ãƒ ã‚¤ãƒ™ãƒ³ãƒˆã‚’å‚™ãˆãŸModelã€é…åˆ—æƒ…å ±ã‚’è¡¨ã™Collectionã€ã‚¤ãƒ™ãƒ³ãƒˆã‚’ãƒãƒ³ãƒ‰ãƒªãƒ³ã‚°ã™ã‚‹Viewã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨é€£æºã™ã‚‹ãŸã‚ã®RESTful JSONãªã©ã‚’ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦å‚™ãˆã¦ã„ã¾ã™ã€‚ å¤§è¦æ¨¡ãªæ¥å‹™ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒ¦ãƒ¼ã‚¶ãƒ¼ã‚¤ãƒ³ã‚¿ãƒ•ã‚§ãƒ¼ã‚¹ã‚’JavaScriptã§ã‚´ãƒªã‚´ãƒªã¨ä½œã‚ã†ã¨ã—ãŸå ´åˆã€100%ã«è¿‘ã„ç¢ºçŽ‡ã§å¤±æ•—ã™ã‚‹ã‹ã¨æ€ã„ã¾ã™ã€‚ã“ã‚Œã¯ã€Flexã®ã‚ˆã†ãªãƒ“ãƒ«ãƒ‰æ™‚ã®ã‚³ãƒ³ãƒ‘ã‚¤ãƒ©ã‚¨ãƒ©ãƒ¼ã‚’æ¤œå‡ºã§ããªã„ã“ã¨ã€å˜åœ¨ã™ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒã‚¤ãƒ³ã‚¿ãƒ©ã‚¯ã‚·ãƒ§ãƒ³ã‚„ãƒ“ã‚¸ãƒ¥ã‚¢ãƒ«ã«ç‰¹åŒ–ã—ã¦ã„ã‚‹ã“ã¨ã€ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã‚„OSã®çµ„åˆã›ã§APIãƒ¬ãƒ™ãƒ«ã®ä»•æ§˜ãŒç•°ãªã‚‹äº‹ã€åŒã˜ãƒ–ãƒ©ã‚¦ã‚¶ãƒ¼ã§ã‚‚ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã®é•ã„ã«ã‚ˆã‚ŠæŒ™å‹•ãŒç•°ãªã‚‹äº‹
Naski 2012/04/10
javascript

backbone.js

mvc
ãƒªãƒ³ã‚¯
Backbone.jsã‚’åˆ©ç”¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚æ›¸ã„ã¦ãŠãã‹ - å‡ºç”ºãƒŸã‚¹ãƒ‰æ”»é˜²è¨˜
jQueryãƒ˜ãƒ“ãƒ¼ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ åŒ–ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¾ã—ãŸã€‚DOMæ“ä½œã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ã‚‡ã†ã‹ã€‚ä¾‹ãˆã°ã€ŒGMailã€ã‚„ã€ŒNew Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’å»¶é•·ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒãçŸ¥ã‚‰ã‚Œ
Naski 2012/03/26
javascript

mvc
ãƒªãƒ³ã‚¯
JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ä»²é–“ãŸã¡ ï½œ Classmethod.dev()
JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ä»²é–“ãŸã¡ JavaScriptã§ã‚¤ã‚¤æ„Ÿã˜ã«é–‹ç™ºã‚’ã—ãŸã„ã¨ã„ã†æ¬²æ±‚ãŒé«˜ã¾ã£ã¦ããŸãŸã‚ã€è‡ªåˆ†ã§ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’ä½œã‚‰ãšã«ä¸–ç•Œã®è³¢è€…ãŸã¡ã‹ã‚‰å¦ã³ãŸã„ã¨æ€ã„ã¾ã™ã€‚ä»Šå›žã¯ã€JavaScriptã§MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ç‰ã‚’å®Ÿç¾ã—ã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚„å‘¨è¾ºã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã€ã•ã‚‰ã«ã¯ãƒ„ãƒ¼ãƒ«ã‚„ãƒ¦ãƒ¼ãƒ†ã‚£ãƒªãƒ†ã‚£ã¾ã§å¹…åºƒãã”ç´¹ä»‹ã—ã¾ã™ã€‚ (2012/1/17 updated) Backbone.js Spine.js JavaScriptMVC AngularJS SproutCore Ember.js YUI App Framework Broke.js Fidel.js Sammy.js KnockoutJS eyeballs.js The M Project Knockback Batman.js Shipyard.js Agility.js ãƒ™ãƒ¼ã‚¹ jQuery Doj
Naski 2012/01/07
javascript

library

framework

mvc
ãƒªãƒ³ã‚¯
1