Backbone debugger for Firebug.
Backbone Eye Understand Backbone application behavior without debugging JavaScript Tweet Follow for updates Application layer debugging Understand Backbone application behavior without wading through JavaScript code. Backbone Eye is production-site friendly and can work off uglified and minified Javascript without needing any source maps. Work with application constructs Backbone Eye presents appl
BackPlug.io - Backbone Plugins
Listing all Backbone.js plugins
Backbone.js 0.9.10 ã®å¤‰æ›´ç‚¹ - Webtech Walker
Backbone.jsã®0.9.10ãŒãƒªãƒªãƒ¼ã‚¹ã•ã‚Œã¾ã—ãŸã€‚ Backbone.js - Change Log 変更点ã¯æ¬¡ã®ã‚ˆã†ãªæ„Ÿã˜ã§ã™ã€‚ routeイベントã¯ã“ã‚Œã¾ã§ã¯Backbone.historyã§ç™ºç«ã—ã¦ãŸã‚“ã§ã™ãŒã€routerã§ã‚‚発ç«ã•ã‚Œã‚‹ã‚ˆã†ã«ãªã‚Šã¾ã—ãŸã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒèµ°ã‚‹ã®ãŒsaveメソッドã®ã¿ã«ãªã‚Šã¾ã—ãŸã€‚setメソッドやnewã—ãŸã¨ãã«ã¯èµ°ã‚Šã¾ã›ã‚“。save以外ã§ã‚‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実行ã™ã‚‹ã«ã¯ã‚ªãƒ—ションã«{validate:true}を指定ã—ã¾ã™ã€‚ ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒå¤±æ•—ã—ãŸã¨ãã®ã‚¤ãƒ™ãƒ³ãƒˆãŒerrorã‹ã‚‰invalidã«ãªã‚Šã¾ã—ãŸã€‚（本家ã®Change Logã«ã¯æœªæŽ²è¼‰ï¼‰ View#makeãŒå‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚代ã‚ã‚Šã«$を直接使ã£ã¦DOMè¦ç´ ã‚’åˆæœŸåŒ–ã—ã¾ã—ょã†ã€‚ Model#changeメソッドãŒå‰Šé™¤ã•ã‚Œã¾ã—ãŸã€‚ Passing {silent:true} on chan
Backbone.js 1.0ã«å‘ã‘ã¦ã®å¤‰æ›´ç‚¹ « NAVER Engineers' Blog
UITãƒãƒ¼ãƒ 清水大輔 (@tori3_jp)ã§ã™ã€‚ 2012年も残り僅ã‹ã¨ãªã‚Šã¾ã—ãŸãŒã€å¹´ã®ç€¬ã‚’ã„ã‹ãŒãŠéŽã”ã—ã§ã—ょã†ã‹ã€‚ Backbone.js Advent Calendar 2012ã®10日目ã®ã‚¨ãƒ³ãƒˆãƒªãƒ¼ã¨ãªã‚Šã¾ã™ã€‚ 先月ã€DailyJSã¨ã„ã†JavaScript関連ã®ãƒˆãƒ”ックをé…ä¿¡ã—ã¦ã„るサイト㫠Backbone.jsã®æ¬¡æœŸãƒªãƒªãƒ¼ã‚¹ã«é–¢ã™ã‚‹è¨˜äº‹ãŒæŠ•ç¨¿ã•ã‚Œã¦ã„ã¾ã—ãŸã€‚ 今回ã¯ã“ã®ä¸ã‹ã‚‰Backbone.jsã®æ¬¡æœŸãƒªãƒªãƒ¼ã‚¹ã§äºˆå®šã•ã‚Œã¦ã„る変更点ã«ã¤ã„ã¦ç´¹ä»‹ã—ãŸã„ã¨æ€ã„ã¾ã™ã€‚ Backbone.$ Backboneã§æ‰±ã†jQuery互æ›ãƒ©ã‚¤ãƒ–ラリã¸ã®ã‚¨ã‚¤ãƒªã‚¢ã‚¹ãŒå¤‰æ›´ã•ã‚Œã¾ã™ã€‚ ãƒãƒ¼ã‚«ãƒ«å¤‰æ•°$ã‚’å‚ç…§ã—ã¦ã„ãŸã‚‚ã®ãŒBackbone.$ã«å¤‰æ›´ã•ã‚Œã¾ã™ã€‚ - var $ = root.jQuery || root.Zepto || root.ender; + Backbone.$ =
Backbone.js 日本語リファレンス
context コールãƒãƒƒã‚¯é–¢æ•°ã®ä¸ã®thisã‚ーワードをæŸç¸›ã—ã¾ã™ã€‚ object.off([events], [callback], [context]) è¨å®šã•ã‚Œã¦ã„るイベントを削除ã—ã¾ã™ã€‚å…¨ã¦ã®å¼•æ•°ã‚’çœç•¥ã™ã‚‹ã¨ã€ã‚ªãƒ–ジェクトã«è¨å®šã•ã‚Œã¦ã„るイベントを全ã¦å‰Šé™¤ã—ã¾ã™ã€‚ events 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆåã§ã™ã€‚åŠè§’スペースã§åŒºåˆ‡ã£ã¦è¤‡æ•°ã®ã‚¤ãƒ™ãƒ³ãƒˆåを指定ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ callback 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã§æŒ‡å®šã—ã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ context 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã€this ã«æŸç¸›ã—ã¦ã„るオブジェクトã§æŒ‡å®šã—ã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ object.trigger(events, [*args]) イベントを発ç«ã—ã¾ã™ã€‚ã¾ãŸã€onメソッドã§è¨å®šã—ãŸã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã¸æ¸¡ã™å¼•æ•°ã‚’指定ã—ã¾ã™ã€‚ ev
Backbone.jsãŒè‡ªå‹•ã§ã‚„ã£ã¦ãれるã¨ã“ã‚ã«ã¤ã„ã¦ã€‚ （Backbone.js Advent Calendar 2012 – 03日目） | Ginpen.com
Backbone.js Advent Calendar 2012 – 03日目 最近ã«ãªã£ã¦ã‚ˆã†ã‚„ãBackbone.jsを触り始ã‚ãŸé«˜æ¢¨ã‚®ãƒ³ãƒšã‚¤ã§ã™ã€‚ ã¾ã よãã‚ã‹ã£ã¦ãªã„ã‘ã©ã€åˆã‚ã¦è§¦ã£ã¦ã¿ã¦æ°—付ã„ãŸäº‹ã®ã†ã¡ã€Backbone.jsãŒè‡ªå‹•çš„ã«å‡¦ç†ã—ã¦ãれる部分ã«ã¤ã„ã¦æ›¸ã„ã¦ã¿ã¾ã—ãŸã€‚ Viewã®è¦ç´ 生æˆã®ä»•çµ„ã¿ Viewã®ã‚¤ãƒ™ãƒ³ãƒˆç›£è¦–ã®ä»•çµ„ã¿ Backbone.jsã®ãƒãƒ¼ã‚¸ãƒ§ãƒ³ã¯0.9.2ã§ã™ã€‚ 内部用ユーティリティ ãƒãƒ¼ã‚«ãƒ«ã‚¹ã‚³ãƒ¼ãƒ—ã®æ±Žç”¨é–¢æ•°ã€‚方々ã§ä½¿ã£ã¦ã‚‹ã®ã§ã€å…ˆã«ã“れ書ã„ã¦ãŠãã¾ã™ã€‚（ã“ã®é …ã¯å¾Œã‹ã‚‰è¦‹è¿”ã›ã°ã„ã„ã§ã™ã€‚） getValue(object, key) object[key]ãŒé–¢æ•°ãªã‚‰å®Ÿè¡Œã—ã¦æˆ»ã‚Šå€¤ã€ãã†ã§ãªã‘ã‚Œã°ãƒ—ãƒãƒ‘ティã®å€¤ã‚’è¿”ã™ã ã‘ã§ã™ã€‚ è¦ç´ ã®ç”Ÿæˆ properties.elãŒview.elã«ãªã‚‰ãªã„…… サンプルを見ã¦ã¿ã‚‹ã¨ã€Backbone.View.ext
Backbone.jsã§ä»Šã¤ãã£ã¦ã„る構æˆã«ã¤ã„㦠(Backbone Advent Calendar 2012 1st day)
Advent Calendar 1日目ã よ ã£ã¦ã“ã¨ã§ã€Backbone.js Advent Calendar 1日目を書ã‹ã›ã¦ã„ãŸã ãã¾ã™ã€‚本当ã¯å…ˆæ—¥å…¬é–‹ã—ãŸFAQã®æ—¥æœ¬èªžè¨³ã‚’一発目ã«ã—ãŸã‹ã£ãŸã®ã§ã™ãŒã€å…¬é–‹ã—ãŸã„欲ã«è² ã‘ãŸæ¬¡ç¬¬ã€‚ 何ã¨ã‹ã—ã¦ç¾çŠ¶ã‚’振り返るアウトプットã®æ©Ÿä¼šã«ã—ãŸã‹ã£ãŸã®ã§ã€ä»Šã‚„ã£ã¦ã„るプãƒã‚¸ã‚§ã‚¯ãƒˆã§æ›¸ã„ãŸã‚³ãƒ¼ãƒ‰ã®å¤§ã¾ã‹ãªæ§‹æˆã¨å±€æ‰€çš„ãªãƒ‘ターンã®ç´¹ä»‹ã‚’ã—ã¾ã™ã€‚ ã„ã¾æ‰‹å…ƒã§ä½œæˆã—ã¦ã„ã‚‹ã‚‚ã®ã¯ã€ã‚¹ãƒžãƒ¼ãƒˆãƒ•ã‚©ãƒ³å‘ã‘ã®ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ãªWebアプリケーションã§ã™ã€‚å°‚ä»»ã§å¤§é‡ã®JavaScriptをスクラッãƒã™ã‚‹ã®åˆã‚ã¦ã€‚Backbone自体も割ã¨åˆæŒ‘戦。 ã“ã“ã§ã„ã†ã‚·ãƒ³ã‚°ãƒ«ãƒšãƒ¼ã‚¸ã¯ã€HTML1æžšã®ã¿ã§ã€ãƒšãƒ¼ã‚¸é·ç§»ã¯bodyã®ä¸ã‚’JavaScriptã§æ›¸ãæ›ãˆã¦ã„ã構æˆã®ã‚¢ãƒ—リケーションを指ã—ã¦ã„ã¾ã™ã€‚ 今ã®ãƒ—ãƒã‚¸ã‚§ã‚¯ãƒˆã‹ã‚‰æŠ½å‡ºã•ã‚ŒãŸã‚¯ãƒ©ã‚¹æ§‹æˆ 下記ã®ã‚ˆã†ãªæ§‹æˆã«è½ã¡ç€ãã€æŠœæœ¬çš„ãªãƒª
大è¦æ¨¡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 = {}
Backbone.js for Django Developers | Lincoln Loop
Our new product Ginger relies heavily on Backbone.js for most of the client-side functionality (you can read about our full web-stack here). Our JavaScript guru Marco built the initial prototype and then was pulled away by client work. I reluctantly filled in, but my background is primarily in Django. My JavaScript experience was minimal (primarily stitching together jQuery plugins to get the desi
[O'REILLY]Developing Backbone.js Applications -
Available free for open-source reading below or for purchase via the O'Reilly store. Pull requests and comments always welcome. Prelude Not so long ago, “data-rich web application†was an oxymoron. Today, these applications are everywhere and you need to know how to build them. Traditionally, web applications left the heavy-lifting of data to servers that pushed HTML to the browser in complete pag
backbone.jsã§syncを呼んã 時ã«ã‚¢ã‚¯ã‚»ã‚¹ã•ã‚Œã‚‹URLã®å¤‰æ›´ - podhmoã®æ—¥è¨˜
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メソッドを分ã‘ã‚‹å½¢ã§
Inclusive Technology Consulting - Bocoup
Updated on August 20th, 2015 – This blog post was originally written to use the Twitter public API. That API has since changed to not allow unauthenticated queries. We’ve updated this post to utilize the GitHub API instead which still allows a minimal amount of unauthenticated queries (60 an hour.) The linked jsFiddles have been updated to reflect this but you may encounter the rate limiting rathe
Backbone Patterns
Backbone Patterns Building apps with Backbone.js Here, I try to document the good practices that our team has learned along the way building Backbone applications. This document assumes that you already have some knowledge of Backbone.js, jQuery, and of course, JavaScript itself. Table of contents Model patterns Bootstrapping data View patterns Inline templates JST templates Partials Animation buf
Backbone.Events (2) - @kyanny's blog
社内ã®æœ‰å¿—ã§ã‚„ã£ã¦ã„ã‚‹ JavaScript 勉強会ãŒã‚ã‚Šã€ãã‚Œã®ãŠé¡Œã§ Backbone.js ã®ã‚½ãƒ¼ã‚¹ã‚³ãƒ¼ãƒ‰ã‚’èªã¿å§‹ã‚ãŸã€‚ http://documentcloud.github.com/backbone/docs/backbone.html 今日ã¯é ã‹ã‚‰èªã‚“㧠Backbone.Events を終ãˆã¦ Backbone.Model ã® has ã¾ã§ã€‚ Backbone.Events ã® trigger ã‚’èªã‚€ã®ã«æ™‚é–“ãŒã‹ã‹ã£ãŸã€‚ trigger : function(eventName) { var list, calls, ev, callback, args; var both = 2; if (!(calls = this._callbacks)) return this; while (both--) { ev = both ? eventName : 'all'; if (
Backbone Demo: Todos ã®å‡¦ç†ã®æµã‚Œã‚’追ㆠ- @kyanny's blog
Backbone Demo: Todos ã“ã‚Œå‰ã«èªã‚“ã ã¯èªã‚“ã ã‘ã©ã©ã†ã‚„ã£ã¦å‹•ã„ã¦ã‚‹ã®ã‹ã‚ã‹ã‚“ãªã„ã®ã§æœ¬ä½“ã¨ã‚ã‚ã›ã¦è¿½ã£ãŸã€‚目スタックトレースã€ã¨æ›¸ã„ã¦ã‚¹ã‚¯ãƒªãƒ—トデãƒãƒƒã‚¬ä½¿ãˆã°ã‚ˆã‹ã£ãŸã¨æ°—ã¥ã„ãŸã€‚ annotated source code 㯠github レãƒã‚¸ãƒˆãƒªã«ã‚ã‚‹ã‚‚ã®ã¨å¾®å¦™ã«ã¡ãŒã£ã¦ã„ã¦å½“ã¦ã«ãªã‚‰ãªã„。ã‚㨠localStorage ã‹ã‚‰èªã¿å‡ºã™ã‚ãŸã‚Šã¯åˆ¥ã® .js ファイルã«æ›¸ã„ã¦ã‚ã‚‹ã®ã§ãã£ã¡ã‚‚èªã¾ãªã„ã¨ã‚ã‹ã‚‰ãªã„部分もã‚る。ã¨ã‚Šã‚ãˆãš AppView ã® render() ãŒå‘¼ã³å‡ºã•ã‚Œã‚‹ã¾ã§ã®æµã‚Œã€‚ window.App = new AppView; todos.js#L231 Backbone.View = function(options) { backbone.js#L870 this.initialize.apply(this, arguments); back
Backbone.Model - @kyanny's blog
Backbone.Model ã‚’èªã‚“ã 。ã–ã£ã¨çœºã‚ãŸã ã‘。 http://documentcloud.github.com/backbone/docs/backbone.html initialize ã«ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ä½•ã‚‚ã—ãªã„関数を割り当ã¦ã¦ãŠãã“ã¨ã§å‘¼ã³å‡ºã—時㫠isFunction ã¨ã‹ã§ãƒã‚§ãƒƒã‚¯ã—ãªãã¦æ¸ˆã‚€ãƒ¯ã‚¶ escape ã®å†…容ã¯åˆå›žå‘¼ã³å‡ºã—時ã«ã‚ャッシュ set ã¯å‘¼ã³å‡ºã—時ã«å…ƒã®å€¤ã‚’ã¨ã£ã¦ãŠã„ã¦å€¤ãŒåŒä¸€ã§ãªã„ã‚‚ã®ï¼ˆæ›´æ–°ã•ã‚Œã‚‹ã¹ã）ã ã‘æ›´æ–°ã—ã¦ã„る。ã“ã®ãƒã‚§ãƒƒã‚¯ã¯å¤‰åŒ–ã—ãŸå±žæ€§ã«å¯¾ã™ã‚‹ change:xxx イベントã®ç™ºç«ã®ãŸã‚ã«å¿…è¦ unset ã§ã‚‚ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ãŒèµ°ã‚‹ã®ã¯ä½•æ•…ã ã‚ã†ã€‚ void 0 㯠undefined ã¨ã„ã†ã‚°ãƒãƒ¼ãƒãƒ«å¤‰æ•°ã®å€¤ã«ã‹ã‹ã‚らãšå¸¸ã« undefined ã‚’è¿”ã™ã‚“ã ã£ã‘ã‹ã€‚ validObj ã« undefined をセットã—ã¦ãƒãƒªãƒ‡ãƒ¼ã‚·ãƒ§ãƒ³ã‚’実行
Backbone.Collection - @kyanny's blog
Backbone.Collection ã‚’èªã‚“ã 。ã–ã£ã¨çœºã‚ãŸã ã‘。 http://documentcloud.github.com/backbone/docs/backbone.html toJSON ãŒå˜ã« models ãã‚Œãžã‚Œã® toJSON ã‚’ map ã§å‘¼ã‚“ã§ã‚‹ã ã‘ã€ã¨ã„ã†ã®ã¯ãれㄠadd ã®ãªã‹ã§ for を使ã£ã¦ã‚‹ã‘ã© _.each ã¨ã‹ã§ã¯ãƒ€ãƒ¡ãªã‚“ã ã‚ã†ã‹ã€ remove ã‚‚åŒæ§˜ get 㨠getByCid ã‚‚åŒã˜ãƒã‚¸ãƒƒã‚¯ã§ã‚ˆã•ãã†ãªã‚‚ã®ãªã®ã«å®Ÿè£…ãŒé•ã†ã®ãŒãªã‚“ã‹æ°—ã«ãªã‚‹ sort 㯠comparator ãŒãªã„ã¨ä¾‹å¤–を投ã’るよã†ã ã‘ã©ãƒ‡ãƒ•ã‚©ãƒ«ãƒˆã§ã¯ãªã«ã‚‚è¨å®šã•ã‚Œãªã„ã‚“ã ã‚ã†ã‹ https://github.com/rails/rails/commit/a382d60f6abc94b6a965525872f858e48abc00de ã“ã‚Œã¿ã¦ pluck ã£ã¦ãªã‚“ã˜
ランã‚ング
ランã‚ング
ランã‚ング
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
https://quickleft.com/blog/backbone-js-tips-and-tricks
Engineering insights Articles, Page 1 | Zapier Blog
GitHub - addyosmani/backbone-fundamentals: :book: A creative-commons book on Backbone.js for beginners and advanced users alike
{{#tags}}- {{label}}
{{/tags}}