Two hats

Design + technologies

Backbone.js

Backbone.ioBindのSyncで起こっていること(Colleciton編)

ここまでにBackbone.jsのModelとCollection、またBackbone.ioBindのModelについてSyncがどのような値を通信しているか見て来ました。千秋楽としてBackbone.ioBindのCollectionのSyncについて見ていきたいと思います。感想から言うと、「標準Syncのルールと違…

Backbone.jsのSyncで起こっていること(Colleciton編)

前々回、ModelのSyncについて調べましたが、今回はCollectionです。Syncを伴うCollection特有のメソッドとしてはfetchとcreateでしょうか。ざっくりと説明すると下記です。・Collection.fetch():url属性に設定されているアドレスへGETメソッドで通信する。…

Backbone.ioBindのSyncで起こっていること(Model編)

以前の投稿では、Backbone標準のSyncについて調べてみましたが、今回は通信をAjaxではなくSocket.ioで行えるライブラリ、Backbone.ioBindについて使い方を調べてみました。Backbone.iobind(Github)結論から言うと、標準のSyncとほぼ同じ感じで使うことができ…

Backbone.jsのSyncで起こっていること(Model編)

Backbone.jsで一度は使ってみたいお便利機能Sync。クライアントサイドのモデル・コレクションをサーバーと簡単に同期させることができるそうですが、リファレンス読んだだけでは実際にサーバーとのやりとりがどうなっているのか分からなかったので、自分なり…

Backboneのお勉強サイト〜その2

以前のポストではBackbone.jsの導入に適したサイトを掲載しましたが、もうちょっと足を深くつっこんだ記事を見つけました。 Backbone.jsにおけるModel-View-Presenterアーキテクチャパターン Backboneを使ってMVCならぬMVPパターンでの実装の記事です。独特…

Backbone.jsのお勉強サイト

Backbone.jsのお勉強用のサイトまとめ。ドットインストール/ Backbone.js入門ビデオのお手本通りに行うと、どんなふうに動くのか概要がつかめます。Qiita/ Backbone.js入門dotinstallをひと通り行なって感触を掴んでから、こちらのサイトで解説を読むとすん…