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

yuroyoro id:yuroyoro

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

${{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 ã¨æ¯”è¼ƒã—ãªãŒã‚‰ Knockout.js ã‚’è©¦ã—ã¦ã¿ãŸ - present
Backbone.js ã‚’è©¦ã—ãŸã‹ã‚‰ Knockout.js ã«ã‚‚æŒ‘æˆ¦ JavaScript ã®ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆ MVC ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã¯ Backbone.js ã§ã„ã“ã†ã¨æ€ã£ã¦ã„ãŸã‚“ã§ã™ãŒã€Knockout.js ãŒ Ver 2.0 ã§ã‹ãªã‚Šæ©Ÿèƒ½è¿½åŠ ã•ã‚Œã¦ã€ã¡ã‚‡ã£ã¨å¿ƒå¤‰ã‚ã‚Šã€‚ã‚‚ã¨ã‚‚ã¨ Knockout.js ã®ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°æ©Ÿèƒ½ã«èˆˆå‘³ã‚’æŒã£ã¦ã„ãŸã¨ã“ã‚ã«ã€ãƒ†ãƒ³ãƒ—ãƒ¬ãƒ¼ãƒˆæ©Ÿèƒ½ãŒè¿½åŠ ã•ã‚Œã¦ã€è©¦ã—ã¦ã¿ãŸããªã‚Šã¾ã—ãŸã€‚ å¿µã®ãŸã‚èª¬æ˜Žã™ã‚‹ã¨ã€Knockout.js ã¯ã€.NET é–‹ç™ºè€…ã«ã¯ãŠé¦´æŸ“ã¿ã®ã€ãƒ‡ãƒ¼ã‚¿ãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚„ MVVM ãƒ‘ã‚¿ãƒ¼ãƒ³ãŒç‰¹å¾´ã®ãƒ•ãƒ¬ãƒ¼ãƒ ãƒ¯ãƒ¼ã‚¯ã§ã™ã€‚ Knockout : Home ã¡ãªã¿ã«ã€Backbone.js ã®è¨˜äº‹ã¯ã“ã¡ã‚‰ã€‚ ä½œã£ã¦è¦šãˆã‚‹ Backbone.js - present ä½œã£ã¦è¦šãˆã‚‹ Backbone.js (2) Router ç·¨ - present T
yuroyoro 2012/02/15
knockout.js

backbone.js

javascript
ãƒªãƒ³ã‚¯
rails3ã¨backbone.jsã®çµ„ã¿åˆã‚ã›ã§åˆ©ç”¨ã™ã‚‹2
â– æ¦‚è¦ å‰å›žã«å¼•ãç¶šãã€backbone.jsã‚’åˆ©ç”¨ã—ã¦jqueryã§MVCã®ä¸–ç•Œã‚’ã€rails3ã¨å…±ã«ä½œã£ã¦ã„ã“ã†ã¨æ€ã„ã¾ã™ã€‚ ä»Šå›žã¯ãƒ‡ãƒ¼ã‚¿ã®ã‚„ã‚Šå–ã‚Šã‚’ã™ã‚‹æ‰€ã¾ã§ãŒç›®æ¨™ã§ã™ã€‚ â– ãƒ¢ãƒ‡ãƒ«/ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ç‰ã‚’ä½œæˆã™ã‚‹ $ rails g scaffold post title:string body:text published:boolean $ rake db:migrate $ rake spec (ã¨ã‚Šã‚ãˆãšrspecãŒå‹•ãã‹ç¢ºèªã—ã¨ã) $ rake spec:rcov (ã¤ã„ã§ã«rcovãŒå‹•ãã‹ç¢ºèªã—ã¨ã) $ rails s ã“ã“ã§ http://localhost:3000/posts ã§ã„ã¤ã‚‚ã®ç”»é¢ãŒè¡¨ç¤ºã•ã‚Œã¦ã‚Œã°OK! â– jsonå…¥å‡ºåŠ›ç”¨ã«ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã‚’ä¿®æ£ã™ã‚‹ ã¨ã‚Šã‚ãˆãšjsonã§ã‚„ã‚Šå–ã‚Šã§ãã‚‹ã‚ˆã†ã«å¤‰æ›´ã—ã¾ã™ã€‚params.exceptã¯backboneã¨ã®ã‚„ã‚Šå–ã‚Šã‚’è€ƒ
yuroyoro 2012/01/27
backbone.js

Rails3

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

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

backbone.js
ãƒªãƒ³ã‚¯
ç¤¾å†…ã§backbone.js with Railså‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸ | mah365
backbone.js + Rails3.1ã§ä½œæˆã—ãŸã‚µã‚¤ãƒˆã€Œbest vimrcã€ã‚’é¡Œæã«SonicGardenç¤¾å†…ã§å‹‰å¼·ä¼šã‚’é–‹å‚¬ã—ã¾ã—ãŸã€‚ustreamã•ã‚ŒãªãŒã‚‰è©±ã™ã®ã¯ç·Šå¼µã—ã¾ã™ããƒ¼ã€‚ã€‚ çµæžœçš„ã«ã€Œã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®ã‚³ãƒ¼ãƒ‰ã‚’ç„¡ç†ã«MVCã§æ›¸ãç†ç”±ãŒåˆ†ã‹ã‚‰ãªã„ã€‚ã‚‚ã£ã¨ã‚·ãƒ³ãƒ—ãƒ«ã§åˆ†ã‹ã‚Šã‚„ã™ã„ã‚¢ãƒ¼ã‚ãƒ†ã‚¯ãƒãƒ£ãŒã‚ã‚‹ã®ã§ã¯ï¼Ÿã€ã¨ã„ã†è©±ã«è½ã¡ç€ãã¾ã—ãŸãŒã€ã‚µãƒ¼ãƒå´ãŒRailsã§ãƒ•ãƒ«Ajaxãªã‚¢ãƒ—ãƒªã‚’ä½œã‚‹éš›ã«ã¯ã€backbone.js + Railsã¯gemãŒå……å®Ÿã—ã¦ã„ã‚‹ã®ã§è‰¯ã„é¸æŠžè‚¢ãªã®ã‹ãªã¨ã„ã†æ°—ãŒã—ã¦ã„ã¾ã™ã€‚ Getting Start backbone.js with Rails æ¬¡ã¯knockout.js + Sinatraã®çµ„ã¿åˆã‚ã›ã‚’è©¦ã—ã¦ã¿ã‚ˆã†ã€‚ ã€Œbest vimrcã€ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã¯githubã«ã‚ã’ã¦ã‚ã‚Šã¾ã™ã®ã§ã€èˆˆå‘³ã®ã‚ã‚‹æ–¹ã¯ã”è¦§ä¸‹ã•ã„ã€‚
yuroyoro 2011/11/28
javascript

backbone.js

Rails

ruby
ãƒªãƒ³ã‚¯
1