[B! backbone.js] yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯

yuiseki id:yuiseki

backbone.jsã«é–¢ã™ã‚‹yuisekiã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (55)

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

backbone.js - Viewã¨Routerã®é€£æºã€‚ç”»é¢é·ç§»æ™‚ã®Viewã®æ‰±ã„ã£ã¦ã€ã“ã‚Œã§ã„ã„ã®ã‹ãªãï¼Ÿ - fintopo
backbone.jsã®Routerã‚’è©¦ã—ãŸæ™‚ã«ã¯ã€Routerã®æ©Ÿèƒ½ã‚’ç¢ºèªã—ãŸã‹ã£ãŸã‹ã‚‰ã€Viewã¯ä½¿ã‚ãªã‹ã£ãŸã€‚ backbone.js - Routerã‚’è©¦ã™ - fintopo ã ã‘ã©ã€backbone.jsã‚’ä½¿ã†ã‹ã‚‰ã«ã¯ã€è¡¨ç¤ºã¯Viewã‚’ä½¿ã†ã‚ã‘ã ã€‚ã§ã€é€£æºã•ã›ã¦ã¿ãŸã€‚ Routerã§é·ç§»ã—ãŸæ™‚ã«ã€Viewã‚’ç”Ÿæˆã—ã¦ã¿ã‚‹ã€‚ã ã‘ã©ã€ã†ã¾ãå‹•ã‹ãªã„ã€‚æœ€åˆã¯è¡¨ç¤ºã•ã‚Œã¦ã‚‚ã€é·ç§»ã—ãŸã¨ãã¯è¡¨ç¤ºã•ã‚Œãªã„ã¨ã‹ã€‚ ç”»é¢é·ç§»ã®ã‚ã‚‹ã‚¢ãƒ—ãƒªã§ã€Backbone.Viewã‚’ä½¿ã£ã¦ã„ãŸå ´åˆã®ã‚¤ãƒ™ãƒ³ãƒˆã¨ã‹å¾Œå§‹æœ« - Qiita Backbone.js 1.0ã«å‘ã‘ã¦ã®å¤‰æ›´ç‚¹ - NAVER Engineers' Blog Viewã‚’å˜ç´”ã«ç”Ÿæˆã™ã‚‹ã®ã§ã¯ã¾ãšã„ã‚‰ã—ã„ã€‚ ã‚¤ãƒ™ãƒ³ãƒˆã®å¾Œå§‹æœ«ã¯ã€Ver.1.0ã§å¯¾å¿œã™ã‚‹ã‚‰ã—ã„ãŒã€ã¨ã‚Šã‚ãˆãšã¯ã€ŒBackbone.js 1.0ã«å‘ã‘ã¦ã®å¤‰æ›´ç‚¹ã€ã«ã‚ã‚‹disposeã‚’å®Ÿè£…
yuiseki 2014/03/14
backbone.js

tech
ãƒªãƒ³ã‚¯
backbone.jsã®templateã‚’é ‘å¼µã£ã¦ã¿ãŸã€‚
ã“ã“æ•°æ—¥backbone.jsè§¦ã£ã¦ã„ã¾ã—ãŸã€‚ backbone.jsã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå†åº¦ã«MVCã‚’å…¥ã‚Œã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã€cincoãªã©ã§ã‚‚æŽ¡ç”¨ã•ã‚Œã‚‹ã‚ˆã†ã§ã€å°‘ã—ãšã¤äººæ°—ãŒå‡ºã¦ãã¦ã„ã‚‹ã‚‚ã®ã§ã™ã€‚ backbone.jsã®è§£èª¬ã¯ã“ã“ãŒåˆ†ã‹ã‚Šã‚„ã™ã‹ã£ãŸã§ã™ã€‚ http://backbonetutorials.com/ backbone.jsã®viewã§elã‚’æŒ‡å®šã›ãšã«åµŒã£ã¦ã„ãŸã‚Šã€json2.jsã‚’èªã¿è¾¼ã‚“ã§ã„ãªãã¦collectionã§fetchã—ã¦ã‚‚objectã«å±•é–‹ã•ã‚Œãªã‹ã£ãŸã‚Šã¨è‰²ã€…ã‚ã‚Šã¾ã—ãŸãŒã€ã¾ãä¸€åº¦åˆ†ã‹ã‚Œã°éžå¸¸ã«è¦‹é€šã—ãŒè‰¯ããªã£ã¦æº€è¶³ã—ã¦ã¾ã—ãŸã€‚ ã§ã€æœ€å¾Œå›°ã£ã¦ã„ãŸã®ãŒã€templateé–¢ä¿‚ã€‚ ã“ã®åˆ†é‡Žã ã¨ jquery-tmpl http://api.jquery.com/jquery.tmpl/ ã‚’çŸ¥ã£ã¦ã¾ã—ãŸãŒã€ã»ã¨ã‚“ã©å¤‰ã‚ã‚‰ãªãã¦log iclessã§ä»–è¨€èªžã§ã‚‚ä½¿ãˆãã†ãªm
yuiseki 2014/03/14
backbone.js

tech
ãƒªãƒ³ã‚¯
I am mitsuruog | backbone.localstorage.jsã¨Backbone.Syncã®ãŠè©±
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯Backbone.js Advent Calendar 2012ã® 2 æ—¥ç›®ã®è¨˜äº‹ã§ã™ã€‚ Backbone.js ã«ã¯Backbone.Syncã¨ã„ã† Model ã¨ã‚µãƒ¼ãƒå´ã®ãƒªã‚½ãƒ¼ã‚¹ã‚’å¸¸ã«åŒæœŸã•ã›ã‚‹ä»•çµ„ã¿ãŒã‚ã‚Šã€ã“ã‚Œã‚’ Override ã™ã‚‹ã“ã¨ã§åŒæœŸã•ã›ã‚‹ä»•çµ„ã¿ã‚’è‡ªä½“ã‚’æŸ”è»Ÿã«å¤‰ãˆã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ ä»Šå›žã¯backbone.localstorage.jsã®ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’é€šã˜ã¦ã€Backbone.Sync ã‚’ Override ã™ã‚‹ä»•çµ„ã¿ã«ã¤ã„ã¦å°‘ã—ãŠè©±ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ ã“ã®ã‚¨ãƒ³ãƒˆãƒªã§ãŠä¼ãˆã—ãŸã„ã“ã¨ã€‚ backbone.localstorage.js ã¯ã©ã®ã‚ˆã†ã« Backbone.Sync ã¨ Override ã—ã¦ã„ã‚‹ã‹ã€‚ backbone.localstorage.js ã¯ Backbone.Sync ã‚’ Override ã™ã‚‹ã‚³ãƒ¼ãƒ‰ã®è‰¯ã„ãŠæ‰‹æœ¬ã ã¨æ€ã†ã€‚ã€‚ ã¯ã˜
yuiseki 2013/09/10
backbone.js

localstrage

tech
ãƒªãƒ³ã‚¯
AboutAcne
There are many dermatologists that recommend yogurt for acne. The reasoning is that, if you choose the right yogurt that contains probiotics, then it can fight the bad bacteria that is partly responsible for the cause of acne. DermatologistsÂ obviously arenâ€™t going to tell you to get those fake sugary yogurt substitutes with a bunch of chemicals, artificial sweeteners and corn syrup (why not just u
yuiseki 2013/09/02
tech

javascript

backbone.js
ãƒªãƒ³ã‚¯
Testing Backbone applications with Jasmine and Sinon â€“ Part 1: Introduction
Testing Backbone applications with Jasmine and Sinon Part 1: Introduction 3 March 2011 Overview This is the first in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library. In this part, weâ€™ll take a brief look at Backbone, and then move on to an introduction to some of the features of
yuiseki 2013/07/31
javascript

testing

backbone.js

sinon.js

jasmine
ãƒªãƒ³ã‚¯
Testing Backbone applications with Jasmine and Sinon â€“ Part 2: Models and Collections
Testing Backbone applications with Jasmine and Sinon Part 2: Models and Collections 25 March 2011 Overview This is the second in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library. If you havenâ€™t yet read the first part, take a look now. In this part, weâ€™ll look at some examples fo
yuiseki 2013/07/31
javascript

testing

backbone.js

sinon.js

jasmine
ãƒªãƒ³ã‚¯
ã€ŒBackbone.jsã‚¬ã‚¤ãƒ‰ãƒ–ãƒƒã‚¯ã€ã‚µãƒãƒ¼ãƒˆãƒšãƒ¼ã‚¸
å†…å®¹ç´¹ä»‹ USA Todayã€LinkedIn Mobileã€Huluã€WordPress.comã€Foursquare ç‰ã€…æœ‰åã‚µã‚¤ãƒˆãŒã“ãžã£ã¦æŽ¡ç”¨ã—ã¦ã„ã‚‹ Backbone.js ã«ã€æ—¥æœ¬åˆã®ã‚¬ã‚¤ãƒ‰ãƒ–ãƒƒã‚¯ãŒç™»å ´ã€‚ JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã«ä»Šæ³¨ç›®ã•ã‚Œã¦ã„ã‚‹ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒ Backbone.js ã§ã™ã€‚ æœ¬æ›¸ã¯ã€ãƒ—ãƒã‚°ãƒ©ãƒžã®æŠ€è¡“æƒ…å ±å…±æœ‰ã‚µãƒ¼ãƒ“ã‚¹ Qiita ã§ã®é€£è¼‰ã€ŒBackbone.jså…¥é–€ã€ã‚’ã‚‚ã¨ã«ã€è‘—è€…ãŒãã®å¾Œ1å¹´ã«äº˜ã£ã¦Backboneã‚’ä½¿ã£ã¦ããŸä¸ã§å¾—ãŸçµŒé¨“ã‚’è¸ã¾ãˆã€ã‹ãªã‚Šå¤§ããåŠ ç†ä¿®æ£ã—ãŸã‚‚ã®ã§ã™ã€‚ æœ€å¤§ã®å¤‰æ›´ç‚¹ã¯æœ€æ–°ã®ãƒ¡ã‚¸ãƒ£ãƒ¼ãƒãƒ¼ã‚¸ãƒ§ãƒ³ãƒªãƒªãƒ¼ã‚¹ã§ã‚ã‚‹ Backbone1.0 (2013å¹´3æœˆãƒªãƒªãƒ¼ã‚¹)ã¸ã®å®Œç’§å¯¾å¿œã§ã™ã€‚ ãƒ‰ã‚ãƒ¥ãƒ¡ãƒ³ãƒˆã«ã¯ãªã‹ãªã‹æ›¸ã‹ã‚Œãªã„ãƒ™ã‚¹ãƒˆãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã‚¢ãƒ³ãƒãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã„ã£ãŸãƒŽã‚¦ãƒã‚¦ã‚„ã€ BackboneãŒä¸~å¤§è¦æ¨¡ã‚¢ãƒ—ãƒªã‚±
yuiseki 2013/07/31
backbone.js

javascript

testing

tech
ãƒªãƒ³ã‚¯
[Node]Backbone.js + Sinon.js ã§ callback ã‚’ãƒ†ã‚¹ãƒˆã—ã‚ˆã†ã¨ã—ã¦ãƒãƒžã‚‹ - HWPSåˆ¥é¤¨
ç«¯çš„ã«è¨€ã†ã¨ä»¥ä¸‹ã®ã‚³ãƒ¼ãƒ‰ã¯æƒ³å®šé€šã‚Šã«å‹•ã‹ãªã„ã€‚(Node ã®ã‚³ãƒ³ã‚½ãƒ¼ãƒ«ã§) var Backbone = require('backbone') var Sinon = require('sinon') var m = new Backbone.Model({ 'foo': 'bar' }) var f = function(){ console.log("===> Callback called") } m.on('change', f) Sinon.spy(this, 'f') m.set('foo', 'hoge') f.called // => false m.on('change', f) ã—ãŸæ™‚ç‚¹ã§ f ã®å‚ç…§è‡ªä½“ãŒ m ã«æŸç¸›ã•ã‚Œã¦ã„ã¦ã€ãã®å¾Œã„ãã‚‰ spy ã§ this.f ã‚’ã™ã’æ›¿ãˆã¦ã‚‚ã€ m ã®ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯ã§å‘¼ã°ã‚Œã‚‹å‡¦ç†ã«ã¯å½±éŸ¿ã—ãªã„ã€‚ ãã®å‡¦ç†ä»¥é™ã‚’æ¬¡ã®ã‚ˆã†ã«å¤‰ãˆã¦ã‚„
yuiseki 2013/07/31
backbone.js

sinon.js

javascript

testing

tech
ãƒªãƒ³ã‚¯
Backbone.jsÃ—sinon.jsã®ãƒ†ã‚¹ãƒˆã§spyãŒä¸Šæ‰‹ãå‹•ã‹ãªã„æ™‚ã®ãƒ¡ãƒ¢
ã“ã‚“ã«ã¡ã¯ã€‚ æœ€è¿‘ã€Backbone.jsã¨ã„ã†ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã‚’ä½¿ã£ã¦ã€åˆ¶ä½œã‚’ã—ã¦ã„ã¾ã™ã€‚ Backboneã„ã„ã§ã™ãã€œã€‚ å„UIãƒ‘ãƒ¼ãƒ„ã®çµåˆåº¦ãŒä¸‹ãŒã‚‹ã®ã§ã€ å…¨ä½“ã®è¦‹é€šã—ãŒè‰¯ããªã‚Šã€ãƒ¡ãƒ³ãƒ†ã‚‚ã—ã‚„ã™ããªã‚Šã¾ã™ã€‚ ä»Šä½œã£ã¦ã„ã‚‹ã‚‚ã®ã¯ãã“ã¾ã§è¦æ¨¡ãŒå¤§ãã„ã‚‚ã®ã§ã¯ãªã„ã®ã§ã™ãŒã€ å¤§è¦æ¨¡jsé–‹ç™ºå…¥é–€ã¨ã„ã†ã“ã¨ã§ã€‚ ãã‚Œã«åŠ ãˆã¦ã€å…ˆæ—¥JavaScripté“å ´ã«è¡Œã£ã¦ãã¦ã‹ã‚‰ã€ jsã®é–‹ç™ºã§ã‚‚ãƒ†ã‚¹ãƒˆã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã‚ˆã†ã«ã—ã¦ã„ã¾ã™ã€‚ å¸«ç¯„ã«ç¿’ã£ãŸã¨ãŠã‚Šã€ mocha + expectjs + _sinonjs_ã‚’ç”¨ã„ã¦ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã‚’æ›¸ã„ã¦ã„ã‚‹ã®ã§ã™ãŒã€ ãã®ãƒ†ã‚¹ãƒˆã‚’æ›¸ã„ã¦ã„ã‚‹æ™‚ã«ã€sinonjsã®spyã§è©°ã¾ã£ãŸã®ã§ãƒ¡ãƒ¢ã€‚ sinonjs spyã®ä½¿ã„é“ãƒ»ä½¿ã„æ–¹ ãã‚‚ãã‚‚ã€sinonjsã¨ã¯ä½•ã‹ã€‚ ãã—ã¦ãã®ä¸ã®spyã¨ã„ã†æ©Ÿèƒ½ã¯ä½•ãªã®ã‹ã‚’ã–ã£ã¨ã€‚ sinonjsã¨ã¯ã€ãƒ†ã‚¹ãƒˆãƒ€ãƒ–ãƒ«ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã®ã“ã¨ã§ã™ã€‚
yuiseki 2013/07/31
sinon.js

backbone.js

testing

javascript

tech
ãƒªãƒ³ã‚¯
Jasmine + Sinon.js ã‚’ä½¿ã£ã¦ Backbone.js ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’èªã¿ã¾ã—ãŸ | CreativeStyle
Jasmine + Sinon.js ã‚’ä½¿ã£ã¦ Backbone.js ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã‚’èªã¿ã¾ã—ãŸ JavaScriptã®ãŸã‚ã®BDDãƒ†ã‚¹ãƒˆãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã€ŒJasmineã€ã¨ã€ç°¡å˜ã«ã‚¹ã‚¿ãƒ–ã‚„ãƒ¢ãƒƒã‚¯ã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆã‚’å°Žå…¥ã™ã‚‹ã€ŒSinon.jsã€ã‚’ä½¿ã£ã¦ã€JavaScriptã®ãŸã‚ã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã‚ã‚‹ã€ŒBackbone.jsã€ã§æ›¸ã‹ã‚ŒãŸã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ãƒ†ã‚¹ãƒˆã™ã‚‹ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«è¨˜äº‹ã‚’èªã¿ã¾ã—ãŸã€‚ å…¨ï¼“éƒ¨æ§‹æˆã€‚è‹±èªžã€‚ Testing Backbone applications with Jasmine and Sinon â€“ Part 1 â€“ Tinned Fruit Testing Backbone applications with Jasmine and Sinon â€“ Part 2. Models and Collections â€“ Tinned Frui
yuiseki 2013/07/31
javascript

testing

backbone.js

sinon.js

jasmine

tech
ãƒªãƒ³ã‚¯
Testing Backbone applications with Jasmine and Sinon â€“ Part 3: Routers and Views
Testing Backbone applications with Jasmine and Sinon Part 3: Routers and Views 26 April 2011 Overview This is the third and final part in a series of articles demonstrating how to test a Backbone.js application, employing the Jasmine BDD test framework and the Sinon.JS spying, stubbing and mocking library If you havenâ€™t yet read the first or second parts, take a look now. In this final part, weâ€™ll
yuiseki 2013/07/31
sinonã¤ã‹ã‚ãªã„ã¨ã ã‚ã£ã½ã„ãª

javascript

testing

backbone.js

sinon.js

jasmine

tech
ãƒªãƒ³ã‚¯
Backbone.js Testing
Apps, suites, and examples for Backbone.js test development. Introduction This site provides materials and resources for developing and testing Backbone.js web applications. All of the application and test examples for the book Backbone.js Testing can be found here, grouped by chapter. We also provide a reference Backbone.js application - Notes - for creating and viewing notes, which we use throug
yuiseki 2013/07/25
backbone.js

javascript

testing

tech
ãƒªãƒ³ã‚¯
Backbone, RequireJS, Jasmine, PhantomJS, and Grunt Â· Hidenari's Random Thougths
Following the yesterdayâ€™s post. This time, using PhantomJS and Grunt. Testem does pick up PhantomJS and can run against it. But, maybe some people just want to use Grunt because they use Grunt for something else such as for making a build. Setting up directories First, letâ€™s create two directories: app and test. â€˜appâ€™ holds the application and â€˜testâ€™ of course contains test stuff. Inside â€˜appâ€™ dir
yuiseki 2013/07/25
grunt

backbone.js

requirejs

phantomjs

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

javascript

mvc

ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVC

angular.js

backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã‚’è–¦ã‚ã‚‹3ã¤ã®ç†ç”±
ã‚¬ãƒªãƒ¬ã‚ªã‚¹ã‚³ãƒ¼ãƒ—é–‹ç™ºãƒãƒ¼ãƒ ã«ã‚ˆã‚‹ ï¿½æœ€æ–°Webå‹•å‘ã€æŠ€è¡“ãƒ¡ãƒ¢ ( Ruby, Rails, node.js ) ã§ã™ Backbone.js(http://documentcloud.github.com/backbone/)ã‚’2,3ãƒ¶æœˆè§¦ã£ã¦ã¿ã¦ã€å°Žå…¥ã—ã¦è‰¯ã‹ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ Backbone.jså˜ä½“ã§ã®å¨åŠ›ã¯ãã“ã¾ã§ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Serverå´ã‚‚å«ã‚ãŸè¨è¨ˆæ€æƒ³ã‚’çµ¡ã‚ã¦è€ƒãˆã‚‹ã¨å¤§ããªåŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ï¼ˆã‚µãƒ¼ãƒãƒ¼å´ã‚‚å«ã‚ãŸæ§‹é€ æ”¹é©ãŒå…¨ä½“çš„ã«å¿…è¦ã«ãªã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒãƒ»ãƒ»ãƒ»ï¼‰ã€‚ Viewã¨Controllerã®çµåˆå¼·åº¦ä½Žä¸‹ = Viewã®ã‚¢ãƒ—ãƒªåŒ–viewã¨controllerãŒ1å¯¾1å¯¾å¿œã ã£ãŸé ƒRailså˜ä½“ã§ä½œæˆã—ã¦ã„ã‚‹å ´åˆã€Viewã«ãƒã‚¸ãƒƒã‚¯ãŒå…¥ã‚Œã‚‰ã‚Œãªã„ä»¥ä¸Šã€ ãã®Viewã§å¿…è¦ãªå¤‰æ•°ãªã©ã¯ã€å…¨ã¦Controllerã«æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®çŠ¶æ…‹ã§ã¯ã€Contro
yuiseki 2013/04/29
backbone.js

javascript
ãƒªãƒ³ã‚¯
Backbone.jsã§ã¤ãã‚‹MVPãªUIãƒ‘ã‚¿ãƒ¼ãƒ³ã€ã‚¿ãƒ–ã€‘ | DevelopersIO
ä»Šå›žã¯Backbone.jsã‚’ä½¿ã£ã¦ã‚¿ãƒ–UIã‚’ä½œã£ã¦ã¿ãŸã„ã¨æ€ã„ã¾ã™ã€‚ãƒ‡ã‚¶ã‚¤ãƒ³ã¯Twitter Bootstrapã‚’ã¤ã‹ã£ã¦ä»¥ä¸‹ã®ã‚ˆã†ã«ã—ã¾ã—ãŸã€‚ ä¸–ç•Œçš„ã«åé«˜ã„ä¼æ¥ã®åå‰ãŒä¸¦ã‚“ã§ã„ã¾ã™ãã€‚ ãƒ‡ã‚¶ã‚¤ãƒ³ã¯htmlã‚’ä»®çµ„ã¿ã—ã¦Bootstrapã§æ—¢ã«ã§ãã¦ã„ã‚‹ã“ã¨ã«ã—ã¾ã™ã€‚ï¼ˆæœ¬é¡Œã¨é›¢ã‚Œã¦ã—ã¾ã†ã®ã§â€¦ã™ã¿ã¾ã›ã‚“ï¼žï¼œï¼‰ ãƒœã‚¿ãƒ³ã®éƒ¨åˆ†ã« active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ã‚‹ã¨é¸æŠžä¸ã®ãƒ‡ã‚¶ã‚¤ãƒ³ã«å¤‰ã‚ã‚Šã€ å†…å®¹ã®éƒ¨åˆ†ã«ãŠãªã˜ã active ã¨ã„ã†ã‚¯ãƒ©ã‚¹ã‚’ã¤ã‘ã‚‹ã¨ display: block; ã¨ãªã‚Šè¡¨ç¤ºã•ã‚Œã‚‹ä»•çµ„ã¿ã§ã™ã€‚ ã™ã¹ã¦activeãªçŠ¶æ…‹ ã™ã¹ã¦éžactiveãªçŠ¶æ…‹ htmlã¯ã“ã¡ã‚‰ã§ã™ <div id='ui-tab'> <ul class='nav nav-tabs'> <li class="active"> <a href="#apple">Apple</a> </li> <li> <a
yuiseki 2013/02/27
javascript

backbone.js
ãƒªãƒ³ã‚¯
RequireJSï¼‹Backbone.jsã§ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«ç®¡ç†ã•ã‚ŒãŸWebã‚¢ãƒ—ãƒªé–‹ç™º | DevelopersIO
Todoã‚¢ãƒ—ãƒªã‚‚ã©ãã‚’ä½œã‚‹ ä»Šå›žã¯RequireJSã®ç†è§£ã‚’æ·±ã‚ã‚‹ãŸã‚ã€Backbone.jsã¨çµ„ã¿åˆã‚ã›ã¦Todoã‚’è¿½åŠ ã™ã‚‹ã ã‘ã®ç°¡ç´ ãªãƒ‡ãƒ¢ã‚’ä½œã£ã¦ã¿ã¾ã—ãŸã€‚ Backbone.jsã«ã¤ã„ã¦ã‚‚è§¦ã‚Œã¦ã„ã‚‹ãŸã‚ã€è¨˜äº‹ãŒå°‘ã—é•·ã„ã§ã™ã€‚ ãŠæ€¥ãŽã®æ–¹ã¯ãƒšãƒ¼ã‚¸ä¸‹éƒ¨ã«ãƒ‡ãƒ¢ã¨ã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ãŒã‚ã‚‹ã®ã§ã€ãã¡ã‚‰ã‚’ã•ãã£ã¨ã”ç¢ºèªãã ã•ã„ã€‚ RequireJSï¼š http://requirejs.org/ RequireJS APIï¼š http://requirejs.org/docs/api.html Backbone.jsï¼š http://backbonejs.org/ ãªã«ãŒã§ãã‚‹ã®ï¼Ÿ Webã‚¢ãƒ—ãƒªã‚’åˆ¶ä½œã™ã‚‹éš›ã«ã€RequireJSã‚’ä½¿ã£ã¦Backbone.jsã§æ§‹æˆã•ã‚Œã‚‹Modelã‚„Viewã‚’ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã“ã¨ã§ã€é–‹ç™ºæ™‚ã®ç®¡ç†ã‚³ã‚¹ãƒˆå‰Šæ¸›ã‚’ç›®æŒ‡ã—ã¾ã™ã€‚ ãªãŠã€ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«åŒ–ã™ã‚‹ã¨ãƒ•ã‚¡ã‚¤ãƒ«æ•°ãŒå¢—ãˆã¦èªã¿è¾¼ã¿
yuiseki 2013/02/27
javascript

backbone.js

requirejs

require.js
ãƒªãƒ³ã‚¯
ã¯ã˜ã‚ã‚ˆã† Backbone.js
2013å¹´2æœˆ25æ—¥(æœˆ) ã«é–‹å‚¬ã•ã‚Œã¾ã—ãŸ TechBuzz ç¬¬4å›ž.jsç³»é–‹ç™ºæŠ€è¡“å‹‰å¼·ä¼šã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã«ãªã‚Šã¾ã™ã€‚å†…å®¹ã¯ Backbone.js ã®å…¥é–€ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚Read less
yuiseki 2013/02/27
javascript

backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã«ãŠã‘ã‚‹Model-View-Presenterã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³ | DevelopersIO
ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰JavaScriptã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¨ã—ã¦äººæ°—ã®Backbone.jsãŒæŽ¡ç”¨ã—ã¦ã„ã‚‹ Modelâ€“Viewâ€“Presenter (MVP) ã¨ã„ã†ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãƒ‘ã‚¿ãƒ¼ãƒ³(ä»¥ä¸‹MPVãƒ‘ã‚¿ãƒ¼ãƒ³)ã«ã¤ã„ã¦è€ƒå¯Ÿã—ã¦ã¿ã¾ã™ã€‚ Model-View-Controllerãªã‚‰èžã„ãŸã“ã¨ã‚ã‚‹ã‘ã©ï¼Ÿ åƒ•ã‚‚ãã†ã§ã—ãŸã€‚åˆã‚ã¦çŸ¥ã£ãŸã®ã¯Ruby on Railsã‚’è§¦ã£ãŸæ™‚ã§ã™ã€‚ Modelã¯ãƒ‡ãƒ¼ã‚¿ã¨æ‰‹ç¶šãã‚’æ‹…å½“ã—ã€Viewã¯UIã‚’ã€Controllerã¯å…¥åŠ›ã‚¤ãƒ™ãƒ³ãƒˆã‚’å—ä»˜ã‘ã¦Modelã¨Viewæ“ä½œã™ã‚‹â€¦ã¨ã¾ãã–ã£ãã‚Šè¨€ã†ã¨ã“ã‚“ãªæ„Ÿã˜ã§ã™ã‚ˆãã€‚ MVPãƒ‘ã‚¿ãƒ¼ãƒ³ã‚‚å‡„ãä¼¼ã¦ã„ã¦ã€ã©ã†ã‚‚MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã‹ã‚‰æ´¾ç”Ÿã—ãŸã‚‚ã®ã¿ãŸã„ã§ã™ã€‚ä»¥ä¸‹ãŒå„ãƒ‘ã‚¿ãƒ¼ãƒ³ã®å›³ã§ã™ã€‚ Model-View-Controller Model-View-Presenter PresenterãŒModelã¨Viewã‚’æ“ä½œã—ã¦ã„ã‚‹ã¨ã“ã‚
yuiseki 2013/02/27
javascript

backbone.js
ãƒªãƒ³ã‚¯
Backbone/backbone.js at master Â· enja-oss/Backbone
You signed in with another tab or window. Reload to refresh your session. You signed out in another tab or window. Reload to refresh your session. You switched accounts on another tab or window. Reload to refresh your session. Dismiss alert
yuiseki 2013/02/18
javascript

backbone.js

backbonejs

docs
ãƒªãƒ³ã‚¯
1 2 3 æ¬¡ã®ãƒšãƒ¼ã‚¸