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

4.7

 処理の実際

89

close()

まず、入力フィールド（

<input/>

要素）に入力されている値を取り出します。そして、

有効な文字が含まれていない場合（例えば

''

）に無駄な処理を行わないようにするため

に、不要な文字を削除します。正当な文字列が入力されている場合は、これを

Todo

モデ

ルに保存します。最後に

CSS

のクラスを操作し、編集モードを終了します。

4.6

 アプリケーションの起動

AppView

と

TodoView

という

2

つのビューが揃いました。前者についてはページの読み込み時

にインスタンス化し、中に含まれているコードを実行する必要があります。そこで、

jQuery

の

ready()

を利用します（以下の例では

$()

という短縮記法が使われています）。このユーティリティ

に引数として与えた関数は、

DOM

の読み込みが完了した時点で実行されます。

// js/app.js

var app = app || {

};

var ENTER_KEY = 13;

$(function() {

// AppView

を生成し、アプリケーションの処理を開始します

new app.AppView();

});

4.7

 処理の実際

ここで振り返って、今までに用意してきた機能が正しく利用しているかどうか確認してみましょ

う。

ブラウザで

index.html

をローカルファイルとして開き、コンソールに注目してください。すべ

ての処理が正しく行われた場合は、まだ作成していない

router.js

に関するもの以外のエラーは

発生し