Backbone.js node.js

Todolistをmarionette化

投稿日:2016年1月31日 更新日:

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内の要素を指定しやすくしてくれる.
モデルのattributeを自動でシリアライズしてテンプレートに渡してくれる.

src/coffee/views/task_count.coffee

collectionなどへの監視は、collectionEventsなどで指定できる.
collectionを持ったviewは、自動でシリアライズして、@itemsとしてtemplateに渡してくれる.

CollectionView

src/coffee/views/collection_views/task_list.coffee

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

-Backbone.js, node.js
-, ,

執筆者:

関連記事

no image

Rails3.2とBackbone.jsでToDoアプリを作ってみた~backbone-on-rails

  公式 backbonejs.org/ Backbone ドキュメント日本語訳 github.com/enja-oss/Backbone イントロダクション github.com/enja

Electronでsql.js

By: Dmitry Baranovskiy – CC BY 2.0 目次1 sql.js2 準備3 インストール4 main.coffee5 index.coffee6 index.ht …

Backbone.Eventを使ったグローバル通知

  By: Carissa Rogers – CC BY 2.0 Backbone.js global notifications berzniz.com/post/193515

no image

Rails3.2でJasmineをつかってBackbone.jsのCollectionをテストしてみる

  前回 Rails3.2でJasmineをつかってBackbone.jsのModelをテストしてみる   Developing Backbone.js Applications …

GoogleHomeとRaspberryPi3で赤外線リモコンを操作する〜ADRSIR

By: Fujitaka Daidoji – CC BY 2.0 目次1 ADRSIR2 IFTTTとfirebase3 node.js4 pm2 ADRSIR ADRSIRは、ラズベリー …