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

muamqm id:muamqm

backbone.jsã«é–¢ã™ã‚‹muamqmã®ãƒ–ãƒƒã‚¯ãƒžãƒ¼ã‚¯ (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}}

Backbone.jsã«å…¥é–€ã—ã¦ã¿ã‚‹ã€Routerç·¨ã€‘ - yutaponã®ãƒ–ãƒã‚°
ä¹…ã—ã¶ã‚Šã®Backbone.jså…¥é–€ã€‚ Backbone.jsã‚¬ã‚¤ãƒ‰ãƒ–ãƒƒã‚¯ã‚’è¦‹ãªãŒã‚‰ã¾ã¨ã‚ã¦ã¾ã™ãŒã€ å¾ŒåŠã¯è©¦è¡ŒéŒ¯èª¤ã®ãŸã¾ã‚‚ã®ã€‚ Backbone.Routerã¨ã¯ Backbone.Routerã¯ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã„ã†ã¨ã“ã‚ã®Cã«ã‚ãŸã‚‹éƒ¨åˆ†ã€ã§ã‚‚ã‚ã‚Šã¾ã™ã—ã€VCã§ã‚‚ã‚ã‚Šã¾ã™ã€‚ Backbone.ViewãŒDOMã‚’ç›£è¦–ã™ã‚‹ã®ã«å¯¾ã—ã¦ã€Backbone.Routerã¯ãƒ–ãƒ©ã‚¦ã‚¶ã®ãƒãƒƒã‚·ãƒ¥ï¼ˆURLæ¬„ï¼‰ã‚’ç›£è¦–ã—ã¾ã™ï¼ˆåŽ³å¯†ã«è¨€ã†ã¨hashChangeã‚¤ãƒ™ãƒ³ãƒˆã¨popStateã‚¤ãƒ™ãƒ³ãƒˆã‚’ç›£è¦–ï¼‰ã€‚ Backbone.Routerã«ãƒãƒƒã‚·ãƒ¥ã¨ãã‚Œã«å¯¾å¿œã™ã‚‹æ“ä½œã‚’è¨å®šã—ã¦ãŠãã“ã¨ã§ã€ ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³å…¨ä½“ã®ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¿ãŸã„ãªãµã‚‹ã¾ã„ã‚’ã—ã¾ã™ã€‚ Backbone.Routerã®ä½¿ã„æ–¹ ä½•ã¯ã¨ã‚‚ã‚ã‚Œã‚µãƒ³ãƒ—ãƒ«ã‚³ãƒ¼ãƒ‰ã‚’ã€‚ // @file router_sample.js var Router
muamqm 2014/06/08
backbone.js
ãƒªãƒ³ã‚¯
ä½œã£ã¦è¦šãˆã‚‹ Backbone.js (2) Router ç·¨ - present
ãƒ¢ãƒã‚¤ãƒ«ç‰ˆ Basecamp ã«ä½¿ã‚ã‚Œã¦ã„ã‚‹ã¨èžã„ã¦èˆˆå‘³ã‚’æŠ±ã„ã¦ã„ãŸã€JavaScript ã® MVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ Backbone.jsã€‚Model ã¨ View ã¯å…ˆæ—¥è©¦ã—ã¾ã—ãŸã€‚ ä½œã£ã¦è¦šãˆã‚‹ Backbone.js - present ã§ã‚‚ã€Controller ã¯ã¾ã ã€‚ã€Œä»Šåº¦è©¦ã™ã€ã¨ã„ã£ã¦ã‚„ã‚‰ãªã„ã“ã¨ãŒå¤šã„ç§ã§ã™ã‘ã©ã€Controller ã¯è‡ªåˆ†ã‚‚ä½¿ã†ã®ã§ã€ã¡ã‚ƒã‚“ã¨è¡Œå‹•ã«ç§»ã™ã“ã¨ã«ã—ã¾ã™ã€‚ Backbone ã§ã¯ Controller ã®å½¹å‰²ã¯ Backbone.Router ã‚’ç¶™æ‰¿ã—ãŸã‚¯ãƒ©ã‚¹ãŒè¡Œã„ã¾ã™ã€‚Routerã®å®šç¾©ã®ä»•æ–¹ã¯ã“ã‚“ãªæ„Ÿã˜ã€‚ var AppRouter = Backbone.Router.extend({ routes: { "post/": "list", "post/:id": "show" }, list: function() { # ãƒ‡ãƒ¼ã‚¿ä¸€è¦§ã‚’è¡¨
muamqm 2014/06/08
backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã‚¬ã‚¤ãƒ‰
Backbone.jsã‚’ã¯ã˜ã‚ã¨ã—ã¦ã€ã‚³ãƒ¼ãƒ‰ã®æ§‹é€ ã‚„ä¿å®ˆã®å®¹æ˜“ã•ã‚’å‘ä¸Šã•ã›ã¦ãã‚Œã‚‹JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒäººæ°—ã§ã™ã€‚æœ¬æ›¸ã®è§£èª¬ã¯ã€MVCã«ã‚ˆã£ã¦æ§‹é€ åŒ–ã•ã‚ŒãŸJavaScript SPAã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’ä½œæˆã™ã‚‹æ–¹æ³•ãªã©ã€Backbone.jsã«ã¤ã„ã¦ã®åŸºç¤Žçš„ãªäº‹æŸ„ã«ã¨ã©ã¾ã‚Šã¾ã›ã‚“ã€‚ãƒ¢ã‚¸ãƒ¥ãƒ¼ãƒ«å½¢å¼ã®é–‹ç™ºã‚„ã•ã¾ã–ã¾ãªãƒ—ãƒ©ã‚°ã‚¤ãƒ³ã®ç´¹ä»‹ã€é–‹ç™ºè€…ãŒã‚ˆãéé‡ã™ã‚‹å•é¡Œã¸ã®è§£æ±ºç–ã€ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®éª¨çµ„ã¿ã®è‡ªå‹•ç”Ÿæˆã‚„ãƒ¦ãƒ‹ãƒƒãƒˆãƒ†ã‚¹ãƒˆã«è‡³ã‚‹ã¾ã§ã€Backbone.jsã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã®ã•ã¾ã–ã¾ãªå±€é¢ã‚’å¤šè§’çš„ã«ã¨ã‚‰ãˆãŸä¸€å†Šã§ã™ã€‚ ã¾ãˆãŒã 1ç« ã€€ã‚¤ãƒ³ãƒˆãƒãƒ€ã‚¯ã‚·ãƒ§ãƒ³ 1.1ã€€MVCã¨ã¯ 1.2ã€€Backbone.jsã¨ã¯ 1.3ã€€JavaScriptã®MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒå¿…è¦ã«ãªã‚‹ã¨ã 1.4ã€€Backbone.jsã‚’æ¤œè¨Žã™ã‚‹ã¹ãç†ç”± 1.5ã€€æœ¬æ›¸ã®æ§‹æˆ 2ç« ã€€MVC 2.1ã€€MVCã¨ã¯ 2.1
muamqm 2014/01/24
é›»åæ›¸ç±ç‰ˆã‚’è²·ã£ãŸ

javascript

backbone.js

mvc
ãƒªãƒ³ã‚¯
BackBone Model Unit Testing with Jasmine - Code and Chats with Ken
Writing reliable JavaScript code at scale is difficult. The language lacks built-in formal structures that enable reliable engineering practices. Fortunately establishing convention and selecting mature libraries goes a long way towards building a trustworthy architecture. Furthermore writing unit tests gains confidence in our applications. In this first article in a series on unit testing JavaScr
muamqm 2013/04/16
backbone.js

javascript

jasmine

github
ãƒªãƒ³ã‚¯
Backbone.js ã§ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ãƒ—ãƒ©ã‚¯ãƒ†ã‚£ã‚¹ - present
Backbone.js ã‚’ä½¿ã£ã¦ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ MVC ã§å®Ÿè£…ã—ãŸã¨ã—ã¦ã‚‚ã€ç”»é¢é·ç§»ã®ãŸã³ã«ã‚µãƒ¼ãƒãƒ¼ã¨é€šä¿¡ã—ã¦ã„ã¦ã¯ã€ãƒ‡ãƒ¼ã‚¿ãŒè¡¨ç¤ºã•ã‚Œã‚‹ã¾ã§çµå±€ãƒ¦ãƒ¼ã‚¶ãƒ¼ã¯å¾…ãŸã•ã‚Œã¾ã™ã€‚æ“ä½œãŒå›ºã¾ã‚‰ãªã„ã€ãŸã ãã‚Œã ã‘ã€‚ãã‚Œã«ä½•åº¦ã‚‚é€šä¿¡ã—ã¦ã„ã¦ã¯ã€ã‚µãƒ¼ãƒãƒ¼å´ã«ä½™è¨ˆãªè² æ‹…ã‚‚ã‹ã‹ã‚Šã¾ã™ã€‚å–å¾—ã—ãŸãƒ‡ãƒ¼ã‚¿ãŒé »ç¹ã«æ›´æ–°ã•ã‚Œãªã„ã‚‚ã®ãªã‚‰ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã‚ãƒ£ãƒƒã‚·ãƒ¥ã—ã¦ãŠã‹ãªã„ã¨ã€‚ ã•ã¦ã€ã©ã†å®Ÿè£…ã—ã¾ã—ã‚‡ã†ã€‚çœŸã£å…ˆã«æ€ã„ã¤ã„ãŸã®ã¯ã€Backbone.Model ã‚„ Backbone.Collection ã‚’ç¶™æ‰¿ã—ãŸã‚¯ãƒ©ã‚¹ã«ã€fetch ã‚„ save ã‚’å‘¼ã³å‡ºã—ã¦ãƒ¬ã‚¹ãƒãƒ³ã‚¹ã‚’ã‚ãƒ£ãƒƒã‚·ãƒ¥ã™ã‚‹ãƒ¡ã‚½ãƒƒãƒ‰ã‚’è¿½åŠ ã™ã‚‹æ–¹æ³•ã€‚ã‚·ãƒ³ãƒ—ãƒ«ã§ã™ã‘ã©ã€ã‚ãƒ£ãƒƒã‚·ãƒ¥ã‚’æ‰±ã†ã‚³ãƒ¼ãƒ‰ãŒåˆ†æ•£ã—ã¦ã—ã¾ã†ã®ãŒé›£ç‚¹ã‹ãªã€‚ Backbone.Model ã‚„ Backbone.Collection ãŒé€šä¿¡ã‚’è¡Œã†ã¨ãã€Backbone.sync ãƒ¡ã‚½ãƒƒãƒ‰ã‚’å¿…ãšçµŒç”±ã—ã¾ã™ã€‚
muamqm 2013/01/14
backbone.js

javascript
ãƒªãƒ³ã‚¯
backbone.jsã¨coffee scriptã‚’çµ„ã¿åˆã‚ã›ãŸå°ã•ã„ã‚µãƒ³ãƒ—ãƒ« | DevelopersIO
backbone + coffee scriptã§å¿«é©ã« æœ€è¿‘ã¯ä»•äº‹ã§ã‚‚JavaScriptã®ä½¿ç”¨é »åº¦ãŒå¤šããªã£ã¦ãŠã‚Šã€ç…©é›‘ã«ãªã‚ŠãŒã¡ã§ã—ãŸã€‚ è§£æ±ºæ–¹æ³•ã‚’æŽ¢ã—ã¦ã„ãŸã¨ã“ã‚ã€backbone.jsã¨ã„ã†ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ãŒè‰¯ã„ã‚‰ã—ã„ã¨ã„ã†è©±ãŒå‡ºã¦ããŸã®ã§è©¦ã—ã¦ã¿ã¾ã™ã€‚ ã¾ãŸã€coffee scriptã‚’çµ„ã¿åˆã‚ã›ã€ã‚·ãƒ³ãƒ—ãƒ«ãªã‚µãƒ³ãƒ—ãƒ«ã‚’ä½œæˆã—ã¦ã¿ã¾ã™ã€‚ backbone.jsã¨ã¯ backbone.jsã¯DocumentCloud(underscore.jsã‚‚é–‹ç™ºã—ã¦ã„ã‚‹ã¨ã“ã‚)ãŒé–‹ç™ºã—ã¦ã„ã‚‹MVCãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ ã“ã‚Œã‚’ä½¿ç”¨ã™ã‚Œã°ãƒ¢ãƒ‡ãƒ«ã®æ“ä½œã€HTMLãƒ¬ãƒ³ãƒ€ãƒªãƒ³ã‚°ã€URLãƒ•ãƒ©ã‚°ãƒ¡ãƒ³ãƒˆã«å¿œã˜ãŸãƒ«ãƒ¼ãƒ†ã‚£ãƒ³ã‚°å‡¦ç†ã‚’åˆ†å‰²ã—ã¦ç¶ºéº—ã«è¨˜è¿°ã™ã‚‹ã“ã¨ãŒã§ãã¾ã™ã€‚ å…¬å¼ã‚µã‚¤ãƒˆ â€»1ã‚„ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰è§£èª¬ â€»2ãŒã‚ã‚‹ã®ã§ã€è©³ç´°ã¯ã“ã¡ã‚‰ã‚’ç¢ºèªã—ã¦ã¿ã¦ãã ã•ã„ã€‚ ã¾ãšã¯ã“ã‚Œã ã‘ã‚’ç”¨ã„ã¦ã‚µãƒ³ãƒ—ãƒ«ãƒ—ãƒã‚°ãƒ©ãƒ ã‚’ä½œæˆã—ã¦ã¿ã¾ã—
muamqm 2013/01/14
backbone.js

coffeescript

javascript
ãƒªãƒ³ã‚¯
Backbone.js Advent Calendar 2012 - Adventar
Backbone.jsã®TIPSã¨ã‹ãƒ‘ã‚¿ãƒ¼ãƒ³ã¨ã‹ã€ä»–ã®ãƒ©ã‚¤ãƒ–ãƒ©ãƒªã¨ã®é€£æºãªã©ãªã©ã€‚ ãƒ•ãƒ«ã‚¹ã‚¿ãƒƒã‚¯æ„ŸãŒãªã„åˆ†ã€å„è‡ªã§ã„ã‚ã„ã‚ç·¨ã¿å‡ºã—ãªãŒã‚‰ä½¿ã„ã“ãªã—ã¦ã„ã‚‹ã¨æ€ã†ã®ã§ã€ãã®ã‚ãŸã‚Šã®å…±æœ‰ãŒã¦ã‚‰æ›¸ãã¾ã—ã‚‡ã†ï¼
muamqm 2013/01/13
backbone.js
ãƒªãƒ³ã‚¯
Backbone.js 0.9.9 ã®å¤‰æ›´ç‚¹ - Webtech Walker
Backbone.js Advent Calendarã®19æ—¥ç›®ã§ã™ã€‚ å…ˆé€±Backbone.jsã®0.9.9ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¦ã‘ã£ã“ã†å¤‰æ›´ç‚¹å¤šã„ã®ã§Change Logã«æ›¸ã„ã¦ã‚ã‚‹ã‚„ã¤ã‚’ç°¡å˜ã«ã¾ã¨ã‚ã¨ãã¾ã™ã€‚ Backbone.js - Change Log ã¾ãŸã€å…ˆæ—¥æ¸…æ°´ã•ã‚“ï¼ˆ@tori3_jpï¼‰ãŒä»¥ä¸‹ã®ã‚ˆã†ãªã‚¨ãƒ³ãƒˆãƒªã‚’æ›¸ã„ã¦ã„ã¦ã€ã„ãã¤ã‹é‡è¤‡ã™ã‚‹ç‚¹ãŒã‚ã‚Šã¾ã™ã®ã§ã€ã“ã¡ã‚‰ã‚‚å‚ç…§ã—ã¦ãã ã•ã„ã€‚ Backbone.js 1.0ã«å‘ã‘ã¦ã®å¤‰æ›´ç‚¹ Â« NAVER Engineers' Blog Eventsé–¢é€£ Eventsã«listenToã¨stopListeningãŒè¿½åŠ ã•ã‚Œã¾ã—ãŸã€‚æ¸…æ°´ã•ã‚“ã®ã‚¨ãƒ³ãƒˆãƒªã®è¿½è¨˜ã®éƒ¨åˆ†ã«è©³ã—ãæ›¸ã„ã¦ã‚ã‚Šã¾ã™ã€‚ Backboneã‚ªãƒ–ã‚¸ã‚§ã‚¯ãƒˆãŒEventsã‚’ç¶™æ‰¿ã™ã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚Backbone.on('foo')ã¿ãŸã„ãªã‚°ãƒãƒ¼ãƒãƒ«ãªã‚¤ãƒ™ãƒ³ãƒˆãŒè²¼ã‚Œã‚‹ã¿ãŸã„ã§ã™ã€‚
muamqm 2012/12/19
javascript

backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã§Node.jsã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ãƒã‚¸ãƒƒã‚¯ã‚’ã‚¤ã‚±ã¦ã‚‹æ„Ÿã˜ã§å…±é€šåŒ–ã™ã‚‹ - Webtech Walker
Backbone.js Advent Calendarã®12æ—¥ç›®ã§ã™ã€‚ Backbone.jsã‚’ä½¿ã£ã¦Node.jsã¨ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã§ãƒã‚¸ãƒƒã‚¯ã‚’å…±æœ‰ã™ã‚‹æ–¹æ³•ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã™ã€‚ Node.jsã¨ã„ãˆã°ãƒãƒ£ãƒƒãƒˆã€‚ãƒãƒ£ãƒƒãƒˆã¨ã„ãˆã°Socket.IOã¨ã„ã†ã“ã¨ã§Socket.IOã‚’ä½¿ã£ãŸãƒãƒ£ãƒƒãƒˆã‚’ä¾‹ã«ã—ã¦ã¿ã¾ã™ã€‚ ä¾‹ãˆã°ãƒãƒ£ãƒƒãƒˆã®ä¸€å›žã®æ–‡å—åˆ—ã®ä¸Šé™ã‚’140æ–‡å—ã«ã—ãŸã„ã¨ã—ã¾ã™ã€‚ãã®å ´åˆã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆå´ã§ã‚‚ã‚µãƒ¼ãƒãƒ¼å´ã§ã‚‚åŒã˜ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã®ãƒã‚¸ãƒƒã‚¯ã‚’å®Ÿè£…ã™ã‚‹ã®ã¯é¢å€’ã§ã™ã—ã€ä¸Šé™å€¤ãŒå¤‰æ›´ã«ãªã£ãŸã¨ãã«2ç®‡æ‰€å¤‰æ›´ã™ã‚‹ã®ã¯ã‚¤ã‚±ã¦ãªã„ã§ã™ãã€‚ãã“ã§Backbone.jsã‚’ä½¿ã£ã¦ãã®éƒ¨åˆ†ã®ãƒã‚¸ãƒƒã‚¯ã‚’å…±é€šåŒ–ã™ã‚‹æ–¹æ³•ã‚’è€ƒãˆã¦ã¿ã¾ã™ã€‚ Backbone.jsã¯npmã§ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã§ãã‚‹ã®ã§ã¾ãšã¯Backbone.jsã¨Socket.IOã‚’ã‚¤ãƒ³ã‚¹ãƒˆãƒ¼ãƒ«ã—ã¾ã™ã€‚ $ npm install
muamqm 2012/12/15
backbone.js

socket.io

javascript

node.js
ãƒªãƒ³ã‚¯
CoffeeScript, Meet Backbone.js: A Tutorial
CoffeeScript, Meet Backbone.js is a simple Backbone.js tutorial written in CoffeeScript comprised of self-explanatory "hello world" examples of increasing complexity. It was designed to provide a smoother transition from zero to the popular Todos example The bulk of this tutorial is a rewrite of the original hello-backbonejs tutorial. Backbone.js offers a lean MVC framework for organizing your Jav
muamqm 2012/12/15
backbone.js

CoffeeScript

JavaScript
ãƒªãƒ³ã‚¯
Backbone.js ã§ HTML ã® View ã¨ Model ã‚’åˆ†é›¢ã—ã¦ã¿ã‚‹ã‚ˆ - ã‚¹ã‚¿ã‚¸ã‚ªãƒ»ã‚¢ãƒ«ã‚«ãƒŠæŠ€è¡“ãƒ–ãƒã‚°
ã¯ã„ã©ã†ã‚‚ï½žã€‚Japanese SchoolgirlsãŒå¥½ããªã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å‰ç”°ã§ã™ã€‚ ä»¥å‰ã€ŒjQuery.tmpl() ã§ HTML ã® View ã¨ Model ã‚’åˆ†é›¢ã—ã¦ã¿ã‚‹ã‚ˆã€ã¨ã„ã† è¨˜äº‹ã‚’æ›¸ãã¾ã—ãŸãŒã€å¼•ãç¶šãJavaScriptã«ã‚ˆã‚‹MVCã‚·ãƒªãƒ¼ã‚ºç¬¬äºŒå¼¾ï¼ ä»Šå›žã¯ã€Backbone.jsã§Viewã¨Modelã‚’åˆ†é›¢ã•ã›ã¦ã¿ã‚‹ã¨ã„ã†è©¦ã¿ã§ã™ã€‚ ã“ã“æœ€è¿‘ã€JavaScriptã®MVCãƒ©ã‚¤ãƒ–ãƒ©ãƒªã ã¨ã€ŒJavaScriptMVCã€ã‚„ã€ŒKnockout.jsã€ ã€ŒBackbone.jsã€ãªã©ãŒã¼ã¡ã¼ã¡ã¨çŸ¥ååº¦ã‚’æŒ™ã’ã¦ãã¦ã„ã‚‹ã‚ˆã†ãªå°è±¡ã§ã™ã€‚ (â€»æ³¨)æ£ç¢ºã«ã¯Knockout.jsã¯MVCã§ã¯ãªãMVVM(Model-View-ViewModel)ã§ã™ãã€‚ ãã‚“ãªä¸SoundCloudãªã©ã§ã‚‚ä½¿ç”¨ã•ã‚Œã¦ã„ã‚‹Backbone.jsãŒã¨ã¦ã‚‚æ°—ã«ãªã£ã¦ ã„ãŸã®ã§ã€ã©ã®ã‚ˆã†ãªæ„Ÿã˜ã§åˆ©ç”¨ã§ãã‚‹ã®ã‹è©¦ã—
muamqm 2012/12/15
backbone.js

javascript
ãƒªãƒ³ã‚¯
jQuery Mobileã§ã®ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³é–‹ç™ºã«Backbone.jsã‚’å°Žå…¥ã—ã‚ˆã† | Lab by [email protected]
ã“ã‚“ã«ã¡ã¯ã€2011å¹´åº¦æ–°å’ã‚¨ãƒ³ã‚¸ãƒ‹ã‚¢ã®å¤ç›®ã§ã™ï¼çªç„¶ã§ã™ãŒã¿ãªã•ã‚“JavaScriptæ›¸ã„ã¦ã¾ã™ã‹ï¼Ÿ æœ€è¿‘ã¯jQuery Mobileãªã©ã‚’åˆ©ç”¨ã—ãŸã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã‚¢ãƒ—ãƒªé–‹ç™ºã«ãŠã„ã¦ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã§ã‚‚ãƒ˜ãƒ“ãƒ¼ãªJavaScriptã®ã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ã‚’ã™ã‚‹æ©Ÿä¼šãŒã‚ã‚‹ã¨æ€ã„ã¾ã™ã€‚ãã®ã‚ˆã†ãªã¨ãã‚³ãƒ¼ãƒ‰ã®ã„ãŸã‚‹ã¨ã“ã‚ã«HTMLãŒæ··å…¥ã—ãŸã‚Šã€ã©ã“ã§ã©ã®ãƒ‡ãƒ¼ã‚¿ã‚’æ‰±ã£ã¦ã„ã‚‹ã®ã‹åˆ†ã‹ã‚‰ãªããªã‚‹ã¨ã„ã†ã“ã¨ã«ãªã‚ŠãŒã¡ã§ã™ã€‚ ä»Šå›žã¯ãã‚“ãªæ‚ªå¤¢ã®ã‚ˆã†ãªã‚³ãƒ¼ãƒ‡ã‚£ãƒ³ã‚°ç”Ÿæ´»ã«ä¸€ç‹ã®å¸Œæœ›ã®å…‰ã‚’ç…§ã‚‰ã™Backbone.jsã‚’ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ å¯¾è±¡èªè€… JavaScriptã§ã®é–‹ç™ºçµŒé¨“ãŒã‚ã‚‹æ–¹ Backbone.jsã¨ã¯ Backbone.jsã¯DocumentCloudãŒé–‹ç™ºã‚’ã—ã¦ã„ã‚‹ã€ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®JavaScriptã‚³ãƒ¼ãƒ‰ã‚’Modelã€Viewã€Controllerã§æ§‹ç¯‰ã™ã‚‹ãŸã‚ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚b
muamqm 2012/12/15
javascript

backbone.js
ãƒªãƒ³ã‚¯
å¤§è¦æ¨¡JSã§ã®Backbone.js/CoffeeScript ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ - mizchi log
ã“ã‚Œèªã‚“ã§ãŸã‚‰r7kamuraå›ã«JSã®MVCã©ã†ã™ã‚‹ã®çš„ãªè©±ãã‹ã‚Œã¦ãŸã®ã‚’æ€ã„å‡ºã—ãŸã®ã§ã€è‡ªåˆ†ãŒBackboneã‚’ä½¿ã†æ™‚ã®ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’r7kamuraå›ã®è¨˜äº‹ã‚’ãƒ™ãƒ¼ã‚¹ã«æ›¸ããªãŠã—ã¦ã¿ãŸã€‚ > ã‚µãƒã‚¯ãƒ©ä¸¡æ–¹ã§å‹•ã JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã‚’è¡Œã†ãŸã‚ã« â€• Gist https://gist.github.com/1362110 > client-side javascript - âœ˜â•¹â—¡â•¹âœ˜ http://r7kamura.hatena blog.com/entry/2012/10/18/023629 ä»¥ä¸‹ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’æ›¸ã„ãŸã€‚ã‹ãªã‚Šå†—é•·ã ãŒã€è¤‡é›‘ãªã‚¢ãƒ—ãƒªã ã¨ã“ã‚Œãã‚‰ã„ã®å†—é•·æ€§ã¯å¿…è¦ã«ãªã‚‹ã€‚ (ãªãŠæ¦‚å¿µã‚’ä¼ãˆã‚‹ãŸã‚ã®è§£èª¬ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã§ãã®ã¾ã¾ã˜ã‚ƒå‹•ã‹ãªã„) Backbone.Model # åå‰ç©ºé–“ã®åˆæœŸåŒ– App = {} App.View = {} App.Model = {}
muamqm 2012/11/28
javascript

coffeescript

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