\u6982\u8981<\/h3>\n\n\n\n- Model\u304b\u3089REST API\u3092\u53e9\u304d\u3001\u30c7\u30fc\u30bf\u3092\u53d6\u5f97\u3059\u308b<\/li>
- View\u306fModel\u304c\u53d6\u5f97\u3057\u305f\u30c7\u30fc\u30bf\u3092\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u305b\u308b\u3002<\/li><\/ul>\n\n\n\n
\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h3>\n\n\n\n![\"\"](\"https:\/\/ito-u-oti.com\/wp-content\/uploads\/2019\/06\/018_backboneJS1.png\")
<\/figure>\n\n\n\n\u30b5\u30fc\u30d0\u5074\u60c5\u5831<\/h3>\n\n\n\nREST URL<\/h4>\n\n\n\ncurl -X GET http:\/\/localhost:3000\/hello\n<\/pre><\/div>\n\n\n\u53d6\u5f97\u30c7\u30fc\u30bf<\/h4>\n\n\n\n{\n "text": "Hello World Backbone Fetch!!"\n}\n<\/pre><\/div>\n\n\n\u30b5\u30fc\u30d0\u304b\u3089\u5024\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3059\u308b<\/h2>\n\n\n\nindex.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang="ja">\n <head>\n <meta charset="utf-8">\n <title><\/title>\n <\/head>\n <body>\n <script src="https:\/\/requirejs.org\/docs\/release\/2.3.6\/minified\/require.js"><\/script>\n <script src=".\/js\/config\/config.js"><\/script>\n <script src=".\/js\/views\/HelloWorldView.js"><\/script>\n <script type="text\/template" id="hello-template">\n <h2><%= text %><\/h2>\n <\/script>\n <h1>Hello World!<\/h1>\n <div class="hoge"><\/div>\n <\/body>\n<\/html>\n<\/pre><\/div>\n\n\nconfig.js<\/h3>\n\n\n\nrequire.config({\n baseUrl: "js",\n paths: {\n "backbone" : "lib\/backbone",\n "jquery" : "lib\/jquery",\n "underscore" : "lib\/underscore"\n },\n shim: {\n 'backbone' : {\n deps: ['underscore', 'jquery'],\n exports: 'Backbone'\n }\n }\n});\n<\/pre><\/div>\n\n\nHelloWorldModel.js<\/h3>\n\n\n\ndefine(['backbone'], function(backbone) {\n\n var HelloWorldModel = backbone.Model.extend({\n url: "http:\/\/localhost:3000\/hello",\n defaults: {\n "text":"Hello World Backbone!!"\n },\n read: function(){\n this.fetch()\n }\n });\n return HelloWorldModel;\n});\n<\/pre><\/div>\n\n\nModel\u306eread\u3092\u547c\u3073\u51fa\u3059\u3068\u3001fetch\u3067GET\u30e1\u30bd\u30c3\u30c9\u3092\u98db\u3070\u3057\u307e\u3059\u3002
\u53d6\u5f97\u3057\u305f\u5024\u306fModel\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3055\u308c\u307e\u3059\u3002
\u4eca\u56de\u306e\u4f8b\u3067\u3044\u304f\u3068\u3001\u53d6\u5f97\u3059\u308b\u30ad\u30fc\u306ftext\u3067\u3042\u308a\u65e2\u306bModel\u4e0a\u306b\u5b58\u5728\u3059\u308b\u305f\u3081\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
HelloWorldView.js<\/h3>\n\n\n\nrequire(['backbone', 'model\/HelloWorldModel'], function(backbone, helloWorldModel) {\n\n var model = new helloWorldModel();\n\n var HelloWorldView = backbone.View.extend({\n el: $('.hoge'),\n initialize: function() {\n model.read();\n this.listenToOnce( model, 'sync', this.render);\n },\n render: function() {\n var text = model.get("text");\n $(this.el).html(_.template($('#hello-template').text())({ "text": text }));\n }\n });\n new HelloWorldView();\n});\n<\/pre><\/div>\n\n\n- model\u306eread\u3092\u547c\u3073\u51fa\u3057\u3001\u30b5\u30fc\u30d0\u304b\u3089\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/li>
- listenToOnce\u3067model\u306e\u72b6\u614b\u3092\u76e3\u8996\u3057\u3001model\u304c\u5909\u5316\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067View\u306erender\u3092\u547c\u3073\u51fa\u3059<\/li>
- read\u3057\u305f\u6642\u70b9\u3067model\u306etext\u304c\u4e0a\u66f8\u304d\u3055\u308c\u3001model\u306e\u72b6\u614b\u304c\u5909\u308f\u3063\u305f\u305f\u3081render\u304c\u547c\u3073\u51fa\u3055\u308c\u3001template\u304c\u753b\u9762\u306b\u633f\u5165\u3055\u308c\u308b<\/li><\/ol>\n\n\n\n
\u8868\u793a<\/h3>\n\n\n\n![\"\"](\"https:\/\/ito-u-oti.com\/wp-content\/uploads\/2019\/06\/018_1_backboneJS1.png\")
<\/figure>\n","protected":false},"excerpt":{"rendered":"\u30b5\u30fc\u30d0\u5074\u306eREST API\u3092\u53e9\u3044\u3066\u53d6\u5f97\u3057\u305f\u5024\u3092View\u3067\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u305b\u307e\u3059\u3002 \u524d\u63d0 \u6982\u8981 Mode […]<\/p>\n","protected":false},"author":1,"featured_media":972,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[220,227,213,226],"class_list":["post-981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-backbonejs","tag-fetch","tag-requirejs","tag-server"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=981"}],"version-history":[{"count":5,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions\/1009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/media\/972"}],"wp:attachment":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u69cb\u6210<\/h3>\n\n\n\n<\/figure>\n\n\n\n\u30b5\u30fc\u30d0\u5074\u60c5\u5831<\/h3>\n\n\n\nREST URL<\/h4>\n\n\n\ncurl -X GET http:\/\/localhost:3000\/hello\n<\/pre><\/div>\n\n\n\u53d6\u5f97\u30c7\u30fc\u30bf<\/h4>\n\n\n\n{\n "text": "Hello World Backbone Fetch!!"\n}\n<\/pre><\/div>\n\n\n\u30b5\u30fc\u30d0\u304b\u3089\u5024\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3059\u308b<\/h2>\n\n\n\nindex.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang="ja">\n <head>\n <meta charset="utf-8">\n <title><\/title>\n <\/head>\n <body>\n <script src="https:\/\/requirejs.org\/docs\/release\/2.3.6\/minified\/require.js"><\/script>\n <script src=".\/js\/config\/config.js"><\/script>\n <script src=".\/js\/views\/HelloWorldView.js"><\/script>\n <script type="text\/template" id="hello-template">\n <h2><%= text %><\/h2>\n <\/script>\n <h1>Hello World!<\/h1>\n <div class="hoge"><\/div>\n <\/body>\n<\/html>\n<\/pre><\/div>\n\n\nconfig.js<\/h3>\n\n\n\nrequire.config({\n baseUrl: "js",\n paths: {\n "backbone" : "lib\/backbone",\n "jquery" : "lib\/jquery",\n "underscore" : "lib\/underscore"\n },\n shim: {\n 'backbone' : {\n deps: ['underscore', 'jquery'],\n exports: 'Backbone'\n }\n }\n});\n<\/pre><\/div>\n\n\nHelloWorldModel.js<\/h3>\n\n\n\ndefine(['backbone'], function(backbone) {\n\n var HelloWorldModel = backbone.Model.extend({\n url: "http:\/\/localhost:3000\/hello",\n defaults: {\n "text":"Hello World Backbone!!"\n },\n read: function(){\n this.fetch()\n }\n });\n return HelloWorldModel;\n});\n<\/pre><\/div>\n\n\nModel\u306eread\u3092\u547c\u3073\u51fa\u3059\u3068\u3001fetch\u3067GET\u30e1\u30bd\u30c3\u30c9\u3092\u98db\u3070\u3057\u307e\u3059\u3002
\u53d6\u5f97\u3057\u305f\u5024\u306fModel\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3055\u308c\u307e\u3059\u3002
\u4eca\u56de\u306e\u4f8b\u3067\u3044\u304f\u3068\u3001\u53d6\u5f97\u3059\u308b\u30ad\u30fc\u306ftext\u3067\u3042\u308a\u65e2\u306bModel\u4e0a\u306b\u5b58\u5728\u3059\u308b\u305f\u3081\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
HelloWorldView.js<\/h3>\n\n\n\nrequire(['backbone', 'model\/HelloWorldModel'], function(backbone, helloWorldModel) {\n\n var model = new helloWorldModel();\n\n var HelloWorldView = backbone.View.extend({\n el: $('.hoge'),\n initialize: function() {\n model.read();\n this.listenToOnce( model, 'sync', this.render);\n },\n render: function() {\n var text = model.get("text");\n $(this.el).html(_.template($('#hello-template').text())({ "text": text }));\n }\n });\n new HelloWorldView();\n});\n<\/pre><\/div>\n\n\n- model\u306eread\u3092\u547c\u3073\u51fa\u3057\u3001\u30b5\u30fc\u30d0\u304b\u3089\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/li>
- listenToOnce\u3067model\u306e\u72b6\u614b\u3092\u76e3\u8996\u3057\u3001model\u304c\u5909\u5316\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067View\u306erender\u3092\u547c\u3073\u51fa\u3059<\/li>
- read\u3057\u305f\u6642\u70b9\u3067model\u306etext\u304c\u4e0a\u66f8\u304d\u3055\u308c\u3001model\u306e\u72b6\u614b\u304c\u5909\u308f\u3063\u305f\u305f\u3081render\u304c\u547c\u3073\u51fa\u3055\u308c\u3001template\u304c\u753b\u9762\u306b\u633f\u5165\u3055\u308c\u308b<\/li><\/ol>\n\n\n\n
\u8868\u793a<\/h3>\n\n\n\n<\/figure>\n","protected":false},"excerpt":{"rendered":"\u30b5\u30fc\u30d0\u5074\u306eREST API\u3092\u53e9\u3044\u3066\u53d6\u5f97\u3057\u305f\u5024\u3092View\u3067\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u305b\u307e\u3059\u3002 \u524d\u63d0 \u6982\u8981 Mode […]<\/p>\n","protected":false},"author":1,"featured_media":972,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[220,227,213,226],"class_list":["post-981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-backbonejs","tag-fetch","tag-requirejs","tag-server"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=981"}],"version-history":[{"count":5,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions\/1009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/media\/972"}],"wp:attachment":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
<\/figure>\n\n\n\n\u30b5\u30fc\u30d0\u5074\u60c5\u5831<\/h3>\n\n\n\nREST URL<\/h4>\n\n\n\ncurl -X GET http:\/\/localhost:3000\/hello\n<\/pre><\/div>\n\n\n\u53d6\u5f97\u30c7\u30fc\u30bf<\/h4>\n\n\n\n{\n "text": "Hello World Backbone Fetch!!"\n}\n<\/pre><\/div>\n\n\n\u30b5\u30fc\u30d0\u304b\u3089\u5024\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3059\u308b<\/h2>\n\n\n\nindex.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang="ja">\n <head>\n <meta charset="utf-8">\n <title><\/title>\n <\/head>\n <body>\n <script src="https:\/\/requirejs.org\/docs\/release\/2.3.6\/minified\/require.js"><\/script>\n <script src=".\/js\/config\/config.js"><\/script>\n <script src=".\/js\/views\/HelloWorldView.js"><\/script>\n <script type="text\/template" id="hello-template">\n <h2><%= text %><\/h2>\n <\/script>\n <h1>Hello World!<\/h1>\n <div class="hoge"><\/div>\n <\/body>\n<\/html>\n<\/pre><\/div>\n\n\nconfig.js<\/h3>\n\n\n\nrequire.config({\n baseUrl: "js",\n paths: {\n "backbone" : "lib\/backbone",\n "jquery" : "lib\/jquery",\n "underscore" : "lib\/underscore"\n },\n shim: {\n 'backbone' : {\n deps: ['underscore', 'jquery'],\n exports: 'Backbone'\n }\n }\n});\n<\/pre><\/div>\n\n\nHelloWorldModel.js<\/h3>\n\n\n\ndefine(['backbone'], function(backbone) {\n\n var HelloWorldModel = backbone.Model.extend({\n url: "http:\/\/localhost:3000\/hello",\n defaults: {\n "text":"Hello World Backbone!!"\n },\n read: function(){\n this.fetch()\n }\n });\n return HelloWorldModel;\n});\n<\/pre><\/div>\n\n\nModel\u306eread\u3092\u547c\u3073\u51fa\u3059\u3068\u3001fetch\u3067GET\u30e1\u30bd\u30c3\u30c9\u3092\u98db\u3070\u3057\u307e\u3059\u3002
\u53d6\u5f97\u3057\u305f\u5024\u306fModel\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3055\u308c\u307e\u3059\u3002
\u4eca\u56de\u306e\u4f8b\u3067\u3044\u304f\u3068\u3001\u53d6\u5f97\u3059\u308b\u30ad\u30fc\u306ftext\u3067\u3042\u308a\u65e2\u306bModel\u4e0a\u306b\u5b58\u5728\u3059\u308b\u305f\u3081\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
HelloWorldView.js<\/h3>\n\n\n\nrequire(['backbone', 'model\/HelloWorldModel'], function(backbone, helloWorldModel) {\n\n var model = new helloWorldModel();\n\n var HelloWorldView = backbone.View.extend({\n el: $('.hoge'),\n initialize: function() {\n model.read();\n this.listenToOnce( model, 'sync', this.render);\n },\n render: function() {\n var text = model.get("text");\n $(this.el).html(_.template($('#hello-template').text())({ "text": text }));\n }\n });\n new HelloWorldView();\n});\n<\/pre><\/div>\n\n\n- model\u306eread\u3092\u547c\u3073\u51fa\u3057\u3001\u30b5\u30fc\u30d0\u304b\u3089\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/li>
- listenToOnce\u3067model\u306e\u72b6\u614b\u3092\u76e3\u8996\u3057\u3001model\u304c\u5909\u5316\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067View\u306erender\u3092\u547c\u3073\u51fa\u3059<\/li>
- read\u3057\u305f\u6642\u70b9\u3067model\u306etext\u304c\u4e0a\u66f8\u304d\u3055\u308c\u3001model\u306e\u72b6\u614b\u304c\u5909\u308f\u3063\u305f\u305f\u3081render\u304c\u547c\u3073\u51fa\u3055\u308c\u3001template\u304c\u753b\u9762\u306b\u633f\u5165\u3055\u308c\u308b<\/li><\/ol>\n\n\n\n
\u8868\u793a<\/h3>\n\n\n\n<\/figure>\n","protected":false},"excerpt":{"rendered":"\u30b5\u30fc\u30d0\u5074\u306eREST API\u3092\u53e9\u3044\u3066\u53d6\u5f97\u3057\u305f\u5024\u3092View\u3067\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u305b\u307e\u3059\u3002 \u524d\u63d0 \u6982\u8981 Mode […]<\/p>\n","protected":false},"author":1,"featured_media":972,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[220,227,213,226],"class_list":["post-981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-backbonejs","tag-fetch","tag-requirejs","tag-server"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=981"}],"version-history":[{"count":5,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions\/1009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/media\/972"}],"wp:attachment":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
\ncurl -X GET http:\/\/localhost:3000\/hello\n<\/pre><\/div>\n\n\n\u53d6\u5f97\u30c7\u30fc\u30bf<\/h4>\n\n\n\n{\n "text": "Hello World Backbone Fetch!!"\n}\n<\/pre><\/div>\n\n\n\u30b5\u30fc\u30d0\u304b\u3089\u5024\u3092\u53d6\u5f97\u3057\u3066\u8868\u793a\u3059\u308b<\/h2>\n\n\n\nindex.html<\/h3>\n\n\n\n<!DOCTYPE html>\n<html lang="ja">\n <head>\n <meta charset="utf-8">\n <title><\/title>\n <\/head>\n <body>\n <script src="https:\/\/requirejs.org\/docs\/release\/2.3.6\/minified\/require.js"><\/script>\n <script src=".\/js\/config\/config.js"><\/script>\n <script src=".\/js\/views\/HelloWorldView.js"><\/script>\n <script type="text\/template" id="hello-template">\n <h2><%= text %><\/h2>\n <\/script>\n <h1>Hello World!<\/h1>\n <div class="hoge"><\/div>\n <\/body>\n<\/html>\n<\/pre><\/div>\n\n\nconfig.js<\/h3>\n\n\n\nrequire.config({\n baseUrl: "js",\n paths: {\n "backbone" : "lib\/backbone",\n "jquery" : "lib\/jquery",\n "underscore" : "lib\/underscore"\n },\n shim: {\n 'backbone' : {\n deps: ['underscore', 'jquery'],\n exports: 'Backbone'\n }\n }\n});\n<\/pre><\/div>\n\n\nHelloWorldModel.js<\/h3>\n\n\n\ndefine(['backbone'], function(backbone) {\n\n var HelloWorldModel = backbone.Model.extend({\n url: "http:\/\/localhost:3000\/hello",\n defaults: {\n "text":"Hello World Backbone!!"\n },\n read: function(){\n this.fetch()\n }\n });\n return HelloWorldModel;\n});\n<\/pre><\/div>\n\n\nModel\u306eread\u3092\u547c\u3073\u51fa\u3059\u3068\u3001fetch\u3067GET\u30e1\u30bd\u30c3\u30c9\u3092\u98db\u3070\u3057\u307e\u3059\u3002
\u53d6\u5f97\u3057\u305f\u5024\u306fModel\u306b\u30de\u30c3\u30d4\u30f3\u30b0\u3055\u308c\u307e\u3059\u3002
\u4eca\u56de\u306e\u4f8b\u3067\u3044\u304f\u3068\u3001\u53d6\u5f97\u3059\u308b\u30ad\u30fc\u306ftext\u3067\u3042\u308a\u65e2\u306bModel\u4e0a\u306b\u5b58\u5728\u3059\u308b\u305f\u3081\u4e0a\u66f8\u304d\u3055\u308c\u307e\u3059\u3002<\/p>\n\n\n\n
HelloWorldView.js<\/h3>\n\n\n\nrequire(['backbone', 'model\/HelloWorldModel'], function(backbone, helloWorldModel) {\n\n var model = new helloWorldModel();\n\n var HelloWorldView = backbone.View.extend({\n el: $('.hoge'),\n initialize: function() {\n model.read();\n this.listenToOnce( model, 'sync', this.render);\n },\n render: function() {\n var text = model.get("text");\n $(this.el).html(_.template($('#hello-template').text())({ "text": text }));\n }\n });\n new HelloWorldView();\n});\n<\/pre><\/div>\n\n\n- model\u306eread\u3092\u547c\u3073\u51fa\u3057\u3001\u30b5\u30fc\u30d0\u304b\u3089\u60c5\u5831\u3092\u53d6\u5f97\u3059\u308b<\/li>
- listenToOnce\u3067model\u306e\u72b6\u614b\u3092\u76e3\u8996\u3057\u3001model\u304c\u5909\u5316\u3057\u305f\u30bf\u30a4\u30df\u30f3\u30b0\u3067View\u306erender\u3092\u547c\u3073\u51fa\u3059<\/li>
- read\u3057\u305f\u6642\u70b9\u3067model\u306etext\u304c\u4e0a\u66f8\u304d\u3055\u308c\u3001model\u306e\u72b6\u614b\u304c\u5909\u308f\u3063\u305f\u305f\u3081render\u304c\u547c\u3073\u51fa\u3055\u308c\u3001template\u304c\u753b\u9762\u306b\u633f\u5165\u3055\u308c\u308b<\/li><\/ol>\n\n\n\n
\u8868\u793a<\/h3>\n\n\n\n<\/figure>\n","protected":false},"excerpt":{"rendered":"\u30b5\u30fc\u30d0\u5074\u306eREST API\u3092\u53e9\u3044\u3066\u53d6\u5f97\u3057\u305f\u5024\u3092View\u3067\u753b\u9762\u4e0a\u306b\u8868\u793a\u3055\u305b\u307e\u3059\u3002 \u524d\u63d0 \u6982\u8981 Mode […]<\/p>\n","protected":false},"author":1,"featured_media":972,"comment_status":"open","ping_status":"closed","sticky":false,"template":"","format":"standard","meta":{"footnotes":""},"categories":[211],"tags":[220,227,213,226],"class_list":["post-981","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-javascript","tag-backbonejs","tag-fetch","tag-requirejs","tag-server"],"aioseo_notices":[],"_links":{"self":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcomments&post=981"}],"version-history":[{"count":5,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions"}],"predecessor-version":[{"id":1009,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/posts\/981\/revisions\/1009"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=\/wp\/v2\/media\/972"}],"wp:attachment":[{"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fmedia&parent=981"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Fcategories&post=981"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/ito-u-oti.com\/index.php?rest_route=%2Fwp%2Fv2%2Ftags&post=981"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}