巧水スタイルJSON調整

takumi-style/js/json.js

@@ -390,9 +390,40 @@ jsonData = {
     "answer_fig": "r_3_4_3.jpg"
   },
 
-
-
-
+  "comment_3_5": "------------------------------------------------------------------------ 上級：ID = 5 --------------------------------------------------------------------------",
+  "3_5_1": {
+    "qText": [3, "日本では、水の日が制定されていますが、<br>それはいつでしょうか？"],
+    "answerID": "2",
+    "layoutType": "line",
+    "fig": "3_4_1.jpg",
+    "a_1": [3, "残念。<strong>４月１日はエイプリルフール</strong>ですね。<br>正解は②<strong>８月１日</strong>でした。", 3, "４月１日"],
+    "a_2": [3, "正解！ <strong>８月１日が水の日</strong>です。", 3, "８月１日"],
+    "a_3": [3, "残念。<strong>９月１日は防災の日</strong>ですね。<br>正解は②<strong>８月１日</strong>でした。", 3, "９月１日"],
+    "answer_text": "水の重要性について国民の関心を高め、理解を深めるため、毎年８月１日を<strong>水の日</strong>としています。また、この日を初日とする１週間が<strong>水の週間</strong>とされています。",
+    "answer_fig": "r_3_4_1.jpg"
+  },
+  "3_5_2": {
+    "qText": [3, "家庭から出る排水のうち、もっとも水を汚す原因になっているものはどこからの排水でしょうか?"],
+    "answerID": "3",
+    "layoutType": "line",
+    "fig": "3_4_2.jpg",
+    "a_1": [3, "残念。正解は③<strong>台所からの排水</strong>でした。<br><small>（環境省「生活排水読本」より）</small>", 3, "トイレからの排水"],
+    "a_2": [3, "残念。正解は③<strong>台所からの排水</strong>でした。<br><small>（環境省「生活排水読本」より）</small>", 3, "風呂・洗濯からの排水"],
+    "a_3": [2, "正解。<strong>台所からの排水が水質汚濁原因の１番</strong>とされています。<br><small>（環境省「生活排水読本」より）</small>", 3, "台所からの排水"],
+    "answer_text": "台所から食べ残しや飲み残し、残った油等をできるだけ流さないように心掛けましょう。",
+    "answer_fig": "r_3_4_2.jpg"
+  },
+  "3_5_3": {
+    "qText": [3, "シャワーを３分間出したままにすると、どれくらいの水を使うでしょうか?"],
+    "answerID": "3",
+    "layoutType": "line",
+    "fig": "3_4_3.jpg",
+    "a_1": [3, "残念。正解は③<strong>約30リットル</strong>も流れます。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約10リットル<br><small>（大きなバケツに1杯くらい）</small>"],
+    "a_2": [3, "残念。正解は③<strong>約30リットル</strong>も流れます。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約20リットル<br><small>（大きなバケツに2杯くらい）</small>"],
+    "a_3": [3, "正解。<strong>約30リットルも流れる</strong>んですね。<br><small>（TOTO「お客様向け環境コミュニケーションサイト」より）</small>", 3, "約30リットル<br><small>（大きなバケツに3杯くらい）</small>"],
+    "answer_text": "最新の節水シャワーに取り換えると２/３くらいまで節水できます。こまめにシャワーを止めたり、節水シャワーに交換するなどして、節水を心掛けましょう。",
+    "answer_fig": "r_3_4_3.jpg"
+  },
 
   "comment_4_1": "------------------------------------------------------------------------博士級：ID = 1 --------------------------------------------------------------------------",
   "4_1_1": {
@@ -532,6 +563,41 @@ jsonData = {
     "a_3": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ７割"],
     "answer_text": "国土交通省の平成２８年度調査結果公表によると、７割近くは<strong>農業用水</strong>、家庭内や外出先などで使用する<strong>生活用水</strong>は、およそ２割を占め、残りが<strong>工業用水</strong>として利用されているそうです。",
     "answer_fig": "r_4_4_3.jpg"
+  },
+
+  "comment_4_5": "TODO------------------------------------------------------------------------博士級：ID = 5 --------------------------------------------------------------------------",
+  "4_5_1": {
+    "qText": [1, "洗濯機で注水すすぎをせず、ためすすぎをすると、1ヶ月でどれだけ節水になるでしょうか？<br><small>※縦型全自動洗濯機８ｋｇで２回すすぎの場合で、毎日１回洗濯機を回すとして計算</small>"],
+    "answerID": "3",
+    "layoutType": "line",
+    "fig": "4_4_1.jpg",
+    "a_1": [3, "残念。正解は③<strong>１ヵ月で約1,800リットル</strong>でした。", 3, "約300リットル<br><small>（おふろ約1.5杯分）</small>"],
+    "a_2": [3, "残念。正解は③<strong>１ヵ月で約1,800リットル</strong>でした。", 3, "約900リットル<br><small>（おふろ約4.5杯分）</small>"],
+    "a_3": [3, "正解。注水すすぎは<strong>１ヵ月で約1,800リットル</strong>もの水を使うんですね。", 3, "約1,800リットル<br><small>（おふろ約９杯分）</small>"],
+    "answer_text": "注水すすぎは溜めすすぎにくらべて多くの水を使います。アレルギーの問題がなければ節水のために、ためすすぎをお勧めします。",
+    "answer_fig": "r_4_4_1.jpg"
+  },
+  "4_5_2": {
+    "qText": [1, "１回あたり6リットル以下で流す節水トイレが販売されていますが、日本中に設置されているトイレのうち、この節水トイレの占める割合はどのくらいになっているでしょうか？<small>（日本レストルーム工業会推計）</small>"],
+    "answerID": "2",
+    "layoutType": "line",
+    "fig": "4_2_1.jpg",
+    "a_1": [3, "残念。正解は②<strong>約44%</strong>でした。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約22%"],
+    "a_2": [3, "正解！まだ<strong>全体の44%程度しか</strong>設置されていません。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約44%"],
+    "a_3": [3, "残念。正解は②<strong>約44%</strong>でした。まだまだ少ないですね。<br><small>（2016年度 日本レストルーム工業会推計）</small>", 3, "約66%"],
+    "answer_text": "まだまだ多くの水量を流している便器があります。大切な水を節約するためにも、こうした節水トイレがもっと増えるといいですね。",
+    "answer_fig": "r_4_2_1.jpg"
+  },
+  "4_5_3": {
+    "qText": [3, "日本の水使用において、家庭内や外出先などで使用されている水量はどれくらいを占めているでしょうか？"],
+    "answerID": "2",
+    "layoutType": "line",
+    "fig": "4_4_3.jpg",
+    "a_1": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ１割"],
+    "a_2": [3, "正解！<strong>およそ２割はわたしたちの生活に使用</strong>しています。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ２割"],
+    "a_3": [3, "残念。正解は②<strong>およそ２割</strong>でした。<br><small>（国土交通省 平成28年度版 日本の水資源の現況より）</small>", 3, "およそ７割"],
+    "answer_text": "国土交通省の平成２８年度調査結果公表によると、７割近くは<strong>農業用水</strong>、家庭内や外出先などで使用する<strong>生活用水</strong>は、およそ２割を占め、残りが<strong>工業用水</strong>として利用されているそうです。",
+    "answer_fig": "r_4_4_3.jpg"
   }
 
 

takumi-style/js/levelMenu_ie.js

 // level select menu
-function levelSelectMenu(et){
+function levelSelectMenu(et) {
 
  //---init
  var myObj = new Object();
@@ -10,12 +10,19 @@ function levelSelectMenu(et){
 
  //-------------------------------------------------------------------------------------------------難易度選択のイベントハンドラの設定
  var menu_levelSelect = document.getElementsByClassName("select_level_button");
-	Object.keys(menu_levelSelect).forEach(function(key){
+ Object.keys(menu_levelSelect).forEach(function (key) {
   //console.log("menu_levelSelect : " + key);
-		menu_levelSelect[key].addEventListener(eventClick, levelSelectFunc, {passive: true});
-		menu_levelSelect[key].addEventListener(eventMouseDown, function(){androidConnect ? alert("playSE#click"):console.log("playSE#click")}, {passive: true});//-----click音
+  menu_levelSelect[key].addEventListener(eventClick, levelSelectFunc, {
+   passive: true
   });
-	function levelSelectFunc(e){//---------------------------------------------------------------------難易度選択処理（private）
+  menu_levelSelect[key].addEventListener(eventMouseDown, function () {
+   androidConnect ? alert("playSE#click") : console.log("playSE#click")
+  }, {
+   passive: true
+  }); //-----click音
+ });
+
+ function levelSelectFunc(e) { //---------------------------------------------------------------------難易度選択処理（private）
   var newLevel = this.id.split("_")[1];
   if (selectLevel == newLevel) return;
 
@@ -33,8 +40,14 @@ function levelSelectMenu(et){
  }
  //-------------------------------------------------------------------------------------------------TOPに戻るボタンのイベントハンドラの設定
  var menu_top = document.getElementById("button_return");
-	menu_top.addEventListener(eventMouseDown, function(){androidConnect ? alert("playSE#click"):console.log("playSE#click")}, {passive: true});//-----click音
-	menu_top.addEventListener(eventClick, goTopFunc, {passive: true});
+ menu_top.addEventListener(eventMouseDown, function () {
+  androidConnect ? alert("playSE#click") : console.log("playSE#click")
+ }, {
+  passive: true
+ }); //-----click音
+ menu_top.addEventListener(eventClick, goTopFunc, {
+  passive: true
+ });
 
  //-------------------------------------------------------------------------------------------------戻るボタンのイベントハンドラの設定
  var menu_return = document.getElementsByClassName("select_return_button");
@@ -45,18 +58,31 @@ function levelSelectMenu(et){
  たまたまkeyがmenu_returnもmenu_levelSelectも0〜3なので問題なかっただけ...
  Object.keys(menu_return).forEach(function(key){
  +++++++++++++++++++++++++++++++++++++++++++++++++++++*/
-	Object.keys(menu_levelSelect).forEach(function(key){
+ Object.keys(menu_levelSelect).forEach(function (key) {
   //console.log("menu_levelSelect : " + key);
-		menu_return[key].addEventListener(eventClick, returnFunc, {passive: true});
-		menu_return[key].addEventListener(eventMouseDown, function(){androidConnect ? alert("playSE#click"):console.log("playSE#click")}, {passive: true});//-----click音
+  menu_return[key].addEventListener(eventClick, returnFunc, {
+   passive: true
   });
-	function returnFunc(e){//--------------------------------------------------------------------------戻る処理（private）
+  menu_return[key].addEventListener(eventMouseDown, function () {
+   androidConnect ? alert("playSE#click") : console.log("playSE#click")
+  }, {
+   passive: true
+  }); //-----click音
+ });
+
+ function returnFunc(e) { //--------------------------------------------------------------------------戻る処理（private）
   var newLevel = 0;
   if (selectLevel == newLevel) return;
 
   //---- top button
   menu_top.classList.remove("vanish");
-		anime({targets: "#button_return",opacity:[0,1],easing:"easeOutSine",delay:500, duration: 500});//------ anime
+  anime({
+   targets: "#button_return",
+   opacity: [0, 1],
+   easing: "easeOutSine",
+   delay: 500,
+   duration: 500
+  }); //------ anime
 
   //----fukidashi
   doctorObj.dispFuki("fuki_text_select.png");
@@ -70,27 +96,42 @@ function levelSelectMenu(et){
 
  //-------------------------------------------------------------------------------------------------箱のイベントハンドラの設定
  var menu_quizSelect = document.getElementsByClassName("select_content_button");
-	Object.keys(menu_quizSelect).forEach(function(key){
-		menu_quizSelect[key].addEventListener(eventClick, quizSelectFunc, {passive: true});
-		menu_quizSelect[key].addEventListener(eventMouseDown, function(){androidConnect ? alert("playSE#click"):console.log("playSE#click")}, {passive: true});//-----click音
+ Object.keys(menu_quizSelect).forEach(function (key) {
+  menu_quizSelect[key].addEventListener(eventClick, quizSelectFunc, {
+   passive: true
+  });
+  menu_quizSelect[key].addEventListener(eventMouseDown, function () {
+   androidConnect ? alert("playSE#click") : console.log("playSE#click")
+  }, {
+   passive: true
+  }); //-----click音
  });
-	function quizSelectFunc(e){//---------------------------------------------------------------------箱をタップしたので開始（private）
-		var lv = this.id.split("_")[1];//---1:初級、2:中級、3:上級、4:博士級
-		var clr = this.id.split("_")[2];//---色は数値はリンクしていない、htmlのidによる。
-		goQuizFunc(lv,clr);
+
+ function quizSelectFunc(e) { //---------------------------------------------------------------------箱をタップしたので開始（private）
+  var lv = this.id.split("_")[1]; //---1:初級、2:中級、3:上級、4:博士級
+  var clr = this.id.split("_")[2]; //---色は数値はリンクしていない、htmlのidによる。
+  console.log(clr)
+  goQuizFunc(lv, clr);
   takumiObj.hideFuki();
   doctorObj.setSmallFuki();
  }
-	function goQuizFunc(lv,clr){//--------------------------------------------------------------------- プレートを隠してクイズへ移行
-		anime({targets: "#select_plate",marginTop:"-120%", duration: 300,easing:"easeOutQuad" ,complete:function(){
+
+ function goQuizFunc(lv, clr) { //--------------------------------------------------------------------- プレートを隠してクイズへ移行
+  anime({
+   targets: "#select_plate",
+   marginTop: "-120%",
+   duration: 300,
+   easing: "easeOutQuad",
+   complete: function () {
     levelPlate.classList.add("vanish");
-			quizMaster.initFunc(lv,clr);
-		}});//------ anime
+    quizMaster.initFunc(lv, clr);
+   }
+  }); //------ anime
   document.getElementById("button_return").classList.add("vanish");
  }
 
  //------------------------------------------------------------------------------------------------ プレートを隠してTOPに戻る
-	function goTopFunc(){
+ function goTopFunc() {
   doctorObj.directHide();
   takumiObj.directHide();
   levelPlate.classList.add("vanish");
@@ -107,8 +148,8 @@ function levelSelectMenu(et){
   */
  }
 
-	myObj.dispFunc = function(){//--------------------------------------------------------------------- プレートを表示します
-		if (selectLevel != 0){//----再選択で戻ってきたときのための処理
+ myObj.dispFunc = function () { //--------------------------------------------------------------------- プレートを表示します
+  if (selectLevel != 0) { //----再選択で戻ってきたときのための処理
    document.getElementById("select_content-" + selectLevel).classList.remove("selected");
    document.getElementById("select_content-" + 0).classList.add("selected");
    selectLevel = 0;
@@ -117,11 +158,21 @@ function levelSelectMenu(et){
   doctorObj.dispFunc("fuki_text_select.png");
   takumiObj.dispFunc();
   levelPlate.classList.remove("vanish");
-		androidConnect ? alert("setBgm#select"):	console.log("setBgm#select");//----- sound : bgm (select)
-		anime({targets: "#select_plate",marginTop:["-100%","-10%"], duration: 1000});//------ anime
+  androidConnect ? alert("setBgm#select") : console.log("setBgm#select"); //----- sound : bgm (select)
+  anime({
+   targets: "#select_plate",
+   marginTop: ["-100%", "-10%"],
+   duration: 1000
+  }); //------ anime
 
   menu_top.classList.remove("vanish");
-		anime({targets: "#button_return",opacity:[0,1],easing:"easeOutSine",delay:1200, duration: 500});//------ anime
+  anime({
+   targets: "#button_return",
+   opacity: [0, 1],
+   easing: "easeOutSine",
+   delay: 1200,
+   duration: 500
+  }); //------ anime
  }