JSDay Italy - Backbone.js
The document defines a Comment model and CommentCollection in Backbone.js. The Comment model stores individual comments with attributes like name, email, text, and date. It uses localStorage to save models. The CommentCollection manages multiple Comment models and also uses localStorage. New comments can be added to the collection after saving individual models. Models trigger events like 'change'
Client-side MVC with Backbone.js (reloaded)
The document discusses a presentation on client-side MVC with Backbone.js. It includes an agenda that covers why Backbone.js, its architecture including models, collections, views, templates and routers, real world examples, tips and tricks, and extras. The architecture section describes how Backbone.js provides structure using models, collections, views and connecting to RESTful APIs. It also out
ãã‚ãã‚Backbone.jsã§ã®é–‹ç™ºã«ã¤ã„ã¦ä¸€è¨€ã„ã£ã¦ãŠãã‹(・ω<) - tsundere note
2012-12-09 ãã‚ãã‚Backbone.jsã§ã®é–‹ç™ºã«ã¤ã„ã¦ä¸€è¨€ã„ã£ã¦ãŠãã‹(・ω<) 何ã‹ãªã‚Šã‚†ã㧠Backbone.js Advent Calendar 2012 ã®9日目を書ãã“ã¨ã«ãªã£ãŸã€‚ã¨ã„ã†ã‚ã‘ã§backbone.jsã§ã™(・ωbackbone.jsã¯ã‚¯ãƒ©ã‚¤ã‚¢ãƒ³ãƒˆã‚µã‚¤ãƒ‰ã®MVCフレームワークã§ã™ãŒã€ã„ã‚ゆる既å˜ã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰ãƒ•ãƒ¬ãƒ¼ãƒ ワークã§ã„ã†ã¨ã“ã®MVCã¨ã¯å°‘ã—é•ã„ã¾ã™ã€‚ã¾ã‚ãã®è¾ºã«ã¤ã„ã¦æ›¸ã‹ã‚ŒãŸã‚¨ãƒ³ãƒˆãƒªã¯è‰²ã‚“ãªæ‰€ã«è»¢ãŒã£ã¦ã‚‹ã®ã§ã‚°ã‚°ã£ã¦ãã‚Œ(・ωã•ã¦ã€backbone.jsã‚’å°Žå…¥ã™ã‚‹ã“ã¨ã«ã‚ˆã£ã¦Webアプリã®é–‹ç™ºãŒã©ã†å¤‰ã‚ã‚‹ã®ã‹ã‚‚ã†ä¸€åº¦æ•´ç†ã—ã¦ãŠã“ã†ã€‚ サーãƒã‚µã‚¤ãƒ‰ã€ãƒ•ãƒãƒ³ãƒˆã®åˆ†æ¥ã®ç¢ºç«‹(・ω 従æ¥åž‹ã®ã‚µãƒ¼ãƒã‚µã‚¤ãƒ‰MVCã§ã®é–‹ç™ºã‚¹ã‚¿ã‚¤ãƒ«ã ã¨ã€ã§ãã‚ãŒã£ãŸãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—をサーãƒã‚µã‚¤ãƒ‰ã®ãƒ—ãƒã‚°ãƒ©ãƒžãŒãƒ†ãƒ³ãƒ—レ化ã—ã€å‹•çš„部分を実装ã—ã¦ã„ã。ãŸã ã€ãƒžãƒ¼ã‚¯ã‚¢ãƒƒãƒ—も開発ã—ãªãŒã‚‰å¤‰
Backbone.jsã‚’è–¦ã‚ã‚‹3ã¤ã®ç†ç”±
ガリレオスコープ開発ãƒãƒ¼ãƒ ã«ã‚ˆã‚‹ �最新Webå‹•å‘ã€æŠ€è¡“メモ ( Ruby, Rails, node.js ) ã§ã™ Backbone.js(http://documentcloud.github.com/backbone/)ã‚’2,3ヶ月触ã£ã¦ã¿ã¦ã€å°Žå…¥ã—ã¦è‰¯ã‹ã£ãŸã“ã¨ã‚’ã¾ã¨ã‚ã¾ã™ã€‚ Backbone.jså˜ä½“ã§ã®å¨åŠ›ã¯ãã“ã¾ã§ã§ã¯ãªã„ã‹ã‚‚ã—ã‚Œã¾ã›ã‚“ãŒã€Serverå´ã‚‚å«ã‚ãŸè¨è¨ˆæ€æƒ³ã‚’絡ã‚ã¦è€ƒãˆã‚‹ã¨å¤§ããªåŠ¹æžœãŒæœŸå¾…ã§ãã¾ã™ï¼ˆã‚µãƒ¼ãƒãƒ¼å´ã‚‚å«ã‚ãŸæ§‹é€ 改é©ãŒå…¨ä½“çš„ã«å¿…è¦ã«ãªã‚‹ã¨ã¯æ€ã„ã¾ã™ãŒãƒ»ãƒ»ãƒ»ï¼‰ã€‚ Viewã¨Controllerã®çµåˆå¼·åº¦ä½Žä¸‹ = Viewã®ã‚¢ãƒ—リ化viewã¨controllerãŒ1対1対応ã ã£ãŸé ƒRailså˜ä½“ã§ä½œæˆã—ã¦ã„ã‚‹å ´åˆã€Viewã«ãƒã‚¸ãƒƒã‚¯ãŒå…¥ã‚Œã‚‰ã‚Œãªã„以上〠ãã®Viewã§å¿…è¦ãªå¤‰æ•°ãªã©ã¯ã€å…¨ã¦Controllerã«æ›¸ãå¿…è¦ãŒã‚ã‚Šã¾ã—ãŸã€‚ ã“ã®çŠ¶æ…‹ã§ã¯ã€Contro
Backbone.jsã§ãªã‚“ã‹ä½œã£ã¦ã¿ãŸæ‰€æ„Ÿ
programming notes. mainly about JavaScript / jQuery. [@Takazudo] [takazudo@gmail.com] Hint: alt + / ã¨ã‚Šã‚ãˆãšã€JSONデータを用æ„ã—ã¦ã€ãれをもã¨ã«UIをガリã£ã¨ä½œã‚‹ã‚ˆã†ãªæ©Ÿä¼šãŒã‚ã£ãŸã®ã§ã€åŠã°ç„¡ç†çŸ¢ç†Backbone.jsãŒä¾¿åˆ©ãªã®ã‹ã©ã†ã‹è©¦ã—ã¦ã¿ãŸã€‚サンプルã¯å‡ºã›ãªã„ã‘ã©ã€JSONファイルを元ã«ã€åœ°å›³ã«ãƒãƒ„ãƒãƒ„ãƒã‚¤ãƒ³ãƒˆã‚’ãŠã„ã¦ã€ãれクリックã—ãŸã‚‰é·ç§»ã—ãŸã‚Šã€åœ°å›³ãŒã‚ºãƒ¼ãƒ ã—ãŸã‚Šã¨ã‹ã€ãã‚“ãªæ„Ÿã˜ã®ã‚‚ã®ã€‚感想ã¯ã€ã€Œã‚µãƒ¼ãƒãƒ¼ã¨é€£æºã™ã‚‹æ©Ÿèƒ½ãŒç„¡ã„é™ã‚Šã¯ã€ãã“ã¾ã§æ„味ãŒç„¡ã„〠arrayã¨objectãŒæ··ã–ã£ã¦éšŽå±¤åŒ–ã•ã‚ŒãŸJSONを扱ã†æ™‚ã€Backbone.jsã§ã€arrayã‚’Collectionã€objectã‚’Modelã§ãƒ©ãƒƒãƒ—ã—ã€ã“れをãƒã‚¹ãƒˆã•ã›ãŸå½¢ã§ãƒ¢ãƒ‡ãƒ«éƒ¨åˆ†ã®ã‚¯ãƒ©ã‚¹ã‚’構æˆã™ã‚‹ã€‚ãã—ã¦ã€ãã‚Œ
大è¦æ¨¡JSã§ã®Backbone.js/CoffeeScript ã«ã¤ã„ã¦è€ƒãˆã¦ã¿ãŸ - mizchi log
ã“ã‚Œèªã‚“ã§ãŸã‚‰r7kamuraå›ã«JSã®MVCã©ã†ã™ã‚‹ã®çš„ãªè©±ãã‹ã‚Œã¦ãŸã®ã‚’æ€ã„出ã—ãŸã®ã§ã€è‡ªåˆ†ãŒBackboneを使ã†æ™‚ã®ãƒ‘ターンをr7kamuraå›ã®è¨˜äº‹ã‚’ベースã«æ›¸ããªãŠã—ã¦ã¿ãŸã€‚ > サãƒã‚¯ãƒ©ä¸¡æ–¹ã§å‹•ã JavaScript ã®å¤§è¦æ¨¡é–‹ç™ºã‚’è¡Œã†ãŸã‚㫠― Gist https://gist.github.com/1362110 > client-side javascript - ✘╹◡╹✘ http://r7kamura.hatenablog.com/entry/2012/10/18/023629 以下ã®æ§˜ãªã‚³ãƒ¼ãƒ‰ã‚’書ã„ãŸã€‚ã‹ãªã‚Šå†—é•·ã ãŒã€è¤‡é›‘ãªã‚¢ãƒ—リã ã¨ã“ã‚Œãらã„ã®å†—長性ã¯å¿…è¦ã«ãªã‚‹ã€‚ (ãªãŠæ¦‚念をä¼ãˆã‚‹ãŸã‚ã®è§£èª¬ç”¨ã‚³ãƒ¼ãƒ‰ãªã®ã§ãã®ã¾ã¾ã˜ã‚ƒå‹•ã‹ãªã„) Backbone.Model # åå‰ç©ºé–“ã®åˆæœŸåŒ– App = {} App.View = {} App.Model = {}
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}