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
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.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.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 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
context コールバック関数の中のthisキーワードを束縛します。 object.off([events], [callback], [context]) 設定されているイベントを削除します。全ての引数を省略すると、オブジェクトに設定されているイベントを全て削除します。 events 削除するイベント名です。半角スペースで区切って複数のイベント名を指定することもできます。省略する場合はnullを渡します。 callback 削除するイベントを、コールバック関数で指定します。省略する場合はnullを渡します。 context 削除するイベントを、this に束縛しているオブジェクトで指定します。省略する場合はnullを渡します。 object.trigger(events, [*args]) イベントを発火します。また、onメソッドで設定したコールバック関数へ渡す引数を指定します。 ev
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ページを開く
