Backbone.js node.js

Todolistをmarionette化

投稿日:

Marionette.js

前回のElectron製のTodolistをmarionette化してみた.

marionettejs.com/
参考記事:RailsでこんにちはBackbone.Marionette

インストール

そして、requireする.

Application

Marionette.Applicationクラスはアプリケーションの起点となるクラス.
今は非奨励みたいだけど、Regionを持つことができる.
Regionは、メモリ管理をしながら、Viewのライフサイクルを扱うところ.

gulpfile.coffee

ItemViewをCollectionViewを使って、タスクのリストを書いてみる.
前に、痛い目にあっているので、concatの順番をItemView→CollectionViewの順番に指定する.

ItemView

src/coffee/views/item_views/task_li.coffee

renderはもう不要.
modelのremove監視もCollectionViewがやってくれるのでもう不要.
また、uiを使って、el内の要素を指定しやすくしてくれる.

src/coffee/views/task_count.coffee

collectionなどへの監視は、collectionEventsなどで指定できる.

CollectionView

src/coffee/views/collection_views/task_list.coffee

collectionへのadd、removeの監視ももういらない.
childViewを指定するだけでOK.(前はitemViewだったけど、childViewに変わっているので注意.)

-Backbone.js, node.js
-, ,

執筆者:

関連記事

no image

Backbone.jsでGooleアカウントにOAuth2でログインしてGmailのタスクリストと同期するToDoリストをつくるというチュートリアル

dailyjs.com/2012/11/29/backbone-tutorial-1/ たぶんまだ4割くらいしか理解できてない JavaScriptで、nodeのhttpサーバとgrunt.jsで圧縮 …

もしもRails3.2とBackbone.jsでリアルタイムな2ch風な掲示板をつくったら〜private_pub

By: Kevin Dooley – CC BY 2.0   まだ、Observerのことがよくわかってない ので、過去のやつをもとにやってみた dry-shore-2517.h …

Backbone.jsからjQuery UIのDialogを使う例

Backbone.js楽しくなってきた 部品ごとのクラスをつくって、それに飾りとイベントをつけて、あとは上位部品から呼び出してくっつけるだけ jQuery UIのダイアログの場合は、公式のサンプルだと …

ThoughtBotの『Backbone.js on Rails』の目次と見出しをななめ読み

By: John – CC BY 2.0 learn.thoughtbot.com/products/1-backbone-js-on-rails 買いました 電子書籍で137ページに$4 …

Yeomanで最新のJavaScript開発環境を最速で整える

環境 mac OSX Lion Yeomanは最新のJavaScript開発のための統合環境を提供してくれます yeoman.io/index.html 紹介動画 目次1 インストール2 さっそくアプ …