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

igaiga07 id:igaiga07

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

${{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
2013å¹´2æœˆ25æ—¥(æœˆ) ã«é–‹å‚¬ã•ã‚Œã¾ã—ãŸ TechBuzz ç¬¬4å›ž.jsç³»é–‹ç™ºæŠ€è¡“å‹‰å¼·ä¼šã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã«ãªã‚Šã¾ã™ã€‚å†…å®¹ã¯ Backbone.js ã®å…¥é–€ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚Read less
igaiga07 2014/01/27
backbone.js

javascript
ãƒªãƒ³ã‚¯
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
igaiga07 2014/01/24
mvc

backbone.js
ãƒªãƒ³ã‚¯
æ–°ãƒ»ä¸‰å¤§JavaScriptãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã®å®Ÿè·µ(Backbone.js Knockout.js Angular.js) - Qiita
Todoãƒªã‚¹ãƒˆã®æ©Ÿèƒ½ 1.ãƒ†ã‚ã‚¹ãƒˆãƒœãƒƒã‚¯ã‚¹ã‹ã‚‰ã€Enterã§è¿½åŠ ã§ãã‚‹ 2.ç™»éŒ²ã—ãŸTodoã¯ãƒ€ãƒ–ãƒ«ã‚¯ãƒªãƒƒã‚¯ã§ç·¨é›†å¯èƒ½ã«ãªã‚Šã€Enterã§ç·¨é›†ç¢ºå®šã§ãã‚‹ 3.ç™»éŒ²ã•ã‚Œã¦ã„ã‚‹Todoã®ç·ä»¶æ•°ãŒãƒ•ãƒƒã‚¿ãƒ¼ã«è¡¨ç¤ºã•ã‚Œã‚‹ 4.å®Œäº†ã—ãŸTodoãŒã‚ã‚‹å ´åˆã€ãã‚Œã‚‰ã‚’ãƒªã‚¹ãƒˆã‹ã‚‰æ¶ˆã™ãƒœã‚¿ãƒ³ãŒè¡¨ç¤ºã•ã‚Œã‚‹ 5.å…¨é¸æŠž/è§£é™¤ã‚’è¡Œã†ãƒã‚§ãƒƒã‚¯ãƒœãƒƒã‚¯ã‚¹ãŒã‚ã‚‹ å€‹äººçš„ãªçµè«– è¶£å‘³é–‹ç™ºã§ä½¿ã†ãªã‚‰Angular.jsãƒ»ä»•äº‹ã§ä½¿ã†ãªã‚‰Knockout.jsã‚’ãŠå‹§ã‚ã—ãŸã„ã€‚ ã¾ãšã€ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã‚’é¸æŠžã™ã‚‹éš›ã¯ã€ä»¥ä¸‹3ã¤ã®é¸æŠžåŸºæº–ã‚’æŒã¤ã¨ã‚ˆã„ã¨æ€ã†ã€‚ 1.é–‹ç™ºã®è¦æ¨¡ å¤§è¦æ¨¡ãªã‚‰Backbone.jsã¯ãŠå‹§ã‚ã§ãã‚‹ã€‚ æ›¸ãæ–¹ãŒæ±ºã¾ã£ã¦ã„ã¦ã€ãƒãƒ¥ãƒ¼ãƒˆãƒªã‚¢ãƒ«ã«ç›®ã‚’é€šã›ã°(é¢å€’ãªã®ã¯ç½®ã„ã¦ãŠã„ã¦)ä½•ã‚’ä½œã‚‰ãªã‘ã‚Œã°ãªã‚‰ãªã„ã‹ã¯ç°¡å˜ã«ç†è§£ã§ãã‚‹ã€‚ãã“ãã“ã®äººæ•°ã§é•·ã„æ™‚é–“ã®é–‹ç™ºã‚’è¡Œã†ãªã‚‰ã€UIãƒãƒ¼ãƒ ã¯ã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã¨Viewã€ã‚µãƒ¼ãƒãƒ¼ã‚µã‚¤ãƒ‰ã¯
igaiga07 2013/11/18
knockout.js

javascript

framework

backbone.js

angular.js
ãƒªãƒ³ã‚¯
Backbone.js æ—¥æœ¬èªžãƒªãƒ•ã‚¡ãƒ¬ãƒ³ã‚¹
object.once(events, callback, [context]) object.listenTo(other, event, callback) object.stopListening([other], [event], [callback]) Backbone.Model Backbone.Model.extend([properties], [classProperties]) Backbone.Modelã€€ã‚’ç¶™æ‰¿ã—ãŸæ–°ã—ã„ãƒ¢ãƒ‡ãƒ«ã‚’ä½œã‚Šã¾ã™ã€‚ properties ã‚¤ãƒ³ã‚¹ã‚¿ãƒ³ã‚¹ãƒ¡ãƒ³ãƒã‚’å®šç¾©ã—ã¾ã™ã€‚ var User = Backbone.Model.extend({ say: function () { console.log("Hello."); } }); var user = new User(); user.say(); //-> Hello. classPr
igaiga07 2013/06/17
backbone.js
ãƒªãƒ³ã‚¯
Backbone.jsã‚’åˆ©ç”¨ã—ãŸã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰MVCã®å°Žå…¥ã«ã¤ã„ã¦ãã‚ãã‚æ›¸ã„ã¦ãŠãã‹ - å‡ºç”ºãƒŸã‚¹ãƒ‰æ”»é˜²è¨˜
jQueryãƒ˜ãƒ“ãƒ¼ãªã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®å•é¡Œç‚¹ã¨ã€MVCã«ã‚ˆã‚‹æ§‹é€ åŒ–ã®å¿…è¦æ€§ jQueryã¯ã€ãƒ–ãƒ©ã‚¦ã‚¶ä¸Šã§å‹•ãJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã®é–‹ç™ºç”Ÿç”£æ€§ã‚’åŠ‡çš„ã«å‘ä¸Šã•ã›ã¾ã—ãŸã€‚DOMæ“ä½œã«ã‚ˆã‚‹å‹•çš„ãªãƒšãƒ¼ã‚¸æ›¸ãæ›ãˆå‡¦ç†ãªã©ã¯ã€ã‚»ãƒ¬ã‚¯ã‚¿ã‚’ä½¿ã£ã¦ã¡ã‚‡ã‚ã£ã¨ã‚³ãƒ¼ãƒ‰ã‚’æ›¸ãã ã‘ã§ã€ã»ã‚“ã®æ•°è¡Œã§è¨˜è¿°ã§ãã¦ã—ã¾ã„ã¾ã™ã€‚ ã—ã‹ã—ã€ã“ã®æ–¹æ³•ã®å»¶é•·ã§ã€å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ§‹ç¯‰ã™ã‚‹ã“ã¨ã¯æžœãŸã—ã¦ç¾å®Ÿçš„ã§ã—ã‚‡ã†ã‹ã€‚ä¾‹ãˆã°ã€ŒGMailã€ã‚„ã€ŒNew Twitterã€ç¨‹åº¦ã®è¦æ¨¡ã®JSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’æ›¸ã‹ãªã‘ã‚Œã°ãªã‚‰ãªã„ã¨ã—ãŸã‚‰ã€ã©ã†ã§ã—ã‚‡ã†ï¼Ÿ å¤§è¦æ¨¡ãªJSã‚¢ãƒ—ãƒªã‚±ãƒ¼ã‚·ãƒ§ãƒ³ã‚’é–‹ç™ºã™ã‚‹ã«ã¯ã€ã“ã†ã„ã£ãŸæ‰‹æ³•ã‚’å»¶é•·ã™ã‚‹ã®ã§ã¯ãªãã€ã‚ˆã‚Šæ´—ç·´ã•ã‚ŒãŸãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã‚’å°Žå…¥ã™ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ã“ã®ç›®çš„ã«ã´ã£ãŸã‚Šã®ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒã€ã€ŒMVCã€ãƒ‡ã‚¶ã‚¤ãƒ³ãƒ‘ã‚¿ãƒ¼ãƒ³ã§ã™ã€‚ MVCãƒ‘ã‚¿ãƒ¼ãƒ³ã¯ã€Webã®ä¸–ç•Œã§ã¯ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ—ãƒã‚°ãƒ©ãƒŸãƒ³ã‚°ã§åºƒãçŸ¥ã‚‰ã‚Œ
igaiga07 2013/06/17
mvc

backbone.js

javascript
ãƒªãƒ³ã‚¯
backbone.js
(c) 2010 Jeremy Ashkenas, DocumentCloud Inc. Backbone may be freely distributed under the MIT license. For all details and documentation: http://documentcloud.github.com/backbone
igaiga07 2012/05/16
JavaScript

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