Using Backbone.js with Require.js - Greg Franko
Backbone.js is a great client-side MV* (not MVC) JavaScript framework that provides structure to JavaScript applications by providing View, Model, Collection, and Router classes. Backbone also provides a pub sub (publish subscribe) mechanism, by allowing each of it’s objects to trigger and bind to events. Backbone Views act as a combination of traditional MVC Views and Controllers, since they allo
A RequireJS, Backbone, and Bower Starter Template
Switching to a more modular approach to writing JavaScript is unfortunately a more difficult process than we might hope. Once you understand the concept of AMD, you then have to figure out the logistics. http://net.tutsplus.com/tutorials/javascript-ajax/a-requirejs-backbone-and-bower-starter-template/
Backbone.Modelã®attributesã«ã‚ªãƒ–ジェクト入れるã¨ãã®æ³¨æ„ - Webtech Walker
Backbone.js Advent Calendarã®15日目ã§ã™ã€‚軽ã‚ã«ã„ãã¾ã™ã€‚ Backbone.Modelã®attributesã«ã‚ªãƒ–ジェクトをè¨å®šã™ã‚‹ã¨ãã®æ³¨æ„点ãªã©ã€‚attributesã¯setã¨ã‹ã§è¨å®šã•ã‚Œã‚‹å€¤ã‚’オブジェクトã—ã¦æŒã£ã¦ã„ã‚‹ã‚„ã¤ã§ã™ã€‚ ã¾ãšæ¬¡ã®ã‚ˆã†ã«setã§attributesã‚’è¨å®šã—ã¾ã™ã€‚ var MyModel = Backbone.Model.extend(); var m = new MyModel(); m.set('hoge', 'fuga'); m.set('foo', { bar: 'baz' }); ã“ã®ã‚ˆã†ã«hogeã«ã¯æ–‡å—列ã€fooã«ã¯ã‚ªãƒ–ジェクトをè¨å®šã—ã¾ã—ãŸã€‚ãã—ã¦toJSONã§attributesã‚’å–å¾—ã—ã¦å€¤ã‚’æ›´æ–°ã—ã¦ã¿ã¾ã™ã€‚ var attrs = m.toJSON(); attrs.hoge = 'new fuga'; attr
Backbone.jsAdventCalendar2012-14.md
Backbone.jsAdventCalendar2012-14.md #Backbone.jsã§UIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚° Backbone.js Advent Calendarã®14日目ã§ã™ã€‚ Backbone.jsã¯AngularJSã®ã‚ˆã†ãªUIãƒã‚¤ãƒ³ãƒ‡ã‚£ãƒ³ã‚°ã‚’æŒãŸãªã„ã®ã§è‡ªåˆ†ã§ãƒã‚¤ãƒ³ãƒ‰ã—ãªã‘ã‚Œã°ãªã‚Šã¾ã›ã‚“。 例ãˆã°ã€ãƒ†ã‚ストボックスã®å…¥åŠ›å†…容をモデルã«æ ¼ç´ã—ã¦ã€ã•ã‚‰ã«ãƒ¢ãƒ‡ãƒ«ã®å†…容を別ã®DOMè¦ç´ ã«è¡¨ç¤ºã™ã‚‹ã€ ã¨ã„ã†ã®ã¯ã“ã‚“ãªæ„Ÿã˜ã‹ã¨æ€ã„ã¾ã™ã€‚ <input type="text" name="hoge"/> <div name="hoge"></div> var textbox = new Backbone.Model({val: ""}); var View = Backbone.View.extend({ el: "body", model: textbox, events: { "c
Backbone.jsã§å¤–部ファイルをテンプレートã«æŒ‡å®šã™ã‚‹æ–¹æ³• - エピゴーãƒãƒ³ã§
ã“ã®ã‚¨ãƒ³ãƒˆãƒªã¯Backbone.js Advent Calendar１１日目ã§ã™ã€‚ çš†æ§˜ç´ æ™´ã‚‰ã—ã„エントリを書ã‹ã‚Œã¦ã„ã‚‹ä¸ã€ä½•ã‹åˆæ©çš„ãªã‚¨ãƒ³ãƒˆãƒªã§ã‚¹ãƒŸãƒžã‚»ãƒ³ã€‚ Backbone.jsã§ä½œã‚‰ã‚ŒãŸã‚µã‚¤ãƒˆã‚’見るã¨ã€ã‚ˆã_.templateを使ã£ã¦HTMLを呼ã³å‡ºã™è¨˜è¿°ã‚’見ã‹ã‘ã¾ã™ã。 よã知られã¦ã„るよã†ã«ã€_.templateã«ã¯æ–‡å—列を渡ã™æ–¹æ³•ã¨text/templateセクションをセレクタã§æ¸¡ã™æ–¹æ³•ãŒã‚ã‚Šã¾ã™ã€‚ æ–‡å—列ã§æ¸¡ã™ _.template('<div><%= name %></div>',name) テンプレートセクションをセレクタã§æŒ‡å®šã™ã‚‹ _.template($('#item-template').html(),name) item-templateã®ãƒ†ãƒ³ãƒ—レートセクション <script type="text/template" id="item-template"> <d
Backbone.js 日本語リファレンス
context コールãƒãƒƒã‚¯é–¢æ•°ã®ä¸ã®thisã‚ーワードをæŸç¸›ã—ã¾ã™ã€‚ object.off([events], [callback], [context]) è¨å®šã•ã‚Œã¦ã„るイベントを削除ã—ã¾ã™ã€‚å…¨ã¦ã®å¼•æ•°ã‚’çœç•¥ã™ã‚‹ã¨ã€ã‚ªãƒ–ジェクトã«è¨å®šã•ã‚Œã¦ã„るイベントを全ã¦å‰Šé™¤ã—ã¾ã™ã€‚ events 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆåã§ã™ã€‚åŠè§’スペースã§åŒºåˆ‡ã£ã¦è¤‡æ•°ã®ã‚¤ãƒ™ãƒ³ãƒˆåを指定ã™ã‚‹ã“ã¨ã‚‚ã§ãã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ callback 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã€ã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã§æŒ‡å®šã—ã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ context 削除ã™ã‚‹ã‚¤ãƒ™ãƒ³ãƒˆã‚’ã€this ã«æŸç¸›ã—ã¦ã„るオブジェクトã§æŒ‡å®šã—ã¾ã™ã€‚çœç•¥ã™ã‚‹å ´åˆã¯nullを渡ã—ã¾ã™ã€‚ object.trigger(events, [*args]) イベントを発ç«ã—ã¾ã™ã€‚ã¾ãŸã€onメソッドã§è¨å®šã—ãŸã‚³ãƒ¼ãƒ«ãƒãƒƒã‚¯é–¢æ•°ã¸æ¸¡ã™å¼•æ•°ã‚’指定ã—ã¾ã™ã€‚ ev
Backbone.js
2. 自己紹介 ◠清水　大輔（ã—ã¿ãšã€€ã ã„ã™ã‘） â— NHN Japan LINEã®JS書ã„ã¦ã¾ã™ ◠著書『iPhone & Android　HTML5ã§ã¯ã˜ã‚るアプ リ制作ã®æ‰‹å¼•ã 〠◠趣味：フットサルã€ã‚¸ãƒ§ã‚®ãƒ³ã‚° â— twitter id @tori3_jp 4. backbone.jsã¨ã¯ ◠開発者ã¯Jeremy Ashkenasæ° CoffeeScript, underscore.js â— JavaScript MVC Framework Events, Model, Collection, View, Route â— Document ◠採用事例 LinkedIn, foursquare, pandora, etc... 6. MVCã¨ã¯ "Model View Controller（モデル・ビュー・コントãƒãƒ¼ãƒ©; MVC） ã¯ã€ã‚³ãƒ³ãƒ”ュータ内部ã®ãƒ‡ãƒ¼ã‚¿ã‚’ユーザã«æ示
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}