\u305d\u3057\u3066\u3001Template\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u914d\u7f6e\u3059\u308bhtml\u306f\u3069\u306e\u30a2\u30d7\u30ea\u304b\u3089\u3082\u540c\u4e00\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u3042\u308b\u3088\u3046\u306b\u547c\u3073\u51fa\u3059\u3053\u3068\u304c\u3067\u304d\u307e\u3059\u3002\u4f8b\u3048\u3070\u3001\u30a2\u30d7\u30ea1\u306b\u306e\u307fGraphs\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u3092\u4f5c\u6210\u3057\u305f\u4e0b\u306e\u3088\u3046\u306a\u69cb\u6210\u3092\u4f5c\u3063\u305f\u3068\u3057\u307e\u3059\u3002<\/p>\n
\u30d7\u30ed\u30b8\u30a7\u30af\u30c8
\n\u251c\u2500 \u30d7\u30ed\u30b8\u30a7\u30af\u30c8
\n\u2502 \u3000\u3000\u2514\u2500 settings.py
\n(\u4e2d\u7565)
\n\u251c\u2500 \u30a2\u30d7\u30ea1
\n\u2502 \u3000\u3000\u251c\u2500 __pycache__
\n\u2502 \u3000\u3000\u251c\u2500 migrations
\n\u2502 \u3000\u3000\u251c\u2500 templates
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 app01
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 index.html
\n(\u4e2d\u7565)
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 Graphs
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 flot_line.html
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 echart_2bar.html
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 echart_scatter.html
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u2514\u2500 echart_line.html
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 base.html
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2514\u2500 footer.html
\n(\u4e2d\u7565)
\n\u251c\u2500 \u30a2\u30d7\u30ea2
\n\u2502 \u3000\u3000\u251c\u2500 __pycache__
\n\u2502 \u3000\u3000\u251c\u2500 migrations
\n\u2502 \u3000\u3000\u251c\u2500 templates
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 app02
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 index.html
\n(\u4e2d\u7565)
\n\u251c\u2500 \u30a2\u30d7\u30ea3
\n\u2502 \u3000\u3000\u251c\u2500 __pycache__
\n\u2502 \u3000\u3000\u251c\u2500 migrations
\n\u2502 \u3000\u3000\u251c\u2500 templates
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 app03
\n\u2502 \u3000\u3000\u2502 \u3000\u3000\u2502 \u3000\u3000\u251c\u2500 index.html
\n(\u4e2d\u7565)
\n\u2514\u2500\u2500 manage.py<\/div>\n
\u3053\u306e\u69cb\u6210\u3067\u30a2\u30d7\u30ea1\/Template\/Graphs\/echart_scatter.html\u3092\u547c\u3073\u51fa\u3059\u306b\u306f\u4e0b\u306e\u3088\u3046\u306bInclude\u3057\u307e\u3059\u3002<\/p>\n
\u25bc\u30a2\u30d7\u30ea1\/Template\/app01\/index.html \u3067Include<\/p>\n
<!-- \u5206\u5e03\u56f3 -->\r\n {% include 'Graph\/echart_scatter.html'%}<\/pre>\n\u25bc\u30a2\u30d7\u30ea2\/Template\/app02\/index.html \u3067Include<\/p>\n
<!-- \u5206\u5e03\u56f3 -->\r\n {% include 'Graph\/echart_scatter.html'%}<\/pre>\n\u25bc\u30a2\u30d7\u30ea3\/Template\/app03\/index.html \u3067Include<\/p>\n
<!-- \u5206\u5e03\u56f3 -->\r\n {% include 'Graph\/echart_scatter.html'%}<\/pre>\n\u5168\u304f\u540c\u3058\u3067\u3059\u306d\u3002<\/p>\n
\u63cf\u5199\u3059\u308b\u5024\u306f\u5f15\u6570\u3067 JavaScript \u306b\u6e21\u3059\u308f\u3051\u3067\u3059\u304b\u3089HTML\u7684\u306b\u306f\u3053\u3093\u306a\u611f\u3058\u3067\u4ed5\u4e0a\u304c\u3063\u3066\u3057\u307e\u3044\u307e\u3059\u3002<\/p>\n
\u25a0\u30a2\u30d7\u30ea1\/Template\/Graphs\/echart_scatter.html<\/p>\n
<!-- \r\n\u3000\u5fc5\u8981\u306aJS \u306f\u30da\u30fc\u30b8\u4e0a\u90e8\u3067\u8aad\u307f\u8fbc\u307e\u305b\u307e\u3057\u3087\u3046\u3002\r\n\u3000\u30da\u30fc\u30b8\u4e0b\u90e8\u3067\u8aad\u307f\u8fbc\u307e\u305b\u308b\u3068\u3001echart_scatter.html \u5185\u306eJS\u9069\u7528\u304c\u30a8\u30e9\u30fc\u3092\u767a\u3059\u308b\u305f\u3081\r\n\u3000\u5916\u90e8\u30d1\u30fc\u30c4\u3068\u3057\u3066\u5b8c\u7d50\u3067\u304d\u307e\u305b\u3093\u3002\r\n\u3000\u203b \u5f15\u6570\u306eJS\u53d7\u3051\u6e21\u3057\u306eScript\u3092include\u3059\u308b\u30d5\u30a1\u30a4\u30eb\u5074\u306b\u66f8\u304d\u8fbc\u3080\u5fc5\u8981\u304c\u51fa\u3066\u304d\u307e\u3059\u3002\r\n-->\r\n <div class=\"x_content\">\r\n <!-- Graph -->\r\n <div class=\"echart_scatter\" style=\"height:350px;\"><\/div>\r\n <!-- Graph -->\r\n <\/div>\r\n\r\n <script>\r\n var Scatter_01 = {{ Scatter.0|safe }}\r\n var Scatter_02 = {{ Scatter.1|safe }}\r\n var Scatter_title01 = '{{Scatter.2}}'\r\n var Scatter_title02 = '{{Scatter.3}}'\r\n var Scatter_dataname01 = '{{Scatter.4}}'\r\n var Scatter_dataname02 = '{{Scatter.5}}'\r\n var Scatter_XUnit = '{{Scatter.6}}'\r\n var Scatter_YUnit = '{{Scatter.7}}'\r\n <\/script><\/pre>\nEChart\u306e\u5206\u6563\u56f3\u3060\u3063\u305f\u3089\u4e0b\u306eJS\u3067\u63cf\u5199\u3067\u304d\u307e\u3059\u3002<\/p>\n
\/* Echart *\/\r\nfunction init_echarts() {\r\n if (typeof(echarts) === 'undefined') {\r\n return;\r\n }\r\n var theme = {\r\n color: [\r\n '#26B99A', '#34495E', '#BDC3C7', '#3498DB',\r\n '#9B59B6', '#8abb6f', '#759c6a', '#bfd3b7'\r\n ],\r\n title: {\r\n itemGap: 8,\r\n textStyle: {\r\n fontWeight: 'normal',\r\n color: '#408829'\r\n }\r\n },\r\n dataRange: {\r\n color: ['#1f610a', '#97b58d']\r\n },\r\n toolbox: {\r\n color: ['#408829', '#408829', '#408829', '#408829']\r\n },\r\n tooltip: {\r\n backgroundColor: 'rgba(0,0,0,0.5)',\r\n axisPointer: {\r\n type: 'line',\r\n lineStyle: {\r\n color: '#408829',\r\n type: 'dashed'\r\n },\r\n crossStyle: {\r\n color: '#408829'\r\n },\r\n shadowStyle: {\r\n color: 'rgba(200,200,200,0.3)'\r\n }\r\n }\r\n },\r\n dataZoom: {\r\n dataBackgroundColor: '#eee',\r\n fillerColor: 'rgba(64,136,41,0.2)',\r\n handleColor: '#408829'\r\n },\r\n grid: {\r\n borderWidth: 0\r\n },\r\n categoryAxis: {\r\n axisLine: {\r\n lineStyle: {\r\n color: '#408829'\r\n }\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: ['#eee']\r\n }\r\n }\r\n },\r\n valueAxis: {\r\n axisLine: {\r\n lineStyle: {\r\n color: '#408829'\r\n }\r\n },\r\n splitArea: {\r\n show: true,\r\n areaStyle: {\r\n color: ['rgba(250,250,250,0.1)', 'rgba(200,200,200,0.1)']\r\n }\r\n },\r\n splitLine: {\r\n lineStyle: {\r\n color: ['#eee']\r\n }\r\n }\r\n },\r\n timeline: {\r\n lineStyle: {\r\n color: '#408829'\r\n },\r\n controlStyle: {\r\n normal: { color: '#408829' },\r\n emphasis: { color: '#408829' }\r\n }\r\n },\r\n k: {\r\n itemStyle: {\r\n normal: {\r\n color: '#68a54a',\r\n color0: '#a9cba2',\r\n lineStyle: {\r\n width: 1,\r\n color: '#408829',\r\n color0: '#86b379'\r\n }\r\n }\r\n }\r\n },\r\n map: {\r\n itemStyle: {\r\n normal: {\r\n areaStyle: {\r\n color: '#ddd'\r\n },\r\n label: {\r\n textStyle: {\r\n color: '#c12e34'\r\n }\r\n }\r\n },\r\n emphasis: {\r\n areaStyle: {\r\n color: '#99d2dd'\r\n },\r\n label: {\r\n textStyle: {\r\n color: '#c12e34'\r\n }\r\n }\r\n }\r\n }\r\n },\r\n force: {\r\n itemStyle: {\r\n normal: {\r\n linkStyle: {\r\n strokeColor: '#408829'\r\n }\r\n }\r\n }\r\n },\r\n chord: {\r\n padding: 4,\r\n itemStyle: {\r\n normal: {\r\n lineStyle: {\r\n width: 1,\r\n color: 'rgba(128, 128, 128, 0.5)'\r\n },\r\n chordStyle: {\r\n lineStyle: {\r\n width: 1,\r\n color: 'rgba(128, 128, 128, 0.5)'\r\n }\r\n }\r\n },\r\n emphasis: {\r\n lineStyle: {\r\n width: 1,\r\n color: 'rgba(128, 128, 128, 0.5)'\r\n },\r\n chordStyle: {\r\n lineStyle: {\r\n width: 1,\r\n color: 'rgba(128, 128, 128, 0.5)'\r\n }\r\n }\r\n }\r\n }\r\n },\r\n gauge: {\r\n startAngle: 225,\r\n endAngle: -45,\r\n axisLine: {\r\n show: true,\r\n lineStyle: {\r\n color: [\r\n [0.2, '#86b379'],\r\n [0.8, '#68a54a'],\r\n [1, '#408829']\r\n ],\r\n width: 8\r\n }\r\n },\r\n axisTick: {\r\n splitNumber: 10,\r\n length: 12,\r\n lineStyle: {\r\n color: 'auto'\r\n }\r\n },\r\n axisLabel: {\r\n textStyle: {\r\n color: 'auto'\r\n }\r\n },\r\n splitLine: {\r\n length: 18,\r\n lineStyle: {\r\n color: 'auto'\r\n }\r\n },\r\n pointer: {\r\n length: '90%',\r\n color: 'auto'\r\n },\r\n title: {\r\n textStyle: {\r\n color: '#333'\r\n }\r\n },\r\n detail: {\r\n textStyle: {\r\n color: 'auto'\r\n }\r\n }\r\n },\r\n textStyle: {\r\n fontFamily: 'Arial, Verdana, sans-serif'\r\n }\r\n };\r\n\r\n \/\/echart Scatter\r\n if ($('.echart_scatter').length) {\r\n\r\n var echartScatter = echarts.init(document.getElementsByClassName('echart_scatter'), theme);\r\n\r\n echartScatter.setOption({\r\n title: {\r\n text: Scatter_title01,\r\n subtext: Scatter_title02\r\n },\r\n tooltip: {\r\n trigger: 'axis',\r\n showDelay: 0,\r\n axisPointer: {\r\n type: 'cross',\r\n lineStyle: {\r\n type: 'dashed',\r\n width: 1\r\n }\r\n }\r\n },\r\n legend: {\r\n data: [Scatter_dataname02, Scatter_dataname01]\r\n },\r\n toolbox: {\r\n show: true,\r\n feature: {\r\n saveAsImage: {\r\n show: true,\r\n title: \"Save Image\"\r\n }\r\n }\r\n },\r\n xAxis: [{\r\n type: 'value',\r\n scale: true,\r\n axisLabel: {\r\n formatter: '{value} '+ Scatter_XUnit\r\n }\r\n }],\r\n yAxis: [{\r\n type: 'value',\r\n scale: true,\r\n axisLabel: {\r\n formatter: '{value} '+ Scatter_YUnit\r\n }\r\n }],\r\n series: [{\r\n name: Scatter_dataname01,\r\n type: 'scatter',\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: function(params) {\r\n if (params.value.length > 1) {\r\n return params.seriesName + ' :<br\/>' + params.value[0] + Scatter_XUnit + ' ' + params.value[1] + Scatter_YUnit;\r\n } else {\r\n return params.seriesName + ' :<br\/>' + params.name + ' : ' + params.value + Scatter_YUnit;\r\n }\r\n }\r\n },\r\n data: Scatter_01,\r\n markPoint: {\r\n data: [{\r\n type: 'max',\r\n name: 'Max'\r\n }, {\r\n type: 'min',\r\n name: 'Min'\r\n }]\r\n },\r\n markLine: {\r\n data: [{\r\n type: 'average',\r\n name: 'Mean'\r\n }]\r\n }\r\n }, {\r\n name: Scatter_dataname02,\r\n type: 'scatter',\r\n tooltip: {\r\n trigger: 'item',\r\n formatter: function(params) {\r\n if (params.value.length > 1) {\r\n return params.seriesName + ' :<br\/>' + params.value[0] + Scatter_XUnit + ' ' + params.value[1] + Scatter_YUnit;\r\n } else {\r\n return params.seriesName + ' :<br\/>' + params.name + ' : ' + params.value + Scatter_YUnit;\r\n }\r\n }\r\n },\r\n data: Scatter_02,\r\n markPoint: {\r\n data: [{\r\n type: 'max',\r\n name: 'Max'\r\n }, {\r\n type: 'min',\r\n name: 'Min'\r\n }]\r\n },\r\n markLine: {\r\n data: [{\r\n type: 'average',\r\n name: 'Mean'\r\n }]\r\n }\r\n }]\r\n });\r\n }\r\n}\r\n$(document).ready(function() {\r\n\r\n init_echarts();\r\n});<\/pre>\n\u5916\u90e8\u30d1\u30fc\u30c4\u5316\u306e\u30e1\u30ea\u30c3\u30c8\u3068\u306f<\/h3>\n
\u5916\u90e8\u30d1\u30fc\u30c4\u5316\u306f\u81ea\u5206\u304c\u697d\u306b\u306a\u308b\u305f\u3081\u306b\u884c\u3046\u4f5c\u696d\u3067\u3059\u3002
\n\u5358\u7d14\u306a\u5358\u4f53\u5b9f\u88c5\u3067\u3042\u308c\u3070\u3001\u5171\u901a\u30d1\u30fc\u30c4\u306a\u3069\u306f\u4f5c\u6210\u3057\u306a\u3044\u65b9\u304c\u4f5c\u696d\u52b9\u7387\u306f\u5897\u3057\u307e\u3059\u3002<\/p>\n
\u7406\u7531\u306f\u3010\u3053\u306e\u30c7\u30fc\u30bf\u306f\u3053\u3046\u306a\u3063\u3066\u3044\u308b\u3011\u3068\u3044\u3046\u30eb\u30fc\u30eb\u3092\u5b9f\u88c5\u3067\u4f7f\u3048\u308b\u304b\u3089\u3067\u3059\u3002
\n\u4f8b\u3048\u3070\u3001X\u8ef8\u306f\u65e5\u4ed8\u30c7\u30fc\u30bf\u3068\u3044\u3046\u78ba\u5b9a\u3057\u305f\u5185\u5bb9\u304c\u3042\u308c\u3070\u300e\u65e5\u4ed8\u304b\u78ba\u8a8d\u3057\u3066\u65e5\u4ed8\u3060\u3063\u305f\u3089\u8868\u793a\u3067\u304d\u308b\u59ff\u306b\u5909\u66f4\u3059\u308b\u300f\u3068\u3044\u3063\u305f\u51e6\u7406\u3092\u8e0f\u3080\u5fc5\u8981\u304c\u3042\u308a\u307e\u305b\u3093\u3002<\/p>\n
\u305f\u3060\u3057\u3001\u3053\u306e\u5834\u5408\u306f\u540c\u3058\u3088\u3046\u306aSCRIPT\u3092\u4f55\u56de\u3082\u66f8\u304f\u3053\u3068\u306b\u306a\u308a\u307e\u3059\u3002
\n\u53cd\u5fa9\u7df4\u7fd2\u3068\u3057\u3066\u306f\u3068\u3066\u3082\u826f\u3044\u306e\u3067\u3059\u304c\u3001\u30d7\u30ed\u30b0\u30e9\u30de\u306f\u6642\u9593\u3082\u5546\u58f2\u9053\u5177\u3067\u3059\u3002
\n\u65e9\u304f\u66f8\u304d\u4e0a\u3052\u308b\u306b\u8d8a\u3057\u305f\u3053\u3068\u306f\u306a\u3044\u3068\u306a\u308c\u3070\u3001\u4e00\u56de\u7d4c\u9a13\u3057\u305f\u3082\u306e\u3067\u5916\u90e8\u30d1\u30fc\u30c4\u5316\u3067\u304d\u308b\u3082\u306e\u306f\u7a4d\u6975\u7684\u306b\u30d1\u30fc\u30c4\u5316\u3057\u3066\u6b21\u306e\u6848\u4ef6\u306b\u751f\u304b\u3057\u3066\u3044\u3051\u3070OK\u3067\u3059\u3088\u306d\u3002<\/p>\n
\u307e\u3068\u3081<\/h3>\n
\u5148\u56de\u306e\u8a18\u4e8b\u3067\u30b0\u30e9\u30d5\u306e\u5916\u90e8\u30d1\u30fc\u30c4\u5316\u306b\u3064\u3044\u3066\u89e6\u308c\u3066\u304a\u304d\u306a\u304c\u3089\u3001Template\u306e\u3053\u3068\u306f\u4f55\u3082\u66f8\u304b\u306a\u304b\u3063\u305f\u306a\u3068\u601d\u3044\u8a18\u4e8b\u5316\u3057\u3066\u307f\u307e\u3057\u305f\u3002<\/p>\n
\u3055\u3041\u3001\u4eca\u65e5\u3082\u9811\u5f35\u308a\u307e\u3057\u3087\u3046\uff01<\/p>\n","protected":false},"excerpt":{"rendered":"
Django\uff1aTemplate\u3067\u610f\u56f3\u3057\u305f\u3082\u306e\u3068\u5225\u306e\u30d5\u30a1\u30a4\u30eb\u304c\u8aad\u307f\u8fbc\u307e\u308c\u308b\u6642\u306e\u539f\u56e0\u3068\u5bfe\u7b56 \u3053\u306e\u5834\u5408\u3001\u591a\u304f\u304cTemplate\u30c7\u30a3\u30ec\u30af\u30c8\u30ea\u306b\u7f6e\u3044\u305f\u30d5\u30a1\u30a4\u30eb\u306e\u8aad\u307e\u308c\u65b9\u306e\u7406\u89e3\u4e0d\u8db3\u304c\u539f\u56e0\u3067\u3059\u3002 \u305d\u3057\u3066\u3001\u591a\u304f\u306e\u5834\u5408\u300e\u540c\u4e00\u30d7\u30ed\u30b8\u30a7\u30af\u30c8\u306b […]<\/p>\n","protected":false},"author":1,"featured_media":2174,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"sns_share_botton_hide":"","vkExUnit_sns_title":"","_vk_print_noindex":"","sitemap_hide":"","_veu_custom_css":"","veu_display_promotion_alert":"","vkexunit_cta_each_option":"","_lightning_design_setting":[],"_jetpack_feature_clip_id":0,"_jetpack_memberships_contains_paid_content":false,"footnotes":"","jetpack_publicize_message":"","jetpack_publicize_feature_enabled":true,"jetpack_social_post_already_shared":false,"jetpack_social_options":{"image_generator_settings":{"template":"highway","default_image_id":0,"font":"","enabled":false},"version":2},"jetpack_post_was_ever_published":false},"categories":[38],"tags":[814,936,147,937,97,53,938],"class_list":["post-2659","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-python-memorandum","tag-django","tag-graph","tag-python","tag-template","tag-97","tag-53","tag-938"],"veu_head_title_object":{"title":"","add_site_title":""},"jetpack_publicize_connections":[],"jetpack-related-posts":[],"jetpack_sharing_enabled":false,"jetpack_featured_media_url":"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2020\/11\/django.png","_links":{"self":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/2659","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/comments?post=2659"}],"version-history":[{"count":0,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/posts\/2659\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media\/2174"}],"wp:attachment":[{"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/media?parent=2659"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/categories?post=2659"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/qol-kk.com\/wp2\/wp-json\/wp\/v2\/tags?post=2659"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}
![\"\"](\"https:\/\/qol-kk.com\/wp2\/wp-content\/uploads\/2021\/02\/side_change.jpg\")
<\/a>\u3053\u306e\u753b\u50cf\u306f1\u306e\u4f8b\u3067\u3059\u3002\u5b9f\u969b\u306b\u79c1\u304c\u4f5c\u6210\u3057\u3066\u3044\u308b\u300c\u81ea\u5206\u5c02\u7528\u30a2\u30d7\u30ea\u300d\u306e\u30b5\u30a4\u30c9\u30e1\u30cb\u30e5\u30fc\u753b\u9762\u306b\u306a\u308a\u307e\u3059\u3002\u3053\u306e\u4f8b\u3067\u306fModeChange\u5185\u306b\u3042\u308b\u30ea\u30b9\u30c8\u3092\u30af\u30ea\u30c3\u30af\u3059\u308b\u3068\u5176\u3005\u306e\u30da\u30fc\u30b8\u306bJUMP\u3057\u3001\u5c02\u7528\u30e1\u30cb\u30e5\u30fc\u304c\u51fa\u3066\u304f\u308b\u3088\u3046\u306b\u3057\u3066\u3044\u307e\u3059\u3002<\/p>\n