Backbone.jsアプリケーション開発ガイド

4.4

 アプリケーションのビュー

81

// Todo

項目を作成順にソートします

comparator: function(todo) {

return todo.get('order');

}

});

//

コレクションをグローバルに作成します

app.Todos = new TodoList();

コレクションが持つ

completed()

と

remaining()

は、それぞれ完了済みと未了の項目を配列と

して返すメソッドです。

nextOrder()

メソッドは連番を生成し、

comparator()

はこの連番に基づいて

Todo

項目をソー

トします。

this.filter

、

this.without

と

this.last

は、

Underscore.js

の メ ソ ッ ド が

Backbone.Collection

に取り込まれたものです。

4.4

 アプリケーションのビュー

ビューの中に記述されている、コアのアプリケーションロジックについて見てみましょう。それ

ぞれのビューは何らかの機能（ビュー上での編集など）を持っているため、かなりの量のロジック

が記述されています。このロジックを整理して記述するために、

Element Controller

というパター

ンを採用することにします。このパターンは

2

つのビューから構成されます。

1

つは項目のコレク

ションを制御し、もう

1

つは個々の項目を制御します。

こ こ で は、

AppView

が

Todo

項 目 の 新 規 作 成 と

Todo

リ ス ト の 初 期 表 示 を