2013å¹´2月25æ—¥(月) ã«é–‹å‚¬ã•ã‚Œã¾ã—㟠TechBuzz 第4回.js系開発技術勉強会ã§ç™ºè¡¨ã•ã›ã¦ã„ãŸã ãã¾ã—ãŸã‚¹ãƒ©ã‚¤ãƒ‰ã«ãªã‚Šã¾ã™ã€‚内容㯠Backbone.js ã®å…¥é–€ã¨ãªã£ã¦ãŠã‚Šã¾ã™ã€‚Read less
閲覧上ã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。 ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ (追記ã“ã“ã¾ã§ï¼‰ Backbone.js入門シリーズも佳境ã«å·®ã—掛ã‹ã£ã¦ãã¾ã—ãŸã€‚ View 㨠Model ã®é€£æºã¯æ—¢ã«å–り上ã’ãŸã®ã§ã€ä»Šå›žã¯ç‰¹ã« Collection 㨠View Model ã¨ã®é€£æºã«ä¸»çœ¼ã‚’当ã¦ã¦è¨˜è¿°ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ View 㨠Collection ã®é€£æº 復習ã®æ„味も込ã‚ã¦ã€View 㨠Model ã®é€£æºæ–¹æ³•ã‚’ã‚‚ã†ä¸€åº¦è¨˜è¿°ã™ã‚‹ã¨ã€å¤§æž ã¨ã—ã¦æ¬¡ã®ã‚ˆã†ã«ãªã‚Šã¾ã™ã€‚ // モデルã®å®šç¾© Hoge = Backbone.Model.extend({}); // ビューã®å®šç¾© HogeView = Backbone.View.extend({ events: { "
backbone.jsã§ä½œæˆã—ãŸãƒ¢ãƒ‡ãƒ«(Backbone.Model.extendã§ä½œæˆã—ãŸã‚ªãƒ–ジェクト)ã¯save(),destroy(),fetch(),create()ãªã©ã®ãƒ¡ã‚½ãƒƒãƒ‰ã‚’æŒã£ã¦ã„る。ã“れらã¯ã€å‘¼ã°ã‚Œã‚‹ã¨è£å´ã§sync()メソッドを呼ã³å‡ºã—ã¦ã„る。ã“ã®sync()ãŒã‚µãƒ¼ãƒå´ã«å•ã„åˆã‚ã›ã¦ã€æ°¸ç¶šåŒ–ãŒè¡Œã‚れるã¨è¨€ã†ä»•çµ„ã¿ã€‚デフォルトã§ã¯ä»¥ä¸‹ã®ã‚ˆã†ãªå½¢ã§RESTå½¢å¼ã§å•ã„åˆã‚ã›ãŒè¡Œã‚れる。 モデルã®this.urlãŒ/api/fooã®æ™‚ã®ä¾‹ モデルãŒå‘¼ã¶ãƒ¡ã‚½ãƒƒãƒ‰ url HTTPã®ãƒ¡ã‚½ãƒƒãƒ‰ create /api/foo POST save(æ—¢ã«ãƒ‡ãƒ¼ã‚¿ãŒå˜åœ¨ã—ã¦ã„ã‚‹å ´åˆ) /api/foo PUT destroy /api/foo DELETE fetch /api/foo FETCH backbone.jsã®ãƒ¢ãƒ‡ãƒ«ã¯ã€ã“ã®ã‚ˆã†ã«åŒã˜URLã«å¯¾ã—ã¦ã€HTTPメソッドを分ã‘ã‚‹å½¢ã§
Michael Mahemoff  //  Web designer/developer. Rails/Ajax/etcThis is my random anything-goes blog - I am treating it as an easy way to generate mini web pages, rather than a continuous flow of consciousness on any particular topic. It gives me an outlet for things I can't say on Twitter in 140 characters, but are too unstructured, short, incomplete, and grammatically trainwrecked to post on my main
モãƒã‚¤ãƒ«ç‰ˆ 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() { # データ一覧を表
閲覧上ã®æ³¨æ„ ã“ã®è¨˜äº‹ã§å¯¾è±¡ã¨ã—ã¦ã„ã‚‹ãƒãƒ¼ã‚¸ãƒ§ãƒ³0.5.3ã¯çµæ§‹å¤ã„ã®ã§æ³¨æ„ã—ã¦ãã ã•ã„。 ãã®ä»–ã®å‰²ã‚Šã¨æ–°ã—ã„æƒ…å ±ã¯ Backbone.js Advent Calendar 2012 ãªã©ã«ã‚ã‚Šã¾ã™ã€‚ (追記ã“ã“ã¾ã§ï¼‰ Backbone.js入門ã®æœ€çµ‚回㯠Router 㨠History ã§ã™ã€‚ Backbone.js入門 「MVCã€ã§è¿°ã¹ãŸã‚ˆã†ã«ã€URL ãŒå¤‰æ›´ã•ã‚ŒãŸæ™‚ã«ç™ºç”Ÿã™ã‚‹ popstate ã¾ãŸã¯ hashchange イベントを監視ã—ã¦ãƒ«ãƒ¼ãƒãƒ³ã‚’èµ·å‹•ã™ã‚‹ã®ãŒ Router ã®å½¹ç›®ã§ã™ã€‚History 㯠Router ã®è£æ–¹ã§é ‘張る実体ã§ã€ç›´æŽ¥æ“作ã™ã‚‹ã“ã¨ã¯ã»ã¨ã‚“ã©ã‚ã‚Šã¾ã›ã‚“。 URL ãŒå¤‰æ›´ã•ã‚ŒãŸæ™‚ã«ã‚¢ã‚¯ã‚»ã‚¹ã•ã‚Œã‚‹ã®ãŒ Router ãªã®ã§ã€Rails 的㪠MVC ã®æž 組ã¿ã§è¨€ãˆã°ã‚³ãƒ³ãƒˆãƒãƒ¼ãƒ©ã¨è¨€ãˆã¾ã™ã—ã€ä¼çµ±çš„㪠MVC ã§è¨€ãˆã°å…¨ã¦ã®ã‚¢ãƒ³ã‚«ãƒ¼ã¨ãƒ–ラウザã®é€²é€€ãƒœã‚¿ãƒ³ã‚’
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}