2013å¹´2æ25æ¥(æ) ã«éå¬ããã¾ãã TechBuzz 第4å.jsç³»éçºæè¡åå¼·ä¼ã§çºè¡¨ããã¦ããã ãã¾ããã¹ã©ã¤ãã«ãªãã¾ããå 容㯠Backbone.js ã®å ¥éã¨ãªã£ã¦ããã¾ãã
é²è¦§ä¸ã®æ³¨æ ãã®è¨äºã§å¯¾è±¡ã¨ãã¦ãããã¼ã¸ã§ã³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}}