{"id":2177,"date":"2014-09-16T21:39:02","date_gmt":"2014-09-16T12:39:02","guid":{"rendered":"http:\/\/www.whoocus.com\/blog\/?p=2177"},"modified":"2014-09-16T23:11:53","modified_gmt":"2014-09-16T14:11:53","slug":"backbone-js-%e4%ba%8b%e5%a7%8b%e3%82%81","status":"publish","type":"post","link":"https:\/\/www.blowfish.co.jp\/?p=2177","title":{"rendered":"Backbone.js \u4e8b\u59cb\u3081"},"content":{"rendered":"

Backbone.js \u3092\u59cb\u3081\u3066\u307f\u305f\u3002\u305d\u306eHTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u899a\u3048\u66f8\u304d\u3002<\/p>\n

[html]
\n<!DOCTYPE html>
\n<html lang="ja">
\n<head>
\n\t<meta http-equiv="Content-Type" content="text\/html; charset=utf-8"><\/p>\n

\t<title>Hello Backbone.js<\/title>
\n\t<script type="text\/javascript" src="https:\/\/code.jquery.com\/jquery-2.1.1.min.js"><\/script>
\n\t<script type="text\/javascript" src="http:\/\/underscorejs.org\/underscore-min.js"><\/script>
\n\t<script type="text\/javascript" src="http:\/\/backbonejs.org\/backbone-min.js"><\/script>
\n\t<script type="text\/javascript">
\n\t(function() {
\n\t\t\/\/Model\u4f5c\u6210
\n\t\tvar Animal = Backbone.Model.extend({
\n\t\t\t\/\/Attribute(\u5c5e\u6027)
\n\t\t\tdefaults: {
\n\t\t\t\tspecies: "Animal",
\n\t\t\t\tname: "None"
\n\t\t\t},
\n\t\t\t\/\/\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf
\n\t\t\t\/\/ constructor: function(){
\n\t\t\t\/\/ \tconsole.log("\u521d\u671f\u5316\u51e6\u7406");
\n\t\t\t\/\/ },
\n\t\t\t\/\/\u30e1\u30bd\u30c3\u30c9
\n\t\t\tcall: function(){
\n\t\t\t\tconsole.log("\u52d5\u7269 : " + this.get("species"));
\n\t\t\t\tconsole.log("\u79c1\u306e\u540d\u524d\u306f" + this.get("name") + "\u3067\u3059\u3002");
\n\t\t\t}
\n\t\t});
\n\t\t\/\/Animal\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316
\n\t\tvar none = new Animal();<\/p>\n

\t\t\/\/Animal(\u72ac)\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316
\n\t\tvar dog = new Animal({
\n\t\t\tspecies: "\u72ac",
\n\t\t\tname: "\u30dd\u30c1"
\n\t\t});<\/p>\n

\t\t\/\/Animal(\u732b)\u306e\u30a4\u30f3\u30b9\u30bf\u30f3\u30b9\u5316
\n\t\tvar cat = new Animal({
\n\t\t\tspecies: "\u732b",
\n\t\t\tname: "\u30bf\u30de"
\n\t\t});<\/p>\n

\t\t\/\/console.log(dog);
\n\t\t\/\/console.log(cat);
\n\t\t\/\/console.log(dog.toJSON());
\n\t\tnone.call();
\n\t\tdog.call();
\n\t\tcat.call();
\n\t})();
\n\t<\/script>
\n<\/head>
\n<body>
\n\t<h3>Backbone.js<\/h3>
\n<\/body>
\n<\/html>
\n[\/html]<\/p>\n

    \n
  1. \n\u30b3\u30f3\u30b9\u30c8\u30e9\u30af\u30bf\u3092\u5b9a\u7fa9\u3057\u305f\u5834\u5408\u3001call\u30e1\u30bd\u30c3\u30c9\u5185\u3067\u3001\u5c5e\u6027\u3092\u53d6\u5f97\u3057\u3088\u3046\u3068this.get(“name”)\u3059\u308b\u3068\u30a8\u30e9\u30fc\u3068\u306a\u308b\u3002<\/li>\n
  2. \ndog.toJSON()\u3092\u30b3\u30fc\u30eb\u3059\u308b\u3068\u30a8\u30e9\u30fc\u3068\u306a\u308b\u3002\u30e1\u30bd\u30c3\u30c9function\u307e\u3067\u306f\u3001JSON\u5316\u3067\u304d\u306a\u3044\u304b\u3089\u304b\u306a\uff1f<\/ol>\n<\/li>\n<\/ol>\n

    \u5225\u306e\u6a5f\u4f1a\u306b\u691c\u8a3c\u3057\u3088\u3046\u3068\u601d\u3046\u3002<\/p>\n","protected":false},"excerpt":{"rendered":"

    Backbone.js \u3092\u59cb\u3081\u3066\u307f\u305f\u3002\u305d\u306eHTML\u30c6\u30f3\u30d7\u30ec\u30fc\u30c8\u306e\u899a\u3048\u66f8\u304d\u3002 [html] <!DOCTYPE html> <html lang="ja"> <head&g […]<\/p>\n","protected":false},"author":1,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"saved_in_kubio":false,"footnotes":""},"categories":[51,4],"tags":[],"class_list":["post-2177","post","type-post","status-publish","format-standard","hentry","category-backbone-js","category-tech"],"_links":{"self":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2177","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=2177"}],"version-history":[{"count":10,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2177\/revisions"}],"predecessor-version":[{"id":2187,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=\/wp\/v2\/posts\/2177\/revisions\/2187"}],"wp:attachment":[{"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=2177"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=2177"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.blowfish.co.jp\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=2177"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}