Backboneに触る

backbone-master > backbone.js

backbone-master > vender > jquery.js underscore.js

  • 上記を作成したjsフォルダへいれます

  • test.jsをファイルを作成します

  • htmlファイルを作成し、jsファイルを読み込みます

index.html

<!DOCTYPE html>
<html lang="ja">
<head>
    <meta charset="utf-8">
    <title></title>
</head>
<body>
<script src="js/underscore.js"></script>
<script src="js/jquery.js"></script>
<script src="js/backbone.js"></script>
<script src="js/test.js"></script>
</body>
</html>

test.js

(function() {

var Foo = Backbone.Model.extend(); // BackboneのModel拡張をFooに代入

var bar = new Foo({ // インスタンスを作成
    foo: 'aaa',
    bar: false
});

console.log(bar); // 中身を見てみます

})();

オブジェクトの要素に作成したfooとbarが入っています

f:id:hrt0kmt:20140617135208p:plain

test.js

(function() {

var Foo = Backbone.Model.extend({
    baz: false
});

var foo = new Foo({
    bar: true
});

console.log(bar.toJSON()); // JSON形式で中身を見てみます

})();

f:id:hrt0kmt:20140617140808p:plain

https://github.com/jashkenas/backbone http://dotinstall.com/lessons/basic_backbonejs/22403