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

288

13

章 

Jasmine

render: function() {

this.$el.html(this.template(this.model.toJSON()));

return this;

},

// ...

});

ここで行われている処理には説明が必要そうです。まず、

<script>

タグにカスタムの型（例え

ば

type="text/template"

）を指定してテンプレートを定義します。ブラウザはこの型を認識で

きないため、描画の際には単にタグ全体を無視します。しかし

ID

を指定すればこのタグを参照で

き、ページ内の他の部分から切り離された状態を保てます。

ビューの中では、

Underscore.js

の

_.template()

メソッドを使ってテンプレートを関数へとコ

ンパイルし、後でモデルのデータを簡単に渡せるようにしています。

this.model.toJSON()

に

よって、モデルの属性のコピーが

JSON

形式への変換に適した形でで生成されます。このデータが

テンプレートの関数に渡され、

DOM

に追加可能な

HTML

が生成されます。

テンプレートのロジックはすべてスペックの外部に記述されるというのが理想です。外部のテン

プレートファイルか、

SpecRunner.html

の

<script>

タグの中にこのようなロジックを埋め込む

ことによって、保守がより容易になります。

テンプレートがもっと小さく、スペック内に記述されているという場合でも、

Jasmine

の共有

の有効範囲の中に自動的にテンプレ ...