Backbone.jsはじめてみました1

ここ見ながらやってみた。http://arturadib.com/hello-backbonejs/docs/1.html

by FiNGAHOLiC

HTML

<script src="http://documentcloud.github.com/underscore/underscore-min.js"></script>
<script src="http://documentcloud.github.com/backbone/backbone-min.js"></script>
<script src="http://ajax.cdnjs.com/ajax/libs/json2/20110223/json2.js"></script>
<script src="https://getfirebug.com/firebug-lite-debug.js"></script>

JavaScript

(function($, window, document, undefined){
    
    // メインアプリケーションビュー
    var ListView = Backbone.View.extend({
        
        // body要素をelプロパティにアタッチする
        el : 'body',
        
        // インスタンス生成時に呼ばれる初期化メソッド
        initialize : function(){
            
            // render関数内でのthisを束縛する
            _.bindAll(this, 'render');
            
            // render関数を起動（自動でrender関数が呼ばれるわけではないので）
            this.render();
            
        },
        // el内でのレンダリングを担当する（ユーザーによって手動で呼び出す必要がある）
        render : function(){
            $(this.el).append([''
                ,'<ul>'
                ,'     <li>hello world</li>'
                ,'</ul>'
            ].join(''));
        }
        
    });
    
    // ListViewインスタンスを生成
    var listView = new ListView();

}(jQuery, window, this.document));