学習アプリ初回登録

+# EditorConfig helps developers define and maintain consistent coding styles between different editors and IDEs
+# editorconfig.org
+
+root = true
+
+[*]
+indent_style = space
+indent_size = 2
+
+# We recommend you to keep these unchanged
+end_of_line = lf
+charset = utf-8
+trim_trailing_whitespace = true
+insert_final_newline = true
+
+[*.md]
+trim_trailing_whitespace = false
\ No newline at end of file

+# Specifies intentionally untracked files to ignore when using Git
+# http://git-scm.com/docs/gitignore
+
+*~
+*.sw[mnpcod]
+*.log
+*.tmp
+*.tmp.*
+log.txt
+*.sublime-project
+*.sublime-workspace
+.vscode/
+npm-debug.log*
+
+.idea/
+.sass-cache/
+.tmp/
+.versions/
+coverage/
+dist/
+node_modules/
+tmp/
+temp/
+hooks/
+platforms/
+plugins/
+plugins/android.json
+plugins/ios.json
+www/
+$RECYCLE.BIN/
+
+.DS_Store
+Thumbs.db
+UserInterfaceState.xcuserstate

+<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
+<widget id="jp.co.media_tek.workbook.scienceApp" version="0.0.1" xmlns="http://www.w3.org/ns/widgets" xmlns:cdv="http://cordova.apache.org/ns/1.0">
+  <name>中学校理科問題集</name>
+  <description>An awesome Ionic/Cordova app.</description>
+  <author email="hi@ionicframework" href="http://ionicframework.com/">Ionic Framework Team</author>
+  <content src="index.html"/>
+  <access origin="*"/>
+  <allow-navigation href="http://ionic.local/*"/>
+  <allow-intent href="http://*/*"/>
+  <allow-intent href="https://*/*"/>
+  <allow-intent href="tel:*"/>
+  <allow-intent href="sms:*"/>
+  <allow-intent href="mailto:*"/>
+  <allow-intent href="geo:*"/>
+  <platform name="android">
+    <allow-intent href="market:*"/>
+    <icon src="resources\android\icon\drawable-ldpi-icon.png" density="ldpi"/>
+    <icon src="resources\android\icon\drawable-mdpi-icon.png" density="mdpi"/>
+    <icon src="resources\android\icon\drawable-hdpi-icon.png" density="hdpi"/>
+    <icon src="resources\android\icon\drawable-xhdpi-icon.png" density="xhdpi"/>
+    <icon src="resources\android\icon\drawable-xxhdpi-icon.png" density="xxhdpi"/>
+    <icon src="resources\android\icon\drawable-xxxhdpi-icon.png" density="xxxhdpi"/>
+    <splash src="resources\android\splash\drawable-land-ldpi-screen.png" density="land-ldpi"/>
+    <splash src="resources\android\splash\drawable-land-mdpi-screen.png" density="land-mdpi"/>
+    <splash src="resources\android\splash\drawable-land-hdpi-screen.png" density="land-hdpi"/>
+    <splash src="resources\android\splash\drawable-land-xhdpi-screen.png" density="land-xhdpi"/>
+    <splash src="resources\android\splash\drawable-land-xxhdpi-screen.png" density="land-xxhdpi"/>
+    <splash src="resources\android\splash\drawable-land-xxxhdpi-screen.png" density="land-xxxhdpi"/>
+    <splash src="resources\android\splash\drawable-port-ldpi-screen.png" density="port-ldpi"/>
+    <splash src="resources\android\splash\drawable-port-mdpi-screen.png" density="port-mdpi"/>
+    <splash src="resources\android\splash\drawable-port-hdpi-screen.png" density="port-hdpi"/>
+    <splash src="resources\android\splash\drawable-port-xhdpi-screen.png" density="port-xhdpi"/>
+    <splash src="resources\android\splash\drawable-port-xxhdpi-screen.png" density="port-xxhdpi"/>
+    <splash src="resources\android\splash\drawable-port-xxxhdpi-screen.png" density="port-xxxhdpi"/>
+  </platform>
+  <platform name="ios">
+    <allow-intent href="itms:*"/>
+    <allow-intent href="itms-apps:*"/>
+  </platform>
+  <preference name="webviewbounce" value="false"/>
+  <preference name="UIWebViewBounce" value="false"/>
+  <preference name="DisallowOverscroll" value="true"/>
+  <preference name="android-minSdkVersion" value="16"/>
+  <preference name="BackupWebStorage" value="none"/>
+  <preference name="SplashMaintainAspectRatio" value="true"/>
+  <preference name="FadeSplashScreenDuration" value="300"/>
+  <preference name="SplashShowOnlyFirstTime" value="false"/>
+  <preference name="SplashScreen" value="screen"/>
+  <preference name="SplashScreenDelay" value="3000"/>
+  <feature name="StatusBar">
+    <param name="ios-package" onload="true" value="CDVStatusBar"/>
+  </feature>
+  <plugin name="ionic-plugin-keyboard" spec="~2.2.1"/>
+  <plugin name="cordova-plugin-whitelist" spec="1.3.1"/>
+  <plugin name="cordova-plugin-console" spec="1.0.5"/>
+  <plugin name="cordova-plugin-statusbar" spec="2.2.1"/>
+  <plugin name="cordova-plugin-device" spec="1.1.4"/>
+  <plugin name="cordova-plugin-splashscreen" spec="~4.0.1"/>
+  <plugin name="cordova-sqlite-storage" spec="~2.0.2"/>
+  <icon src="resources\android\icon\drawable-xhdpi-icon.png"/>
+</widget>
\ No newline at end of file

+{
+  "name": "mathApp",
+  "app_id": "",
+  "v2": true,
+  "typescript": true
+}

+{
+  "name": "ionic-hello-world",
+  "author": "Ionic Framework",
+  "homepage": "http://ionicframework.com/",
+  "private": true,
+  "scripts": {
+    "clean": "ionic-app-scripts clean",
+    "build": "ionic-app-scripts build",
+    "ionic:build": "ionic-app-scripts build",
+    "ionic:serve": "ionic-app-scripts serve"
+  },
+  "dependencies": {
+    "@angular/common": "2.2.1",
+    "@angular/compiler": "2.2.1",
+    "@angular/compiler-cli": "2.2.1",
+    "@angular/core": "2.2.1",
+    "@angular/forms": "2.2.1",
+    "@angular/http": "2.2.1",
+    "@angular/platform-browser": "2.2.1",
+    "@angular/platform-browser-dynamic": "2.2.1",
+    "@angular/platform-server": "2.2.1",
+    "@ionic/storage": "^1.1.7",
+    "ionic-angular": "2.1.0",
+    "ionic-native": "2.4.1",
+    "ionicons": "3.0.0",
+    "rxjs": "5.0.0-beta.12",
+    "sw-toolbox": "3.4.0",
+    "zone.js": "0.6.26"
+  },
+  "devDependencies": {
+    "@ionic/app-scripts": "1.1.3",
+    "typescript": "2.0.9"
+  },
+  "cordovaPlugins": [
+    "cordova-plugin-statusbar",
+    "cordova-plugin-console",
+    "cordova-plugin-whitelist",
+    "cordova-plugin-device",
+    "ionic-plugin-keyboard",
+    "cordova-plugin-splashscreen"
+  ],
+  "cordovaPlatforms": [],
+  "description": "mathApp: An Ionic project"
+}

+import { Component } from '@angular/core';
+import { Platform } from 'ionic-angular';
+import { StatusBar, Splashscreen } from 'ionic-native';
+
+import { MenuPage } from '../pages/menu/menu';
+
+
+@Component({
+  templateUrl: 'app.html'
+})
+export class MyApp {
+  rootPage = MenuPage;
+
+  constructor(platform: Platform) {
+    platform.ready().then(() => {
+      // Okay, so the platform is ready and our plugins are available.
+      // Here you can do any higher level native things you might need.
+      StatusBar.styleDefault();
+      Splashscreen.hide();
+    });
+  }
+}

+<ion-nav [root]="rootPage"></ion-nav>

+import { NgModule, ErrorHandler } from '@angular/core';
+import { IonicApp, IonicModule, IonicErrorHandler } from 'ionic-angular';
+import { MyApp } from './app.component';
+import { MenuPage } from '../pages/menu/menu';
+import { UnitPage } from '../pages/unit/unit';
+import { QaPage } from '../pages/qa/qa';
+import { ExtunitPage } from '../pages/extunit/extunit';
+import { ExtqaPage } from '../pages/extqa/extqa';
+import { HelpPage } from '../pages/help/help';
+import { DataService } from '../providers/data-service';
+import { Storage } from '@ionic/storage';
+
+@NgModule({
+  declarations: [
+    MyApp,
+    MenuPage,
+    UnitPage,
+    QaPage,
+    ExtunitPage,
+    ExtqaPage,
+    HelpPage
+  ],
+  imports: [
+    IonicModule.forRoot(MyApp)
+  ],
+  bootstrap: [IonicApp],
+  entryComponents: [
+    MyApp,
+    MenuPage,
+    UnitPage,
+    QaPage,
+    ExtunitPage,
+    ExtqaPage,
+    HelpPage
+  ],
+  providers: [{ provide: ErrorHandler, useClass: IonicErrorHandler }, Storage, DataService]
+})
+export class AppModule {}

+// http://ionicframework.com/docs/v2/theming/
+
+
+// App Global Sass
+// --------------------------------------------------
+// Put style rules here that you want to apply globally. These
+// styles are for the entire app and not just one component.
+// Additionally, this file can be also used as an entry point
+// to import other Sass files to be included in the output CSS.
+//
+// Shared Sass variables, which can be used to adjust Ionic's
+// default Sass variables, belong in "theme/variables.scss".
+//
+// To declare rules for a specific mode, create a child rule
+// for the .md, .ios, or .wp mode classes. The mode class is
+// automatically applied to the <body> element in the app.

+import { platformBrowserDynamic } from '@angular/platform-browser-dynamic';
+
+import { AppModule } from './app.module';
+
+platformBrowserDynamic().bootstrapModule(AppModule);

+/*
+  Declaration files are how the Typescript compiler knows about the type information(or shape) of an object.
+  They're what make intellisense work and make Typescript know all about your code.
+
+  A wildcard module is declared below to allow third party libraries to be used in an app even if they don't
+  provide their own type declarations.
+
+  To learn more about using third party libraries in an Ionic app, check out the docs here:
+  http://ionicframework.com/docs/v2/resources/third-party-libs/
+
+  For more info on type definition files, check out the Typescript docs here:
+  https://www.typescriptlang.org/docs/handbook/declaration-files/introduction.html
+*/
+declare module '*';
\ No newline at end of file

+<!DOCTYPE html>
+<html lang="en" dir="ltr">
+<head>
+  <meta charset="UTF-8">
+  <title>Ionic App</title>
+  <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
+  <meta name="format-detection" content="telephone=no">
+  <meta name="msapplication-tap-highlight" content="no">
+
+  <link rel="icon" type="image/x-icon" href="assets/icon/favicon.ico">
+  <link rel="manifest" href="manifest.json">
+  <meta name="theme-color" content="#4e8ef7">
+  
+  <!-- cordova.js required for cordova apps -->
+  <script src="cordova.js"></script>
+
+  <!-- un-comment this code to enable service worker
+  <script>
+    if ('serviceWorker' in navigator) {
+      navigator.serviceWorker.register('service-worker.js')
+        .then(() => console.log('service worker installed'))
+        .catch(err => console.log('Error', err));
+    }
+  </script>-->
+
+  <link href="build/main.css" rel="stylesheet">
+
+</head>
+<body>
+
+  <!-- Ionic's root component and where the app will load -->
+  <ion-app></ion-app>
+
+  <!-- The polyfills js is generated during the build process -->
+  <script src="build/polyfills.js"></script>
+
+  <!-- The bundle js is generated during the build process -->
+  <script src="build/main.js"></script>
+
+</body>
+</html>

+{
+  "name": "Ionic",
+  "short_name": "Ionic",
+  "start_url": "index.html",
+  "display": "standalone",
+  "icons": [{
+    "src": "assets/imgs/logo.png",
+    "sizes": "512x512",
+    "type": "image/png"
+  }],
+  "background_color": "#4e8ef7",
+  "theme_color": "#4e8ef7"
+}
\ No newline at end of file

+<!--
+  Generated template for the Extqa page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="primary">
+    <ion-title>{{title}}</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding class="extqa-page">
+
+    <ion-card class="question-card">
+        <ion-card-content class="question-content">
+            <p>
+                問題  {{qa1.qaId+1}}　/　全  {{qaList.length}}  問
+            </p>
+            <font size="5" [innerHTML] = "qa1.questionString"></font>
+
+            <img src="assets/img/extq/{{qa1.questionImage}}" *ngIf="qa1.questionImage != ''" />
+
+        </ion-card-content>
+        <br /><br />
+        <p *ngFor="let choice of qa1.choicesId">
+            <button ion-button full color="secondary" (click)="itemSelected(choice)" [outline]="selectstate[choice]" [disabled]="buttonDisabled" large>
+                {{qa1.choicesString[choice]}}
+            </button>
+        </p>
+
+        <ion-buttons end padding class="question-button">
+            <button ion-button icon-left (click)="openAnswer()" [disabled]="buttonDisabled">
+                <ion-icon name="checkmark"></ion-icon>
+                解答
+            </button>
+        </ion-buttons>
+    </ion-card>
+
+    <ion-card *ngIf="buttonDisabled" class="answer-card">
+        <ion-card-content class="answer-content">
+            <ion-item>
+                <ion-thumbnail item-left>
+                    <img src="assets/img/ok.png" *ngIf="result == '正解'">
+                    <img src="assets/img/ng.png" *ngIf="result != '正解'">
+                </ion-thumbnail>
+                <ion-card-title color="{{resultcolor}}">{{result}}</ion-card-title>
+            </ion-item>
+
+            <p><br>解答</p>
+            <font size="5" [innerHTML] = "qa1.answerString"></font>
+            <br /><br />
+            <img src="assets/img/exta/{{qa1.answerImage}}" *ngIf="qa1.answerImage != ''" />
+        </ion-card-content>
+
+        <ion-buttons end padding class="answer-button">
+            <button ion-button *ngIf="index < (qaList.length-1)" color="dark" icon-left (click)="goToNext()">
+                <ion-icon name="arrow-forward"></ion-icon>
+                次の問題
+            </button>
+            <button ion-button *ngIf="index >= (qaList.length-1)" color="dark" icon-left (click)="backToUnit()">
+                <ion-icon name="done-all"></ion-icon>
+                終了
+            </button>
+        </ion-buttons>
+    </ion-card>
+
+</ion-content>

+page-extqa {
+    .extqa-page {
+        background-image: url('../assets/img/extqabackground.png');
+
+        .button-md {
+            text-transform: none;
+        }
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { DataService } from '../../providers/data-service';
+import { Qa } from '../../providers/define-qa';
+import { Content } from 'ionic-angular';
+import { ViewChild } from '@angular/core';
+import { Observable } from 'rxjs/Rx';
+
+/*
+  Generated class for the Extqa page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-extqa',
+  templateUrl: 'extqa.html'
+})
+export class ExtqaPage {
+    @ViewChild(Content) content: Content;
+
+    qaList: Qa[];
+    qa1: Qa;
+    menuId: number;
+    unitId: number;
+    index: number;
+    title: string;
+    buttonDisabled: boolean;
+    ds: DataService;
+    nv: NavController;
+    selected: number;
+    result: string;
+    resultcolor: string;
+    selectstate: Array<boolean> = new Array();
+    subscription;
+    screenHeight:number;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams, private dataSevice: DataService) {
+        this.menuId = navParams.get("menuId");
+        this.unitId = navParams.get("unitId");
+        this.title = navParams.get("title");
+
+        this.index = 0;
+        this.qaList = dataSevice.getExtqa(this.menuId, this.unitId);
+        this.qa1 = this.qaList[this.index];
+        this.buttonDisabled = null;
+        this.ds = dataSevice;
+        this.nv = navCtrl;
+        this.selected = -1;
+        for (var i = 0; i < this.qa1.choicesId.length; i++) {
+            this.selectstate.push(false);
+        }
+  
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad ExtqaPage');
+  }
+
+  itemSelected(id: number) {
+      for (var i = 0; i < this.qa1.choicesId.length; i++) {
+          this.selectstate[i] = false;
+      }
+      this.selectstate[id] = true;
+      this.selected = id;
+  }
+
+  openAnswer() {
+      if (this.buttonDisabled == null)
+      {
+          this.result = "解答";
+          this.resultcolor = "dark";
+
+          if (this.selected === this.qa1.answerId) {  //正解
+              this.result = "正解";
+              this.resultcolor = "danger";
+          }
+          else {
+              this.result = "不正解";
+              this.resultcolor = "primary";
+          }
+
+          this.buttonDisabled = true;
+          if (this.index >= (this.qaList.length - 1))
+          {
+              var key: string;
+              key = this.qa1.menuId + ":" + this.qa1.unitId;
+              this.dataSevice.saveInfo(key);
+          }
+
+          var element = document.getElementsByClassName('question-card');
+          this.screenHeight = element[0].clientHeight;
+          this.subscription = Observable.timer(300)
+              .subscribe(x => {
+                  this.content.scrollToBottom(300);
+              }
+          );
+      }
+  }
+
+  goToNext() {
+      this.index++;
+      this.qa1 = this.qaList[this.index];
+      this.buttonDisabled = null;
+      this.selected = -1;
+      this.selectstate = new Array();
+      for (var i = 0; i < this.qa1.choicesId.length; i++) {
+          this.selectstate.push(false);
+      }
+      this.content.scrollToTop(300);
+  }
+
+  backToUnit() {
+      this.nv.pop();
+  }
+}

+<!--
+  Generated template for the Extunit page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="primary">
+    <ion-title>{{title}}</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding class="extunit-page">
+  <ion-card  *ngFor="let ptn1 of list1; let i = index;" class="extunit-card">
+      <ion-card-header class="unit-card-header">
+        応用{{i+1}}
+      </ion-card-header>
+
+      <ion-list>
+        <ion-item (click)="itemSelected(ptn1)">
+            <ion-icon name='ribbon' item-left [color]="list1state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn1.unitName}}
+            <ion-note item-right *ngIf="list1state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list1state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+  </ion-card>
+
+
+</ion-content>

+page-extunit {
+    .extunit-page {
+        background-image: url('../assets/img/extunitbackground.png');
+
+        .card {
+            background: #505050;
+            .item {
+                background: #505050;
+            }
+        }
+
+        .extunit-card {
+            .unit-card-header {
+                font-weight: bold;
+                color: white
+            }
+
+            .label {
+                color: white
+            }
+        }
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { ExtqaPage } from '../extqa/extqa';
+import { DataService } from '../../providers/data-service';
+import { Unit } from '../../providers/define-unit';
+
+/*
+  Generated class for the Extunit page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-extunit',
+  templateUrl: 'extunit.html'
+})
+export class ExtunitPage {
+    menuId:number;
+    allNum: number;
+    title: string;
+
+    list1: Unit[];
+    list1state: Array<String> = new Array();
+    list1num: number;
+
+    currentItem: Unit;
+
+  constructor(public navCtrl: NavController, public navParams: NavParams,  private dataSevice: DataService) {
+      this.menuId = navParams.get("menuId");
+      this.title = navParams.get("title");
+
+      this.currentItem = null;
+
+      this.list1 = dataSevice.getExtUnit(this.menuId);
+      this.list1num = this.list1.length;
+
+      this.updateStatus();
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad ExtunitPage');
+  }
+
+  ionViewWillEnter() {
+    if(this.currentItem != null)
+    {
+        var key: string;
+        key = this.menuId + ":" + this.currentItem.unitId;
+        this.dataSevice.getInfo(key)
+            .then(data => {
+                this.updateStatus();
+            });
+    }
+  }
+
+  itemSelected(item: Unit) {
+      this.currentItem = item;
+      this.navCtrl.push(ExtqaPage,{menuId: this.menuId, unitId: item.unitId, title:item.unitName});
+  }
+
+  updateStatus()
+  {
+      var promiseArray1 = new Array();
+      for (var i = 0; i < this.list1num; i++) {
+           var key: string;
+           key = this.menuId + ":" + this.list1[i].unitId;
+           promiseArray1.push(this.dataSevice.getInfo(key));
+      }
+
+      Promise.all(promiseArray1)
+      .then(val =>
+      {
+          for(var i = 0; i< this.list1num; i++)
+          {
+              this.list1state[i] = val[i];
+          }
+
+      });
+  }
+}

+<!--
+  Generated template for the Help page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="primary">
+    <ion-title>学習の進め方</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding>
+
+    <ion-slides pager>
+        <ion-slide *ngFor="let slide of slides">
+
+          <img [src]="slide.image" class="slide-image"/>
+          <h2 class="slide-title" [innerHTML]="slide.title"></h2>
+          <p class="slide-description" [innerHTML]="slide.description"></p>
+        </ion-slide>
+
+    </ion-slides>
+
+</ion-content>

+page-help {
+
+     .slide-title {
+        margin-top: 2.8rem;
+     }
+
+    .slide-image {
+        max-height: 50%;
+        max-width: 60%;
+        margin: 18px 0;
+    }
+
+    .slide-description {
+        text-align: left
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+
+/*
+  Generated class for the Help page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-help',
+  templateUrl: 'help.html'
+})
+export class HelpPage {
+
+    slides = [
+      {
+        title: "問題について",
+        description: "問題は正解、不正解に関わらず１問挑戦すると次の１問が開きます。",
+        image: "assets/img/help/help1.png",
+      },
+      {
+        title: "キーワードについて",
+        description: "１問終わるごとに、１文字のキーワードを入手できます。",
+        image: "assets/img/help/help2.png",
+      },
+      {
+        title: "次のステージについて",
+        description: "すべての問題が終わったら、入手したキーワードを並び替えてひとつの単語を作成してください。正しい単語を入力すると、次のステージが入手できます。",
+        image: "assets/img/help/help3.png",
+      }
+    ];
+
+  constructor(public navCtrl: NavController, public navParams: NavParams) {}
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad HelpPage');
+  }
+
+}

+<!--
+  Generated template for the Menu page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="primary">
+    <ion-title>Top</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding class="top-menu-page">
+    <ion-card class="title">
+      <img src="assets/img/menuTitle.png"/>
+      <div class="card-title">中学問題集</div>
+      <div class="card-subtitle">理科</div>
+    </ion-card>
+
+    <button ion-button full large>１・２年生の復習</button>
+
+    <p *ngFor="let item_f of list_f">
+    <button ion-button color="light" block round (click)="itemSelected(item_f)">{{item_f.title}}</button>
+    </p>
+
+    <!--
+    <button ion-button full>２年生</button>
+
+    <p *ngFor="let item_s of list_s">
+    <button ion-button color="light" block round (click)="itemSelected(item_s)">{{item_s.title}}</button>
+    </p>
+
+    <button ion-button full>３年生</button>
+
+    <p *ngFor="let item_t of list_t">
+    <button ion-button color="light" block round (click)="itemSelected(item_t)">{{item_t.title}}</button>
+    </p>
+    -->
+
+</ion-content>

+page-menu {
+    .top-menu-page {
+        background-image: url('../assets/img/background.png');
+        background-size: cover;
+
+        .title{
+            position: relative;
+            text-align: center;
+
+            .card-title {
+                position: absolute;
+                top: 36%;
+                font-size: 2.0em;
+                width: 100%;
+                font-weight: bold;
+                color: #505050;
+            }
+
+           .card-subtitle {
+                font-size: 1.0em;
+                position: absolute;
+                top: 55%;
+                width: 100%;
+                color: #505050;
+           }
+
+        }
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { DataService } from '../../providers/data-service';
+import { Menu } from '../../providers/define-menu';
+import { UnitPage } from '../unit/unit';
+
+/*
+  Generated class for the Menu page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-menu',
+  templateUrl: 'menu.html'
+})
+export class MenuPage {
+  list_f: Menu[];
+  list_s: Menu[];
+  list_t: Menu[];
+
+  constructor(public navCtrl: NavController, private dataSevice: DataService) {
+      this.list_f = dataSevice.getMenuFirst();
+
+      this.list_s = dataSevice.getMenuSecond();
+
+      this.list_t = dataSevice.getMenuThird();
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad MenuPage');
+  }
+
+    itemSelected(item: Menu) {
+        this.navCtrl.push(UnitPage, {menuId: item.menuId, title:item.title});
+    }
+}

+<!--
+  Generated template for the Qa page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+    <ion-navbar color="primary">
+        <ion-title>{{title}}</ion-title>
+    </ion-navbar>
+</ion-header>
+
+<ion-content padding class="qa-page">
+    <ion-card class="question-card">
+        <ion-card-content class="question-content">
+            <p>
+                問題  {{qa1.qaId+1}}　/　全  {{qaList.length}}  問
+            </p>
+            <font size="5" [innerHTML] = "qa1.questionString"></font>
+
+            <img src="assets/img/q/{{qa1.questionImage}}" *ngIf="qa1.questionImage != ''" />
+
+        </ion-card-content>
+        <br /><br />
+        <p *ngFor="let choice of qa1.choicesId">
+            <button ion-button  full color="secondary" (click)="itemSelected(choice)" [outline]="selectstate[choice]" [disabled]="buttonDisabled" large>
+                {{qa1.choicesString[choice]}}
+            </button>
+        </p>
+
+        <ion-buttons end padding class="question-button">
+            <button ion-button icon-left (click)="openAnswer()" [disabled]="buttonDisabled">
+                <ion-icon name="checkmark"></ion-icon>
+                解答
+            </button>
+        </ion-buttons>
+    </ion-card>
+
+    <ion-card *ngIf="buttonDisabled" class="answer-card">
+        <ion-card-content class="answer-content">
+            <ion-item>
+                <ion-thumbnail item-left>
+                    <img src="assets/img/ok.png" *ngIf="result == '正解'">
+                    <img src="assets/img/ng.png" *ngIf="result != '正解'">
+                </ion-thumbnail>
+                <ion-card-title color="{{resultcolor}}">{{result}}</ion-card-title>
+            </ion-item>
+
+            <p><br>解答</p>
+            <font size="5" [innerHTML] = "qa1.answerString"></font>
+            <br /><br />
+            <img src="assets/img/a/{{qa1.answerImage}}" *ngIf="qa1.answerImage != ''" />
+        </ion-card-content>
+
+        <ion-buttons end padding class="answer-button">
+            <button ion-button *ngIf="index < (qaList.length-1)" color="dark" icon-left (click)="goToNext()">
+                <ion-icon name="arrow-forward"></ion-icon>
+                次の問題
+            </button>
+            <button ion-button *ngIf="index >= (qaList.length-1)" color="dark" icon-left (click)="backToUnit()">
+                <ion-icon name="done-all"></ion-icon>
+                終了
+            </button>
+        </ion-buttons>
+    </ion-card>
+</ion-content>

+page-qa {
+    .qa-page {
+        background-image: url('../assets/img/qabackground.png');
+
+        .button-md {
+            text-transform: none;
+        }
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { DataService } from '../../providers/data-service';
+import { Qa } from '../../providers/define-qa';
+import { Content } from 'ionic-angular';
+import { ViewChild } from '@angular/core';
+import { Observable } from 'rxjs/Rx';
+
+/*
+  Generated class for the Qa page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-qa',
+  templateUrl: 'qa.html'
+})
+export class QaPage {
+    @ViewChild(Content) content: Content;
+
+    qaList: Qa[];
+    qa1: Qa;
+    menuId: number;
+    unitId: number;
+    index: number;
+    title:string;
+    buttonDisabled: boolean;
+    ds: DataService;
+    nv: NavController;
+    selected: number;
+    result: string;
+    resultcolor: string;
+    selectstate: Array<boolean> = new Array();
+    subscription;
+    screenHeight:number;
+
+    constructor(public navCtrl: NavController, public navParams: NavParams, private dataSevice: DataService) {
+        this.menuId = navParams.get("menuId");
+        this.unitId = navParams.get("unitId");
+        this.title = navParams.get("title");
+
+        this.index = 0;
+        this.qaList = dataSevice.getQa(this.menuId, this.unitId);
+        this.qa1 = this.qaList[this.index];
+        this.buttonDisabled = null;
+        this.ds = dataSevice;
+        this.nv = navCtrl;
+        this.selected = -1;
+        for (var i = 0; i < this.qa1.choicesId.length; i++) {
+            this.selectstate.push(false);
+        }
+
+    }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad QaPage');
+    }
+
+  itemSelected(id: number) {
+
+      for (var i = 0; i < this.qa1.choicesId.length; i++) {
+          if(this.selectstate[i] == true) {
+              this.selectstate[i] = false;
+          }
+      }
+      this.selectstate[id] = true;
+      this.selected = id;
+  }
+
+  openAnswer() {
+      if (this.buttonDisabled == null)
+      {
+          this.result = "解答";
+          this.resultcolor = "dark";
+
+          if (this.selected === this.qa1.answerId) {  //正解
+              this.result = "正解";
+              this.resultcolor = "danger";
+          }
+          else {
+              this.result = "不正解";
+              this.resultcolor = "primary";
+          }
+
+          this.buttonDisabled = true;
+          if (this.index >= (this.qaList.length - 1))
+          {
+              var key: string;
+              key = this.qa1.menuId + ":" + this.qa1.unitId;
+              this.dataSevice.saveInfo(key);
+          }
+
+          var element = document.getElementsByClassName('question-card');
+          this.screenHeight = element[0].clientHeight;
+          this.subscription = Observable.timer(300)
+              .subscribe(x => {
+                  this.content.scrollTo(0, this.screenHeight, 300);
+              }
+          );
+      }
+  }
+
+  goToNext() {
+      this.index++;
+      this.buttonDisabled = null;
+      this.selected = -1;
+      this.qa1 = this.qaList[this.index];
+      this.selectstate = new Array();
+      for (var i = 0; i < this.qa1.choicesId.length; i++) {
+          this.selectstate.push(false);
+      }
+      this.content.scrollToTop(300);
+
+  }
+
+  backToUnit() {
+      this.nv.pop();
+  }
+}

+<!--
+  Generated template for the Unit page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+-->
+<ion-header>
+
+  <ion-navbar color="primary">
+    <ion-title>{{title}}</ion-title>
+  </ion-navbar>
+
+</ion-header>
+
+
+<ion-content padding class="unit-page">
+
+  <ion-row>
+    <ion-col>
+        <ion-buttons start>
+            <button ion-button icon-left (click) ="gotoHelp()">
+                <ion-icon name="help-circle"></ion-icon>
+                進め方
+            </button>
+        </ion-buttons>
+    </ion-col>
+
+    <ion-col>
+        <ion-buttons end>
+            <button ion-button icon-left (click)="inputKey()" *ngIf="isOpenNext == false">
+                <ion-icon name="lock"></ion-icon>
+                次のステージへ
+            </button>
+            <button ion-button icon-left color="danger" (click)="nextStage()" *ngIf="isOpenNext">
+                <ion-icon name="unlock"></ion-icon>
+                次のステージへ
+            </button>
+        </ion-buttons>
+    </ion-col>
+  </ion-row>
+
+    <ion-card class="unit-card">
+      <ion-card-header class="unit-card-header">
+        学習1
+      </ion-card-header>
+
+      <ion-fab right top>
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword1" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword1 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword1"><b>{{keyword.words[0]}}</b></button>
+          <button ion-fab *ngIf="openkeyword1 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" padding>
+        <ion-item *ngFor="let ptn1 of list1; let i = index;" (click)="itemSelected(ptn1)">
+            <ion-icon name='ribbon' item-left [color]="list1state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn1.unitName}}
+            <ion-note item-right *ngIf="list1state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list1state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card">
+      <ion-card-header class="unit-card-header">
+        学習2
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list2dsp == false"/>
+
+      <ion-fab right top *ngIf="list2dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword2" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword2 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword2"><b>{{keyword.words[1]}}</b></button>
+          <button ion-fab *ngIf="openkeyword2 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list2dsp" padding>
+        <ion-item *ngFor="let ptn2 of list2; let i = index;" (click)="itemSelected(ptn2)">
+            <ion-icon name='ribbon' item-left [color]="list2state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn2.unitName}}
+            <ion-note item-right *ngIf="list2state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list2state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card">
+      <ion-card-header class="unit-card-header">
+        学習3
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list3dsp == false"/>
+
+      <ion-fab right top *ngIf="list3dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword3" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword3 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword3"><b>{{keyword.words[2]}}</b></button>
+          <button ion-fab *ngIf="openkeyword3 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list3dsp" padding>
+        <ion-item *ngFor="let ptn3 of list3; let i = index;" (click)="itemSelected(ptn3)">
+            <ion-icon name='ribbon' item-left [color]="list3state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn3.unitName}}
+            <ion-note item-right *ngIf="list3state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list3state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card">
+      <ion-card-header class="unit-card-header">
+        学習4
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list4dsp == false"/>
+
+      <ion-fab right top *ngIf="list4dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword4" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword4 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword4"><b>{{keyword.words[3]}}</b></button>
+          <button ion-fab *ngIf="openkeyword4 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list4dsp" padding>
+        <ion-item *ngFor="let ptn4 of list4; let i = index;" (click)="itemSelected(ptn4)">
+            <ion-icon name='ribbon' item-left [color]="list4state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn4.unitName}}
+            <ion-note item-right *ngIf="list4state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list4state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card">
+      <ion-card-header class="unit-card-header">
+        学習5
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list5dsp == false"/>
+
+      <ion-fab right top *ngIf="list5dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword5" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword5 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword5"><b>{{keyword.words[4]}}</b></button>
+          <button ion-fab *ngIf="openkeyword5 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list5dsp" padding>
+        <ion-item *ngFor="let ptn5 of list5; let i = index;" (click)="itemSelected(ptn5)">
+            <ion-icon name='ribbon' item-left [color]="list5state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn5.unitName}}
+            <ion-note item-right *ngIf="list5state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list5state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card" *ngIf="isList6exist">
+      <ion-card-header class="unit-card-header">
+        学習6
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list6dsp == false"/>
+
+      <ion-fab right top *ngIf="list6dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword6" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword6 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword6"><b>{{keyword.words[5]}}</b></button>
+          <button ion-fab *ngIf="openkeyword6 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list6dsp" padding>
+        <ion-item *ngFor="let ptn6 of list6; let i = index;" (click)="itemSelected(ptn6)">
+            <ion-icon name='ribbon' item-left [color]="list6state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn6.unitName}}
+            <ion-note item-right *ngIf="list6state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list6state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+    <ion-card class="unit-card" *ngIf="isList7exist">
+      <ion-card-header class="unit-card-header">
+        学習7
+      </ion-card-header>
+
+      <img src="assets/img/unitdisable.png" *ngIf="list7dsp == false"/>
+
+      <ion-fab right top *ngIf="list7dsp">
+        <button ion-fab color="danger" mini>
+          <ion-icon *ngIf="openkeyword7" name="bowtie"></ion-icon>
+          <ion-icon *ngIf="openkeyword7 == false" name="key"></ion-icon>
+        </button>
+        <ion-fab-list side="left">
+          <button ion-fab *ngIf="openkeyword7"><b>{{keyword.words[6]}}</b></button>
+          <button ion-fab *ngIf="openkeyword7 == false"><ion-icon name="help"></ion-icon></button>
+        </ion-fab-list>
+      </ion-fab>
+
+      <ion-list class="unit-list" *ngIf="list7dsp" padding>
+        <ion-item *ngFor="let ptn7 of list7; let i = index;" (click)="itemSelected(ptn7)">
+            <ion-icon name='ribbon' item-left [color]="list7state[i] != done ? 'secondary' : 'light'"></ion-icon>
+            {{ptn7.unitName}}
+            <ion-note item-right *ngIf="list7state[i] != done">クリア！</ion-note>
+            <ion-note item-right *ngIf="list7state[i] == done">未実施</ion-note>
+        </ion-item>
+      </ion-list>
+    </ion-card>
+
+</ion-content>

+page-unit {
+    .unit-page {
+        background-image: url('../assets/img/unitbackground.png');
+
+        .card {
+            background: #076B31;
+            .item {
+                background: #076B31;
+            }
+        }
+        .unit-card{
+            position: relative;
+
+            .unit-card-header {
+                font-weight: bold;
+                color: white
+            }
+
+            .label {
+                color: white
+            }
+
+        }
+
+    }
+}

+import { Component } from '@angular/core';
+import { NavController, NavParams } from 'ionic-angular';
+import { DataService } from '../../providers/data-service';
+import { Unit } from '../../providers/define-unit';
+import { Keyword } from '../../providers/define-keyword';
+import { QaPage } from '../qa/qa';
+import { ExtunitPage } from '../extunit/extunit';
+import { HelpPage } from '../help/help';
+import { AlertController } from 'ionic-angular';
+import { ToastController } from 'ionic-angular';
+
+/*
+  Generated class for the Unit page.
+
+  See http://ionicframework.com/docs/v2/components/#navigation for more info on
+  Ionic pages and navigation.
+*/
+@Component({
+  selector: 'page-unit',
+  templateUrl: 'unit.html'
+})
+export class UnitPage {
+    menuId:number;
+    allNum: number;
+    title:string;
+
+    list1: Unit[];
+    list2: Unit[];
+    list3: Unit[];
+    list4: Unit[];
+    list5: Unit[];
+    list6: Unit[];
+    list7: Unit[];
+
+    list2dsp: boolean;
+    list3dsp: boolean;
+    list4dsp: boolean;
+    list5dsp: boolean;
+    list6dsp: boolean;
+    list7dsp: boolean;
+    isList6exist: boolean;
+    isList7exist: boolean;
+
+    list1state: Array<String> = new Array();
+    list2state: Array<String> = new Array();
+    list3state: Array<String> = new Array();
+    list4state: Array<String> = new Array();
+    list5state: Array<String> = new Array();
+    list6state: Array<String> = new Array();
+    list7state: Array<String> = new Array();
+
+    list1num: number;
+    list2num: number;
+    list3num: number;
+    list4num: number;
+    list5num: number;
+    list6num: number;
+    list7num: number;
+
+    keyword: Keyword;
+    openkeyword1: boolean;
+    openkeyword2: boolean;
+    openkeyword3: boolean;
+    openkeyword4: boolean;
+    openkeyword5: boolean;
+    openkeyword6: boolean;
+    openkeyword7: boolean;
+
+    isOpenNext:boolean;
+
+    currentItem: Unit;
+
+    stageStateKey: string;
+
+    constructor(public navCtrl: NavController, private navParams: NavParams, 
+        public alertCtrl: AlertController, public toastCtrl: ToastController, private dataSevice: DataService) {
+
+        this.menuId = navParams.get("menuId");
+        this.title = navParams.get("title");
+        this.stageStateKey = "stageState" + this.menuId;
+
+        this.currentItem = null;
+
+        this.list2dsp = false;
+        this.list3dsp = false;
+        this.list4dsp = false;
+        this.list5dsp = false;
+        this.list6dsp = false;
+        this.list7dsp = false;
+
+        this.keyword = dataSevice.getKeyword(this.menuId);
+        this.openkeyword1 = false;
+        this.openkeyword2 = false;
+        this.openkeyword3 = false;
+        this.openkeyword4 = false;
+        this.openkeyword5 = false;
+        this.openkeyword6 = false;
+        this.openkeyword7 = false;
+
+        this.isOpenNext = false;
+        this.dataSevice.getInfo(this.stageStateKey)
+            .then(val =>
+            {
+                if(val == "done")
+                {
+                    this.isOpenNext = true;
+                }else {
+                    this.isOpenNext = false;
+                }
+            });
+
+        this.allNum = dataSevice.getUnitNum(this.menuId);
+
+        this.isList6exist = true;
+        this.isList7exist = true;
+        if(this.allNum < 6)
+        {
+            this.isList6exist = false;
+            this.isList7exist = false;
+        }
+        else if(this.allNum < 7)
+        {
+            this.isList7exist = false;
+        }
+
+        var cnt=0;
+        this.list1 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+        this.list2 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+        this.list3 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+        this.list4 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+        this.list5 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+
+        this.list1num = this.list1.length;
+        this.list2num = this.list2.length;
+        this.list3num = this.list3.length;
+        this.list4num = this.list4.length;
+        this.list5num = this.list5.length;
+
+        this.updateStatus(1);
+        this.updateStatus(2);
+        this.updateStatus(3);
+        this.updateStatus(4);
+        this.updateStatus(5);
+
+
+        if(this.isList6exist)
+        {
+            this.list6 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+
+            this.list6num = this.list6.length;
+
+            this.updateStatus(6);
+        }
+
+        if(this.isList7exist)
+        {
+            this.list7 = dataSevice.getUnit(this.menuId,cnt); cnt++;
+
+            this.list7num = this.list7.length;
+
+            this.updateStatus(7);
+        }
+
+    }
+
+  ionViewWillEnter() {
+    if(this.currentItem != null)
+    {
+        var key: string;
+        key = this.menuId + ":" + this.currentItem.unitId;
+        this.dataSevice.getInfo(key)
+            .then(data => {
+                this.updateStatus(this.currentItem.unitId + 1);
+            });
+    }
+  }
+
+  ionViewDidLoad() {
+    console.log('ionViewDidLoad UnitPage');
+  }
+
+  itemSelected(item: Unit) {
+      this.currentItem = item;
+      this.navCtrl.push(QaPage,{menuId: this.menuId, unitId: item.unitId, title: item.unitName});
+  }
+
+  inputKey() {
+      var isAllClear = false;
+      if(this.isList7exist)
+      {
+          if(this.openkeyword7)
+          {
+              isAllClear = true;
+          }
+      }
+      else if(this.isList6exist)
+      {
+          if(this.openkeyword6)
+          {
+              isAllClear = true;
+          }
+      }
+      else
+      {
+          if(this.openkeyword5)
+          {
+              isAllClear = true;
+          }
+      }
+
+      if(!isAllClear)
+      {
+          let alert = this.alertCtrl.create({
+          title: '次のステージへ',
+          subTitle: 'すべての問題に挑戦すると、新しいステージを入手できます',
+          buttons: ['OK']
+          });
+          alert.present();
+          return;
+      }
+
+      let prompt = this.alertCtrl.create({
+      title: '次のステージへ',
+      message: "各単元で入手した文字を並び替え、キーワードをひらがなで入力してください",
+      inputs: [
+        {
+          name: 'keyword',
+          placeholder: 'キーワード'
+        },
+      ],
+      buttons: [
+        {
+          text: 'Cancel',
+          handler: data => {
+          }
+        },
+        {
+          text: 'OK',
+          handler: data => {
+              var msg = "キーワードが違います";
+              if(data.keyword == this.keyword.answer)
+              {
+                  msg = "次のステージを獲得しました！"
+                  this.isOpenNext = true;
+                  this.dataSevice.saveInfo(this.stageStateKey);
+              }
+
+              const toast = this.toastCtrl.create({
+                message: msg,
+                position: 'middle',
+                duration: 2000
+              });
+
+              toast.present();
+          }
+        }
+      ]
+    });
+    prompt.present();
+
+  }
+
+  updateStatus(num: number)
+  {
+      switch(num)
+      {
+          case 1:
+            var promiseArray1 = new Array();
+            for (var i = 0; i < this.list1num; i++) {
+                var key: string;
+                key = this.menuId + ":" + this.list1[i].unitId;
+                promiseArray1.push(this.dataSevice.getInfo(key));
+            }
+
+            Promise.all(promiseArray1)
+            .then(val =>
+            {
+                var alldone = true;
+                for(var i = 0; i< this.list1num; i++)
+                {
+                    this.list1state[i] = val[i];
+                    if(val[i] == null)
+                    {
+                        alldone = false;
+                    }
+                }
+
+                if(alldone)
+                {
+                    this.openkeyword1 = true;
+                    this.list2dsp = true;
+                }
+            });
+            break;
+          case 2:
+        var promiseArray2 = new Array();
+        for (var i = 0; i < this.list2num; i++) {
+            var key: string;
+            key = this.menuId + ":" + this.list2[i].unitId;
+            promiseArray2.push(this.dataSevice.getInfo(key));
+        }
+
+        Promise.all(promiseArray2)
+        .then(val =>
+        {
+            var alldone = true;
+            for(var i = 0; i< this.list2num; i++)
+            {
+                this.list2state[i] = val[i];
+                if(val[i] == null)
+                {
+                    alldone = false;
+                }
+            }
+
+            if(alldone)
+            {
+                this.openkeyword2 = true;
+                this.list3dsp = true;
+            }
+        });
+
+              break;
+          case 3:
+        var promiseArray3 = new Array();
+        for (var i = 0; i < this.list3num; i++) {
+            var key: string;
+            key = this.menuId + ":" + this.list3[i].unitId;
+            promiseArray3.push(this.dataSevice.getInfo(key));
+        }
+
+        Promise.all(promiseArray3)
+        .then(val =>
+        {
+            var alldone = true;
+            for(var i = 0; i< this.list3num; i++)
+            {
+                this.list3state[i] = val[i];
+                if(val[i] == null)
+                {
+                    alldone = false;
+                }
+            }
+
+            if(alldone)
+            {
+                this.openkeyword3 = true;
+                this.list4dsp = true;
+            }
+        });
+
+              break;
+          case 4:
+        var promiseArray4 = new Array();
+        for (var i = 0; i < this.list4num; i++) {
+            var key: string;
+            key = this.menuId + ":" + this.list4[i].unitId;
+            promiseArray4.push(this.dataSevice.getInfo(key));
+        }
+
+        Promise.all(promiseArray4)
+        .then(val =>
+        {
+            var alldone = true;
+            for(var i = 0; i< this.list4num; i++)
+            {
+                this.list4state[i] = val[i];
+                if(val[i] == null)
+                {
+                    alldone = false;
+                }
+            }
+
+            if(alldone)
+            {
+                this.openkeyword4 = true;
+                this.list5dsp = true;
+            }
+        });
+              break;
+          case 5:
+
+        var promiseArray5 = new Array();
+        for (var i = 0; i < this.list5num; i++) {
+            var key: string;
+            key = this.menuId + ":" + this.list5[i].unitId;
+            promiseArray5.push(this.dataSevice.getInfo(key));
+        }
+
+        Promise.all(promiseArray5)
+        .then(val =>
+        {
+            var alldone = true;
+            for(var i = 0; i< this.list5num; i++)
+            {
+                this.list5state[i] = val[i];
+                if(val[i] == null)
+                {
+                    alldone = false;
+                }
+            }
+
+            if(alldone)
+            {
+                this.openkeyword5 = true;
+                this.list6dsp = true;
+            }
+        });
+              break;
+          case 6:
+            var promiseArray6 = new Array();
+            for (var i = 0; i < this.list6num; i++) {
+                var key: string;
+                key = this.menuId + ":" + this.list6[i].unitId;
+                promiseArray6.push(this.dataSevice.getInfo(key));
+            }
+
+            Promise.all(promiseArray6)
+            .then(val =>
+            {
+                var alldone = true;
+                for(var i = 0; i< this.list6num; i++)
+                {
+                    this.list6state[i] = val[i];
+                    if(val[i] == null)
+                    {
+                        alldone = false;
+                    }
+                }
+
+                if(alldone)
+                {
+                    this.openkeyword6 = true;
+                    this.list7dsp = true;
+                }
+            });
+              break;
+          case 7:
+            var promiseArray7 = new Array();
+            for (var i = 0; i < this.list7num; i++) {
+                var key: string;
+                key = this.menuId + ":" + this.list7[i].unitId;
+                promiseArray7.push(this.dataSevice.getInfo(key));
+            }
+
+            Promise.all(promiseArray7)
+            .then(val =>
+            {
+                var alldone = true;
+                for(var i = 0; i< this.list7num; i++)
+                {
+                    this.list7state[i] = val[i];
+                    if(val[i] == null)
+                    {
+                        alldone = false;
+                    }
+                }
+
+                if(alldone)
+                {
+                    this.openkeyword7 = true;
+                }
+            });
+              break;
+          default:
+              break;
+      }
+  }
+
+  nextStage() {
+      this.navCtrl.push(ExtunitPage, {menuId: this.menuId, title: this.title});
+  }
+
+  gotoHelp(){
+      this.navCtrl.push(HelpPage);
+  }
+
+}

+import { Injectable } from '@angular/core';
+import { Qa } from './define-qa';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsExtqa {
+    extqa :Qa[];
+
+    constructor() {
+        this.extqa = this.createExtqa();
+    }
+
+  private createExtqa(): Qa[] {
+    var qa = [{
+        menuId: 0,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図で、∠ P と ∠ Q の大きさは｛　？　｝、また、このようになる法則を｛　？　｝という',
+        questionImage: 'q0010000.png',
+        choicesId: [0,1,2,3],
+        choicesString: [ '∠ P ＜ ∠ Q、反射の法則','∠ P ＝ ∠ Q、反射の法則','∠ P ＞ ∠ Q、全反射' , '∠ P ＝ ∠ Q、全反射'],
+        answerId: 1,
+        answerString: '∠ P ＝ ∠ Q、反射の法則',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 100,
+        qaId: 1,
+        questionString: '図で、光は水中を｛　？　｝のように進む、また、このような光の性質を、光の｛　？　｝という',
+        questionImage: 'q0010001.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア、屈折', 'イ、屈折', 'ウ、反射', 'イ、反射'],
+        answerId: 0,
+        answerString: 'ア、屈折',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 101,
+        qaId: 0,
+        questionString: '鏡にうつって見える小球 P の像は、実像か、それとも虚像か',
+        questionImage: 'q0010100.png',
+        choicesId: [0, 1],
+        choicesString: ['実像', '虚像'],
+        answerId: 1,
+        answerString: '虚像',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 102,
+        qaId: 0,
+        questionString: '物体をさらにレンズに近づけて、F とレンズの間に置いたとき、できる像は何という像か',
+        questionImage: 'q0010200.png',
+        choicesId: [0, 1],
+        choicesString: ['実像', '虚像'],
+        answerId: 1,
+        answerString: '虚像',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 103,
+        qaId: 0,
+        questionString: '図のモノコードの弦をはじいたときの音を、オシロスコープで調べると、波形は A のようになった。'
+                       +'<br />弦をはじく強さは変えないで、R を Pに近づけてはじいたときの波形はどのようになるか。',
+        questionImage: 'q0010300.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['①', '②', '③'],
+        answerId: 1,
+        answerString: '②',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 103,
+        qaId: 1,
+        questionString: '花火が打ち上げられてから 5 秒後にドーンという音が聞こえた。音の速さを 340 m/秒 とすると、花火を打ち上げたところまでの距離は何 m か',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1700', '680', '1600', '1520'],
+        answerId: 0,
+        answerString: '1700',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 104,
+        qaId: 0,
+        questionString: '図のように、天井から糸で　200g の球がつり下がっている。球にはたらく重力の大きさはいくらか。ただし、100g の物体にはたらく重力の大きさを 1N とする',
+        questionImage: 'q0010400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1N', '2N', '3N', '4N'],
+        answerId: 1,
+        answerString: '2N',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 105,
+        qaId: 0,
+        questionString: '質量 180g の木片の、面積が 45㎠ の面を下にして机に置いた。木片が机の面におよぼす圧力は何パスカルか',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['180 Pa', '4 Pa', '400 Pa', '8.1 Pa'],
+        answerId: 2,
+        answerString: '400 Pa <br />1 Pa ＝ 1N/㎡ で、質量 180g の木片にはたらく重力の大きさは 1.8N 、45㎠ ＝ 0.0045㎡ なので、求める圧力は、1.8 ÷ 0.0045 ＝ 400[Pa]',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 105,
+        qaId: 1,
+        questionString: '質量 180g 、体積360㎠ の木片やばねばかり、水などを用意し、実験を行った。'
+                       +'<br />図の A のように、木片に質量 300g のおもりをつけ、図の B のようにおもりだけを水中にいれたところ、ばねばかりの目もりは 4.3 N を示した。このときの浮力の大きさはいくらか',
+        questionImage: 'q0010501.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['3 N', '1.5 N', '2 N', '0.5 N'],
+        answerId: 3,
+        answerString: '0.5 N<br />空気中での木片とおもりの重さの合計は、1.8 ＋ 3.0 ＝ 4.8[N] したがって、Bでの浮力の大きさは、4.8 － 4.3 ＝ 0.5[N]',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図のように、砂糖、木片、食塩、プラスチック片、金属片をそれぞれ燃焼さじにのせて加熱し、石灰水を入れた集気びんの中で燃えるものはすべて燃やした。'
+                         +'<br />その後、物質をとり出して集気びんをふると、砂糖、木片、プラスチック片の場合は石灰水が白くにごり、食塩、金属片は変化しなかった。'
+                         +'<br />石灰水が白くにごったことから、燃えて何が発生したとわかるか',
+        questionImage: 'q0110000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸素', '水素', '二酸化炭素', 'アンモニア'],
+        answerId: 2,
+        answerString: '二酸化炭素',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 100,
+        qaId: 1,
+        questionString: 'プラスチックについて正しいものを選べ',
+        questionImage: 'q0110001.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['①', '②', '①、②', '②、③'],
+        answerId: 2,
+        answerString: '①、②',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 100,
+        qaId: 2,
+        questionString: '金属をみがくと光を受けて輝く性質がある。この性質を何というか',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['金属光沢', '輝度', '屈折', '反射'],
+        answerId: 0,
+        answerString: '金属光沢',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 101,
+        qaId: 0,
+        questionString: '個体の氷が液体の水や気体の水蒸気にすがたを変えることを何というか',
+        questionImage: 'q0110100.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['沸点', '状態変化', '融解'],
+        answerId: 1,
+        answerString: '状態変化',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 101,
+        qaId: 1,
+        questionString: '次のア～エから増加しているものを選べ',
+        questionImage: 'q0110101.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア', 'イ', 'ウ', 'エ'],
+        answerId: 3,
+        answerString: 'エ',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 101,
+        qaId: 2,
+        questionString: '物質が個体・液体・気体とすがたを変えたとき、その物質が持っている性質は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['変化する', '変わらない'],
+        answerId: 1,
+        answerString: '変わらない',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図の X の物質名と、気体の捕集法の名前を答えよ',
+        questionImage: 'q0110200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['硫酸、水上置換', '塩酸、水上置換', '塩酸、上方置換', '硫酸、下方置換'],
+        answerId: 1,
+        answerString: '塩酸、水上置換',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 102,
+        qaId: 1,
+        questionString: '図で発生する Y の気体名と、気体の捕集法の名前を答えよ',
+        questionImage: 'q0110201.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['二酸化炭素、下方置換', '酸素、下方置換', '二酸化炭素、上方置換', '水素、上方置換'],
+        answerId: 0,
+        answerString: '二酸化炭素、下方置換',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 103,
+        qaId: 0,
+        questionString: '水とエタノールの混合物を図のような装置で加熱した。図２のグラフのアのとき、図１の A にたまる液体に多くふくまれる物質は何か',
+        questionImage: 'q0110300.png',
+        choicesId: [0, 1],
+        choicesString: ['水', 'エタノール'],
+        answerId: 1,
+        answerString: 'エタノール',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 104,
+        qaId: 0,
+        questionString: '図は、100g の水にとける物質の質量と温度の関係を示したものである。今、70℃ の水 100g に硝酸カリウムをとけるだけとかして水溶液をつくった。'
+                       +'<br />この硝酸カリウム水溶液を 50℃ まで冷やすと、とけきれなくなって結晶として出てくるのは約何g か',
+        questionImage: 'q0110400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['20', '40', '60', '80'],
+        answerId: 2,
+        answerString: '60',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 105,
+        qaId: 0,
+        questionString: '水に食塩を完全にとかして食塩水をつくった。A の食塩水にさらに 60g の水を加えると、食塩水の濃度は何%になるか',
+        questionImage: 'q0110500.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['25 %', '12.5 %', '17.5 %', '8.5 %'],
+        answerId: 1,
+        answerString: '12.5 %',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 105,
+        qaId: 1,
+        questionString: '水に食塩を完全にとかして食塩水をつくった。B の食塩水の濃度は何%か。小数第１位を四捨五入して求めよ',
+        questionImage: 'q0110501.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['14 %', '16 %', '12 %', '17 %'],
+        answerId: 3,
+        answerString: '17 %',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図のように乾電池、スイッチ、豆電球、電流計をつないだ回路がある。スイッチを入れたところ、電流計の針は図３のようにさし示した。'
+                       +'<br />このとき、回路に流れた電流の強さは何 A か。ただし、－端子は 5A につないであるものとする',
+        questionImage: 'q0210000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['40 A', '35 A', '3.5 A', '2 A'],
+        answerId: 2,
+        answerString: '3.5 A',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 101,
+        qaId: 0,
+        questionString: '図のような回路がある。スイッチを入れたとき、電熱線 a には 3A の電流が流れ、電熱線 b の両端には 6V の電圧が加わった。'
+                       +'<br />電熱線 b に流れる電流の強さは｛　？　｝、電熱線 a に加わる電圧の大きさは｛　？　｝',
+        questionImage: 'q0210100.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['3 A、3 V', '9 A、6 V', '3 A、6 V', '3 A、9 V'],
+        answerId: 0,
+        answerString: '3 A、3 V',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図のような回路がある。スイッチを入れたとき、電熱線 a に 2A の電流が流れ、回路の P 点 には 5 A の電流が流れた。'
+                        +'<br />電熱線a と電熱線b の抵抗の大きさは、それぞれ何Ωか',
+        questionImage: 'q0210200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['電熱線a：8Ω、電熱線b：4Ω', '電熱線a：6Ω、電熱線b：4Ω', '電熱線a：4Ω、電熱線b：6Ω', '電熱線a：4Ω、電熱線b：8Ω'],
+        answerId: 1,
+        answerString: '電熱線a：6Ω、電熱線b：4Ω',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 103,
+        qaId: 0,
+        questionString: '２本の電熱線 P , Q について、加えた電圧の大きさと流れた電流の強さの関係を調べたら、グラフのようになった。'
+                       +'<br />電熱線 P , Q の抵抗の大きさはそれぞれ何Ωか',
+        questionImage: 'q0210300.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['電熱線P：20Ω、電熱線Q：40Ω', '電熱線P：40Ω、電熱線Q：40Ω', '電熱線P：20Ω、電熱線Q：80Ω', '電熱線P：60Ω、電熱線Q：40Ω'],
+        answerId: 0,
+        answerString: '電熱線P：20Ω、電熱線Q：40Ω',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 104,
+        qaId: 0,
+        questionString: '図のように、200gの水の中に電熱線を入れて、回路に 5 V の電圧を加えると、電流計は 1.2 A を示した。5 分間に電熱線から出た熱量はいくらか',
+        questionImage: 'q0210400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1200 J', '1800 J', '30 J', '300 J'],
+        answerId: 1,
+        answerString: '1800 J',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 105,
+        qaId: 0,
+        questionString: '図１のように、プラスチックのストロー２本をまとめてティッシュペーパーでこすった。'
+                       +'<br />次に、図２のように、ストローの１本を糸でつるし、その右端に手前からもう１本のストローやティッシュペーパーを近づけたとき、' 
+                       +'つるしたストローが離れるように動くのは、ストローとティッシュペーパーのどちらを近づけたときか',
+        questionImage: 'q0210500.png',
+        choicesId: [0, 1],
+        choicesString: ['ストロー', 'ティッシュペーパー'],
+        answerId: 0,
+        answerString: 'ストロー',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 105,
+        qaId: 1,
+        questionString: '図のような放電管のア、イの電極に、高電圧をかけたところ、回転車が図の矢印のように回転した。＋極はア、イのどちらか',
+        questionImage: 'q0210501.png',
+        choicesId: [0, 1],
+        choicesString: ['ア', 'イ'],
+        answerId: 1,
+        answerString: 'イ',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図は、棒磁石とそのまわりにできる磁界のようすを磁力線で示したものである。ただし磁界の向きは示していない。'
+                       +'<br />A の位置に磁針を置くとどのようになるか。ア～エから１つ選べ',
+        questionImage: 'q0310000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア', 'イ', 'ウ', 'エ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 100,
+        qaId: 1,
+        questionString: '２本の棒磁石の磁極を図の A、B のように、近づけて置いた。磁極の間に引き合う力がはたらいているのはどちらか',
+        questionImage: 'q0310001.png',
+        choicesId: [0, 1],
+        choicesString: ['A', 'B'],
+        answerId: 0,
+        answerString: 'A',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 101,
+        qaId: 0,
+        questionString: '図は、棒磁石とそのまわりにできる磁界のようすを磁力線で示したものである。ただし磁界の向きは示していない。'
+                       +'<br />A の位置に磁針を置くとどのようになるか。ア～エから１つ選べ',
+        questionImage: 'q0310000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア', 'イ', 'ウ', 'エ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図は、コイルに電流を流して、まわりにできる磁界のようすを調べようとしたものである。コイルの内側と外側では、磁界の向きは同じか、逆か',
+        questionImage: 'q0310200.png',
+        choicesId: [0, 1],
+        choicesString: ['同じ', '逆'],
+        answerId: 1,
+        answerString: '逆',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 103,
+        qaId: 0,
+        questionString: '図のような装置で、スイッチを入れて導線に電流を流した。'
+                       +'<br />このとき、磁石の N 極と S 極の間にある導線は、ア～エのどの向きにふれるか',
+        questionImage: 'q0310300.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア', 'イ', 'ウ', 'エ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 104,
+        qaId: 0,
+        questionString: '図のように、コイルに棒磁石の N 極をさしこんだら、検流計の針が－極側にふれた。'
+                       +'<br />棒磁石のN極をコイルに差し込んだままにして止めたとき、検流計の針は＋極側と－極側のどちら側にふれるか。それとも、針はふれないか',
+        questionImage: 'q0310400.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['＋極側', '－極側', 'ふれない'],
+        answerId: 2,
+        answerString: 'ふれない',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 105,
+        qaId: 0,
+        questionString: 'オシロスコープで電流の表示が波形となるのは、直流、交流のどちらか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 1,
+        answerString: '交流',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 105,
+        qaId: 1,
+        questionString: '発光ダイオードを用いて回路をつくり、点灯させ、暗い部屋で左右に振ったとき、図のように点線状に見えた。このとき用いた電流は、直流、交流のどちらか',
+        questionImage: 'q0310501.png',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 1,
+        answerString: '交流',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 105,
+        qaId: 2,
+        questionString: '変圧器を用いて簡単に電圧を変えることができる電流は、直流、交流のどちらか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 1,
+        answerString: '交流',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図のような装置で、炭酸水素ナトリウムを加熱した。試験管 B の石灰水はどのような変化をするか。また、試験管 A に白色の固体が残るが、この物質は何か',
+        questionImage: 'q0410000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['白くにごる、炭酸ナトリウム', '白くにごる、塩化ナトリウム', '変化しない、炭素', '変化しない、炭酸ナトリウム'],
+        answerId: 0,
+        answerString: '白くにごる、炭酸ナトリウム',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 101,
+        qaId: 0,
+        questionString: '図のような装置で、酸化銀を加熱した。実験後、試験管 A に残る物質は何か。また、試験管 B に集まる気体は何か',
+        questionImage: 'q0410100.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['銀、二酸化炭素', '炭素、酸素', '銀、酸素', '炭素、酸素'],
+        answerId: 2,
+        answerString: '銀、酸素',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図のような装置で、水に少量の水酸化ナトリウムを加えて、電流を流したところ、A、B の気体が集まった。集まった気体 A、B はそれぞれ何か',
+        questionImage: 'q0410200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸素、二酸化炭素', '酸素、水素', '二酸化炭素、水素', '水素、酸素'],
+        answerId: 3,
+        answerString: '水素、酸素',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 103,
+        qaId: 0,
+        questionString: '原子の性質について述べた３つの文で、誤っているものはどれか',
+        questionImage: 'q0410300.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['ア', 'イ', 'ウ'],
+        answerId: 1,
+        answerString: 'イ',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 103,
+        qaId: 1,
+        questionString: '次の原子を、それぞれ原子の記号で表せ。'
+                       +'<br />塩素｛　？　｝　硫黄｛　？　｝　銅｛　？　｝　銀｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['C、I、Cu、Ag', 'Cl、Ag、Cu、S', 'Cl、S、Cu、Ag', 'Cu、S、Cl、Au'],
+        answerId: 2,
+        answerString: 'Cl、S、Cu、Ag',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 104,
+        qaId: 0,
+        questionString: '鉄と硫黄の粉末をよく混ぜ合わせ、アルミニウムはくで包んだものを２つ用意した。図のように A は一端を加熱し、反応が始まったら砂を入れた皿の上に置いた。B はそのままにした。'
+                       +'<br />A、B のアルミニウムはくの中の物質をそれぞれ一部とって試験管に入れ、うすい塩酸を加えたとき、卵のくさったようなにおいがするのは A、B のどちらか',
+        questionImage: 'q0410400.png',
+        choicesId: [0, 1],
+        choicesString: ['A', 'B'],
+        answerId: 0,
+        answerString: 'A',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 105,
+        qaId: 0,
+        questionString: '次の化学変化を化学反応式で書け。'
+                       +'<br />鉄と硫黄を混ぜて加熱したときの変化',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['Fe ＋ S → FeS', 'Cu ＋ S → CuS', '2Fe ＋ S → 2FeS', 'Fe ＋ 2S → FeS₂'],
+        answerId: 0,
+        answerString: 'Fe ＋ S → FeS',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 105,
+        qaId: 1,
+        questionString: '次の化学変化を化学反応式で書け。'
+                       +'<br />炭酸水素ナトリウムを加熱したときの変化',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['NaHCO₃ → Na₂CO₃ ＋ CO₂ + H₂O', '2NaHCO₃ → Na₂CO₃ ＋ CO₂ + 2H₂O', '2NaHCO₃ → Na₂CO₃ ＋ CO₂ + H₂O', 'NaHCO₃ → Na₂CO₃ ＋ 2CO₂ + H₂O'],
+        answerId: 2,
+        answerString: '2NaHCO₃ → Na₂CO₃ ＋ CO₂ + H₂O',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図のように銅の粉末 0.8g をステンレスの皿に入れて加熱し、冷えてから質量を測定した。これを何回かくり返したところ，図2のようなグラフになった。銅の粉末 0.8g と化合した酸素の質量は 何g か',
+        questionImage: 'q0510000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['3.0 g', '0.3 g', '1.0 g', '0.2 g'],
+        answerId: 3,
+        answerString: '0.2 g',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 101,
+        qaId: 0,
+        questionString: '図のように酸化銅の粉末と木炭の粉末を混ぜて加熱した。この実験について次のように表すとき、①、②にあてはまる物質名は何か'
+                       +'<br />（　①　） ＋ 炭素 → （　②　） ＋ 二酸化炭素',
+        questionImage: 'q0510100.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['①銅、②酸化銅', '①酸化銅、②銅', '①鉄、②銅', '①鉄、②酸化鉄'],
+        answerId: 1,
+        answerString: '①酸化銅、②銅',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図の実験 A ～ C を行い、反応の前後で全体の質量を測定した。化学変化の前後で質量が増えるのは｛　？　｝、化学変化の前後で質量が変わらないのは｛　？　｝',
+        questionImage: 'q0510200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['A、B', 'B、A', 'A、C', 'B、C'],
+        answerId: 3,
+        answerString: 'B、C',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 103,
+        qaId: 0,
+        questionString: '銅の粉末とマグネシウムの粉末をそれぞれ質量を変えてはかりとり、ステンレスの皿にのせて加熱した。よく冷えてから質量をはかり，また加熱した。これをくり返し，金属の質量とできる酸化物の質量の関係を調べたら，図のグラフを得た。'
+                       +'<br />酸素 1g と化合する、銅とマグネシウムの質量はそれぞれ何g か',
+        questionImage: 'q0510300.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['銅：4.0 g、マグネシウム：1.5 g', '銅：3.5 g、マグネシウム：1.0 g', '銅：4.0 g、マグネシウム：2.0 g', '銅：5.0 g、マグネシウム：1.5 g'],
+        answerId: 0,
+        answerString: '銅：4.0 g、マグネシウム：1.5 g',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 104,
+        qaId: 0,
+        questionString: 'うすい塩酸 20 c㎥ を入れた三角フラスコに、0.2 g の亜鉛を入れて、発生した気体を集め、その体積をはかった｡亜鉛の質量を 0.4 g、0.6 g、0.8 g、1.0 g、1.2 g にして、それぞれ同様の実験を行ったところ、図のようなグラフを得た。'
+                       +'<br />この実験で用いたうすい塩酸 10 c㎥ に 0.6g の亜鉛を加えたとき、発生する気体の体積は何c㎥か',
+        questionImage: 'q0510400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['100 c㎥', '150 c㎥', '250 c㎥', '300 c㎥'],
+        answerId: 1,
+        answerString: '150 c㎥',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 105,
+        qaId: 0,
+        questionString: 'ア～ウのうち、発熱反応は｛　？　｝、吸熱反応は｛　？　｝',
+        questionImage: 'q0510500.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['発熱反応：ア、吸熱反応：イ・ウ', '発熱反応：ウ、吸熱反応：イ', '発熱反応：ア、吸熱反応：ウ', '発熱反応：ア・ウ、吸熱反応：イ'],
+        answerId: 3,
+        answerString: '発熱反応：ア・ウ、吸熱反応：イ',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 100,
+        qaId: 0,
+        questionString: 'タンポポの花をルーペで観察するとき、動かすのはタンポポの花とルーペのどちらか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['タンポポの花', 'ルーペ'],
+        answerId: 0,
+        answerString: 'タンポポの花',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 100,
+        qaId: 1,
+        questionString: 'タンポポの花で、めしべと子房はどれか。それぞれア～オから選べ',
+        questionImage: 'q0610001.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['めしべ：ア、子房：イ', 'めしべ：イ、子房：エ', 'めしべ：ア、子房：オ', 'めしべ：イ、子房：オ'],
+        answerId: 3,
+        answerString: 'めしべ：イ、子房：オ',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 101,
+        qaId: 0,
+        questionString: '図の A～E から、植物の特徴をもつ生物をすべて選べ',
+        questionImage: 'q0610100.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['B、D、E', 'B、E', 'A、D、E', 'B、D'],
+        answerId: 0,
+        answerString: 'B、D、E',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 101,
+        qaId: 1,
+        questionString: 'アには 10×、イには 40 と示されていた。このときの顕微鏡の倍率はいくらか',
+        questionImage: 'q0610101.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['100 倍', '400 倍', '40 倍', '10 倍'],
+        answerId: 1,
+        answerString: '400 倍',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 101,
+        qaId: 2,
+        questionString: '顕微鏡の倍率を高くすると、視野の広さと明るさはそれぞれどうなるか',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['広さ：せまくなる、明るさ：明るくなる', '広さ：広くなる、明るさ：暗くなる', '広さ：せまくなる、明るさ：暗くなる', '広さ：広くなる、明るさ：明るくなる'],
+        answerId: 2,
+        answerString: '広さ：せまくなる、明るさ：暗くなる',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 101,
+        qaId: 3,
+        questionString: '顕微鏡のピントを合わせるとき、対物レンズとプレパラートの距離はどうするか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['遠ざけていく', '近づけていく'],
+        answerId: 0,
+        answerString: '遠ざけていく',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図はサクラの花のつくりを表している。ア～エで、めしべとおしべはそれぞれどれか',
+        questionImage: 'q0610200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['めしべ：ウ、おしべ：ア', 'めしべ：エ、おしべ：ア', 'めしべ：エ、おしべ：イ', 'めしべ：ア、おしべ：エ'],
+        answerId: 1,
+        answerString: 'めしべ：エ、おしべ：ア',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 102,
+        qaId: 1,
+        questionString: '図はマツの花のつくりを表している。C は何か',
+        questionImage: 'q0610201.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['めしべ', '子房', 'おしべ', '胚珠'],
+        answerId: 3,
+        answerString: '胚珠',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 103,
+        qaId: 0,
+        questionString: '図は被子植物の根のつくりを表したものである。A～C で主根はどれか',
+        questionImage: 'q0610300.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['A', 'B', 'C'],
+        answerId: 2,
+        answerString: 'C',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 103,
+        qaId: 1,
+        questionString: '被子植物の葉の裏側には気孔が多くある。気孔の開閉によって調節されるのは、次のうちのどれか',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['呼吸する量', '光合成する量', '蒸散する量'],
+        answerId: 2,
+        answerString: '蒸散する量',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 104,
+        qaId: 0,
+        questionString: '一晩暗いところに置いたはち植えのアサガオの１枚の葉の一部を図の①のようにアルミニウムはくでおおい、十分に日光を当て、②～④のように処理した。'
+                       +'④の葉で、青紫色に変化するのはア～ウのうちどれか',
+        questionImage: 'q0610400.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['ア', 'イ', 'ウ'],
+        answerId: 2,
+        answerString: 'ウ',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 104,
+        qaId: 1,
+        questionString: '植物が１日中行っていて、酸素を取り入れ、二酸化炭素を出すはたらきを何というか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['呼吸', '光合成'],
+        answerId: 0,
+        answerString: '呼吸',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 105,
+        qaId: 0,
+        questionString: '８種類の植物のうち、裸子植物はどれか。すべて選べ',
+        questionImage: 'q0610500.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ゼニゴケ', 'ゼニゴケ、ワラビ', 'イチョウ、ソテツ', 'イチョウ、ワラビ'],
+        answerId: 2,
+        answerString: 'イチョウ、ソテツ',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 105,
+        qaId: 1,
+        questionString: '８種類の植物のうち、種子をつくらずに胞子でなかまをふやす植物で、根・茎・葉の区別がある植物はどれか',
+        questionImage: 'q0610501.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ゼニゴケ', 'ワラビ', 'ソテツ', 'ササ'],
+        answerId: 1,
+        answerString: 'ワラビ',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 100,
+        qaId: 0,
+        questionString: '図は、れき・砂・泥が混ざった土砂が流れこむ、ある河口近くの海岸のようすを断面図で表したものである。'
+                       +'<br />ア～ウの層をつくっている堆積物の粒の大きい順にア～ウの記号を並べよ',
+        questionImage: 'q0710000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア→イ→ウ', 'ウ→イ→ア', 'ア→ウ→イ', 'ウ→ア→イ'],
+        answerId: 0,
+        answerString: 'ア→イ→ウ',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 101,
+        qaId: 0,
+        questionString: '泥岩は、おもに何が堆積してできた岩石か',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['砂', 'れき', '泥'],
+        answerId: 2,
+        answerString: '泥',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 101,
+        qaId: 1,
+        questionString: '図は、ある土地のボーリング資料をもとに、地層の重なりのようすを柱状図で表したものである。'
+                       +'<br />地層の重なり方から考えて、このあたりの土地の海岸からの距離はどう変化したといえるか',
+        questionImage: 'q0710101.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['海岸から次第に遠くなった', '海岸から次第に近くなった', 'ほとんど変わっていない'],
+        answerId: 0,
+        answerString: '海岸から次第に遠くなった',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 102,
+        qaId: 0,
+        questionString: '図は、火山のしくみを表したものである。'
+                       +'<br />A は地下の高温の液体状のものである。また、B は A が火口から噴出して流れたものである。A、B をそれぞれ何というか',
+        questionImage: 'q0710200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['A：溶岩、B：マグマ', 'A：火山ガス、B：マグマ', 'A：マグマ、B：溶岩'],
+        answerId: 2,
+        answerString: 'A：マグマ、B：溶岩',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 103,
+        qaId: 0,
+        questionString: '図は、２種類の火成岩のつくりを示したものである。'
+                       +'<br />図１、図２は深成岩・火山岩のどちらか',
+        questionImage: 'q0710300.png',
+        choicesId: [0, 1],
+        choicesString: ['図１：深成岩、図２：火山岩', 'A：火山岩、B：深成岩'],
+        answerId: 0,
+        answerString: 'A：深成岩、B：火山岩',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 103,
+        qaId: 1,
+        questionString: '次のア～カの鉱物の中で、有色鉱物はどれか',
+        questionImage: 'q0710301.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア、ウ、カ', 'ア、イ、エ、カ', 'ウ、カ', 'ア、ウ、エ、カ'],
+        answerId: 3,
+        answerString: 'ア、ウ、エ、カ',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 104,
+        qaId: 0,
+        questionString: 'グラフは、ある地震の波について、震源からの距離と地震の波の到着時刻の関係を示したものである。グラフ A で表される波の伝わる速さは、毎秒何kmか',
+        questionImage: 'q0710400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['4 km', '8 km', '12 km', '16 km'],
+        answerId: 1,
+        answerString: '8 km',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 104,
+        qaId: 1,
+        questionString: '地震ではマグニチュードが大きいほど、何が大きくなるのか',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['地震の規模', '揺れの大きさ'],
+        answerId: 0,
+        answerString: '地震の規模',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 105,
+        qaId: 0,
+        questionString: '図のように、地層に大きな力がはたらき、ある面を境にして地層がくいちがう変動を何というか',
+        questionImage: 'q0710500.png',
+        choicesId: [0, 1],
+        choicesString: ['断層', 'しゅう曲'],
+        answerId: 0,
+        answerString: '断層',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 105,
+        qaId: 1,
+        questionString: '図のように、地層に大きな力がはたらき、地層がおし曲げられる変動を何というか',
+        questionImage: 'q0710501.png',
+        choicesId: [0, 1],
+        choicesString: ['断層', 'しゅう曲'],
+        answerId: 1,
+        answerString: 'しゅう曲',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 105,
+        qaId: 2,
+        questionString: '大きな地震によってつくられる土地の変化として適当なものを、ア～ウから１つ選べ',
+        questionImage: 'q0710502.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['ア', 'イ', 'ウ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }];
+
+      return qa;
+  }
+
+}

+import { Injectable } from '@angular/core';
+import { Unit } from './define-unit';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsExtunit {
+    extunit: Unit[];
+
+    constructor() {
+        this.extunit = this.createExtUnit();
+    }
+
+  private createExtUnit(): Unit[] {
+    var unit = [{
+        menuId: 0,
+        unitId: 100,
+        level: '10',
+        unitName: '光の反射'
+    }, {
+        menuId: 0,
+        unitId: 101,
+        level: '10',
+        unitName: '光の屈折'
+    }, {
+        menuId: 0,
+        unitId: 102,
+        level: '10',
+        unitName: '凸レンズと像'
+    }, {
+        menuId: 0,
+        unitId: 103,
+        level: '10',
+        unitName: '音の性質と速さ'
+    }, {
+        menuId: 0,
+        unitId: 104,
+        level: '10',
+        unitName: '力とばねののび'
+    }, {
+        menuId: 0,
+        unitId: 105,
+        level: '10',
+        unitName: '圧力・浮力'
+    }, {
+        menuId: 1,
+        unitId: 100,
+        level: '10',
+        unitName: '物質の性質'
+    }, {
+        menuId: 1,
+        unitId: 101,
+        level: '10',
+        unitName: '物質の状態変化'
+    }, {
+        menuId: 1,
+        unitId: 102,
+        level: '10',
+        unitName: '気体の性質'
+    }, {
+        menuId: 1,
+        unitId: 103,
+        level: '10',
+        unitName: '融点と沸点'
+    }, {
+        menuId: 1,
+        unitId: 104,
+        level: '10',
+        unitName: '水溶液の性質'
+    }, {
+        menuId: 1,
+        unitId: 105,
+        level: '10',
+        unitName: '水溶液の濃度'
+    }, {
+        menuId: 2,
+        unitId: 100,
+        level: '10',
+        unitName: '回路（１）'
+    }, {
+        menuId: 2,
+        unitId: 101,
+        level: '10',
+        unitName: '回路（２）'
+    }, {
+        menuId: 2,
+        unitId: 102,
+        level: '10',
+        unitName: '回路（３）'
+    }, {
+        menuId: 2,
+        unitId: 103,
+        level: '10',
+        unitName: '抵抗'
+    }, {
+        menuId: 2,
+        unitId: 104,
+        level: '10',
+        unitName: '電流による発熱'
+    }, {
+        menuId: 2,
+        unitId: 105,
+        level: '10',
+        unitName: '静電気'
+    }, {
+        menuId: 3,
+        unitId: 100,
+        level: '10',
+        unitName: '磁石の磁界（１）'
+    }, {
+        menuId: 3,
+        unitId: 101,
+        level: '10',
+        unitName: '磁石の磁界（２）'
+    }, {
+        menuId: 3,
+        unitId: 102,
+        level: '10',
+        unitName: 'コイルのまわりの磁界'
+    }, {
+        menuId: 3,
+        unitId: 103,
+        level: '10',
+        unitName: '電流が磁界から受ける力'
+    }, {
+        menuId: 3,
+        unitId: 104,
+        level: '10',
+        unitName: '電磁誘導'
+    }, {
+        menuId: 3,
+        unitId: 105,
+        level: '10',
+        unitName: '直流と交流'
+    }, {
+        menuId: 4,
+        unitId: 100,
+        level: '10',
+        unitName: '分解（１）'
+    }, {
+        menuId: 4,
+        unitId: 101,
+        level: '10',
+        unitName: '分解（２）'
+    }, {
+        menuId: 4,
+        unitId: 102,
+        level: '10',
+        unitName: '分解（３）'
+    }, {
+        menuId: 4,
+        unitId: 103,
+        level: '10',
+        unitName: '原子と分子'
+    }, {
+        menuId: 4,
+        unitId: 104,
+        level: '10',
+        unitName: '化合'
+    }, {
+        menuId: 4,
+        unitId: 105,
+        level: '10',
+        unitName: '化学反応式'
+    }, {
+        menuId: 5,
+        unitId: 100,
+        level: '10',
+        unitName: '酸化'
+    }, {
+        menuId: 5,
+        unitId: 101,
+        level: '10',
+        unitName: '還元'
+    }, {
+        menuId: 5,
+        unitId: 102,
+        level: '10',
+        unitName: '化学変化の前後の質量'
+    }, {
+        menuId: 5,
+        unitId: 103,
+        level: '10',
+        unitName: '金属と化合する酸素の質量'
+    }, {
+        menuId: 5,
+        unitId: 104,
+        level: '10',
+        unitName: '化合する物質の質量の割合'
+    }, {
+        menuId: 5,
+        unitId: 105,
+        level: '10',
+        unitName: '化学変化と熱'
+    }, {
+        menuId: 6,
+        unitId: 100,
+        level: '10',
+        unitName: '身近な生物の観察'
+    }, {
+        menuId: 6,
+        unitId: 101,
+        level: '10',
+        unitName: '水中の小さな生物と顕微鏡'
+    }, {
+        menuId: 6,
+        unitId: 102,
+        level: '10',
+        unitName: '花のつくり'
+    }, {
+        menuId: 6,
+        unitId: 103,
+        level: '10',
+        unitName: '根・茎・葉のつくり'
+    }, {
+        menuId: 6,
+        unitId: 104,
+        level: '10',
+        unitName: '光合成と呼吸'
+    }, {
+        menuId: 6,
+        unitId: 105,
+        level: '10',
+        unitName: '植物のなかま'
+    }, {
+        menuId: 7,
+        unitId: 100,
+        level: '10',
+        unitName: '地層のでき方'
+    }, {
+        menuId: 7,
+        unitId: 101,
+        level: '10',
+        unitName: '堆積岩と化石'
+    }, {
+        menuId: 7,
+        unitId: 102,
+        level: '10',
+        unitName: '火山とマグマ'
+    }, {
+        menuId: 7,
+        unitId: 103,
+        level: '10',
+        unitName: '火成岩と鉱物'
+    }, {
+        menuId: 7,
+        unitId: 104,
+        level: '10',
+        unitName: '地震のゆれと伝わり方'
+    }, {
+        menuId: 7,
+        unitId: 105,
+        level: '10',
+        unitName: '地層の変形'
+    }];
+
+      return unit;
+  }
+
+
+}

+import { Injectable } from '@angular/core';
+import { Keyword } from './define-keyword';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsKeyword {
+    keyword: Keyword[];
+
+    constructor() {
+        this.keyword = this.createKeyword();
+    }
+
+  private createKeyword(): Keyword[] {
+     var keyword = [{
+        menuId: 0, //6文字
+        words: ["う","ご","う","こ","い","せ"],
+        answer: 'こうごうせい'
+      }, {
+        menuId: 1, //7文字
+        words: ["あ","ん","り","べ","し","だ","き"],
+        answer: 'しべりあきだん'
+      }, {
+        menuId: 2, //7文字
+        words: ["し","う","る","い","そ","よ","う"],
+        answer: 'そうしようるい'
+      }, {
+        menuId: 3, //6文字
+        words: ["へ","く","ん","か","が","か"],
+        answer: 'かがくへんか'
+      }, {
+        menuId: 4, //5文字
+        words: ["ゆ","ぶ","う","き","つ"],
+        answer: 'ゆうきぶつ'
+      }, {
+        menuId: 5, //7文字
+        words: ["こ","と","ど","み","ん","あ","り"],
+        answer: 'みとこんどりあ'
+      }, {
+        menuId: 6, //6文字
+        words: ["か","お","せ","い","う","い"],
+        answer: 'かいおうせい'
+      }, {
+        menuId: 7, //6文字
+        words: ["く","ぼ","ま","さ","い","う"],
+        answer: 'さいぼうまく'
+      }];
+
+      return keyword;
+  }
+
+}

+import { Injectable } from '@angular/core';
+import { Menu } from './define-menu';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsMenu {
+    menu: Menu[];
+
+    constructor() {
+        this.menu = this.createMenu();
+    }
+
+
+  private createMenu(): Menu[] {
+     var menu = [{
+        menuId: 0,
+        grade: '1',
+        title: '身のまわりの現象'
+      }, {
+        menuId: 1,
+        grade: '1',
+        title: '身のまわりの物質'
+      }, {
+        menuId: 2,
+        grade: '1',
+        title: '電流とその利用（１）'
+      }, {
+        menuId: 3,
+        grade: '1',
+        title: '電流とその利用（２）'
+      }, {
+        menuId: 4,
+        grade: '1',
+        title: '化学変化と原子・分子（１）'
+      }, {
+        menuId: 5,
+        grade: '1',
+        title: '化学変化と原子・分子（２）'
+      }, {
+        menuId: 6,
+        grade: '1',
+        title: '植物の生活と種類'
+      }, {
+        menuId: 7,
+        grade: '1',
+        title: '大地の変化'
+      }];
+
+      return menu;
+  }
+
+
+
+}

+import { Injectable } from '@angular/core';
+import { Qa } from './define-qa';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsQa {
+    qa :Qa[];
+
+    constructor() {
+        this.qa = this.createQa();
+    }
+
+  private createQa(): Qa[] {
+    var qa = [{
+        menuId: 0,
+        unitId: 0,
+        qaId: 0,
+        questionString: '光が、鏡で反射するとき、入射角と反射角の大きさは｛　？　｝',
+        questionImage: '',
+        choicesId: [0,1,2],
+        choicesString: [ '反射角が大きい','入射角が大きい','等しい'],
+        answerId: 2,
+        answerString: '等しい',
+        answerImage: 'a000000.png'
+    }, {
+        menuId: 0,
+        unitId: 0,
+        qaId: 1,
+        questionString: '図で、反射角は｛　？　｝である',
+        questionImage: 'q000001.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['ア', 'イ', 'ウ'],
+        answerId: 2,
+        answerString: 'ウ',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 1,
+        qaId: 0,
+        questionString: '光が、空気中から水中に進むとき、屈折角は入射角に比べて｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['大きい', '小さい'],
+        answerId: 1,
+        answerString: '小さい',
+        answerImage: 'a000100.png'
+    }, {
+        menuId: 0,
+        unitId: 1,
+        qaId: 1,
+        questionString: '光の入射角がある角度以上大きくなると、光はすべて反射してしまう。この現象を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['全反射', '拡散反射', '屈折'],
+        answerId: 0,
+        answerString: '全反射',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 2,
+        qaId: 0,
+        questionString: '凸レンズの軸に平行な光は、レンズを通過後｛　？　｝を通る',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['周辺部', '焦点', '上端'],
+        answerId: 1,
+        answerString: '焦点',
+        answerImage: 'a000200.png'
+    }, {
+        menuId: 0,
+        unitId: 2,
+        qaId: 1,
+        questionString: '物体が焦点の外側にあるとき、できる像は｛　？　｝の｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['正立、実像', '正立、虚像', '倒立、実像', '倒立、虚像'],
+        answerId: 2,
+        answerString: '倒立、実像',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 2,
+        qaId: 2,
+        questionString: '物体が焦点の内側にあるとき見える像は｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['実像', '虚像'],
+        answerId: 1,
+        answerString: '虚像',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 3,
+        qaId: 0,
+        questionString: '振幅が大きいほど音は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['小さい', '大きい'],
+        answerId: 1,
+        answerString: '大きい',
+        answerImage: 'a000300.png'
+    }, {
+        menuId: 0,
+        unitId: 3,
+        qaId: 1,
+        questionString: '打ち上げ花火が見えてから 3 秒後に音が聞こえた。花火までの距離は約｛　？　｝m である。なお、音の速さは 340 m/秒とする',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['920', '340', '110', '1020'],
+        answerId: 3,
+        answerString: '1020',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 4,
+        qaId: 0,
+        questionString: '1kg の物体にはたらく重力の大きさは｛　？　｝N',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1', '10', '100', '1000'],
+        answerId: 1,
+        answerString: '10',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 4,
+        qaId: 1,
+        questionString: 'ニュートンばかりは、ばねの｛　？　｝を利用して力の大きさを調べるはかり',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['長さ', 'のび'],
+        answerId: 1,
+        answerString: 'のび',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 5,
+        qaId: 0,
+        questionString: '2㎡ の面を 8N の力で垂直に押したときの面にはたらく圧力は｛　？　｝Pa',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['4', '8', '2', '16'],
+        answerId: 0,
+        answerString: '4',
+        answerImage: 'a000500.png'
+    }, {
+        menuId: 0,
+        unitId: 5,
+        qaId: 1,
+        questionString: '水圧は水中の物体に対して｛　？　｝向きにはたらく',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['下', 'あらゆる'],
+        answerId: 1,
+        answerString: 'あらゆる',
+        answerImage: ''
+    }, {
+        menuId: 0,
+        unitId: 5,
+        qaId: 2,
+        questionString: '図で、物体にはたらく浮力の大きさは｛　？　｝N',
+        questionImage: 'q000502.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['2', '0.1', '0.2', '0.8'],
+        answerId: 2,
+        answerString: '0.2',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 0,
+        qaId: 0,
+        questionString: '砂糖は｛　？　｝物、食塩は｛　？　｝物',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['無機、無機', '無機、有機', '有機、有機', '有機、無機'],
+        answerId: 3,
+        answerString: '有機、無機',
+        answerImage: 'a010000.png'
+    }, {
+        menuId: 1,
+        unitId: 0,
+        qaId: 1,
+        questionString: 'プラスチックは｛　？　｝て、加工がしやすい',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['軽く', '重く'],
+        answerId: 0,
+        answerString: '軽く',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 0,
+        qaId: 2,
+        questionString: '金属は、熱や｛　？　｝をよく通し、光沢が｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['電気、ある', '光、ある', '電気、ない', '光、ない'],
+        answerId: 0,
+        answerString: '電気、ある',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 1,
+        qaId: 0,
+        questionString: '物質の状態は｛　？　｝で変化する',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['水', '電気', '湿度', '温度'],
+        answerId: 3,
+        answerString: '温度',
+        answerImage: 'a010100.png'
+    }, {
+        menuId: 1,
+        unitId: 1,
+        qaId: 1,
+        questionString: '物質の状態変化で変化するのは｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['体積', '質量'],
+        answerId: 0,
+        answerString: '体積',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 2,
+        qaId: 0,
+        questionString: '表の気体で、燃える気体は｛　？　｝で、ほかの物質を燃やす気体は｛　？　｝である',
+        questionImage: 'q010200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['水素、酸素', '二酸化炭素、水素', '酸素、水素', 'アンモニア、酸素'],
+        answerId: 0,
+        answerString: '水素、酸素',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 2,
+        qaId: 1,
+        questionString: '亜鉛に塩酸を注ぐと、｛　？　｝が発生する',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['二酸化炭素', '水素', '酸素', '窒素'],
+        answerId: 1,
+        answerString: '水素',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 2,
+        qaId: 2,
+        questionString: '図のような気体の集め方を｛　？　｝（法）といい、｛　？　｝を集める時に使う。',
+        questionImage: 'q010202.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['下方置換、アンモニア', '下方置換、水素', '上方置換、アンモニア', '上方置換、酸素'],
+        answerId: 2,
+        answerString: '上方置換、アンモニア',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 3,
+        qaId: 0,
+        questionString: '図で、A のときの温度を水の｛　？　｝という',
+        questionImage: 'q010300.png',
+        choicesId: [0, 1],
+        choicesString: ['融点', '沸点'],
+        answerId: 0,
+        answerString: '融点',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 3,
+        qaId: 1,
+        questionString: '融点や沸点が一定の値を示さないのは、｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['純粋な物質', '混合物'],
+        answerId: 1,
+        answerString: '混合物',
+        answerImage: 'a010301.png'
+    }, {
+        menuId: 1,
+        unitId: 3,
+        qaId: 2,
+        questionString: '食塩水を蒸留して得られた水は｛　？　｝物質',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['純粋な', '混合', '水溶性'],
+        answerId: 0,
+        answerString: '純粋な',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 3,
+        qaId: 3,
+        questionString: '蒸留で最初に出てくるのは沸点の｛　？　｝物質',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['高い', '低い'],
+        answerId: 1,
+        answerString: '低い',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 4,
+        qaId: 0,
+        questionString: '食塩水のこさは、どこをとっても｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['ばらつきがある', '均一である'],
+        answerId: 1,
+        answerString: '均一である',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 4,
+        qaId: 1,
+        questionString: 'ろ過で、液体から個体をこし分けるには｛　？　｝を使う',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['塩化コバルト紙', 'リトマス紙', 'ろ紙'],
+        answerId: 2,
+        answerString: 'ろ紙',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 5,
+        qaId: 0,
+        questionString: '水 100g に、砂糖 25g を加えてよくかき混ぜ、完全にとかしてできた砂糖水の濃度は｛　？　｝%',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['75', '25', '12', '20'],
+        answerId: 3,
+        answerString: '20',
+        answerImage: 'a010500.png'
+    }, {
+        menuId: 1,
+        unitId: 6,
+        qaId: 0,
+        questionString: '60℃のホウ酸の飽和水溶液を冷やすと、ホウ酸が結晶として出てくる。このような操作を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['状態変化', '電解', '再結晶', '蒸留'],
+        answerId: 2,
+        answerString: '再結晶',
+        answerImage: ''
+    }, {
+        menuId: 1,
+        unitId: 6,
+        qaId: 1,
+        questionString: '60℃ の食塩水から食塩を結晶して取り出すには、食塩水を｛　？　｝方法がよい',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['冷やす', '加熱して水を蒸発させる'],
+        answerId: 1,
+        answerString: '加熱して水を蒸発させる',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 0,
+        qaId: 0,
+        questionString: '図の回路は｛　？　｝回路で、電流の通り道は枝分かれ｛　？　｝',
+        questionImage: 'q020000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['直列、している', '並列、している', '直列、していない', '並列、していない'],
+        answerId: 2,
+        answerString: '直列、していない',
+        answerImage: 'a020000.png'
+    }, {
+        menuId: 2,
+        unitId: 1,
+        qaId: 0,
+        questionString: '図で、P を流れる電流は｛　？　｝A、電源の電圧の大きさは｛　？　｝V である',
+        questionImage: 'q020100.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['5、5', '5、10', '10、10', '10、20'],
+        answerId: 1,
+        answerString: '5、10',
+        answerImage: 'a020100.png'
+    }, {
+        menuId: 2,
+        unitId: 2,
+        qaId: 0,
+        questionString: '図の Q 点を流れる電流は｛　？　｝A、抵抗 P に加わる電圧は｛　？　｝V',
+        questionImage: 'q020200.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['5、5', '10、5', '10、6', '6、10'],
+        answerId: 2,
+        answerString: '10、6',
+        answerImage: 'a020200.png'
+    }, {
+        menuId: 2,
+        unitId: 3,
+        qaId: 0,
+        questionString: 'ある電熱線に 2V の電圧を加えると 0.2A の電流が流れた。この電熱線の抵抗の大きさは｛　？　｝Ω',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['0.1', '0.5', '2', '10'],
+        answerId: 3,
+        answerString: '10',
+        answerImage: 'a020300.png'
+    }, {
+        menuId: 2,
+        unitId: 4,
+        qaId: 0,
+        questionString: '図の回路の全体の抵抗は｛　？　｝Ω',
+        questionImage: 'q020400.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['30', '20', '12', '10'],
+        answerId: 0,
+        answerString: '30',
+        answerImage: 'a020400.png'
+    }, {
+        menuId: 2,
+        unitId: 5,
+        qaId: 0,
+        questionString: '電圧と電流の積で表す量を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['電源', '電力', '抵抗'],
+        answerId: 1,
+        answerString: '電力',
+        answerImage: 'a020500.png'
+    }, {
+        menuId: 2,
+        unitId: 5,
+        qaId: 1,
+        questionString: '2W の電力を 2 時間使った時の電力量は｛　？　｝Wh',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1', '2', '3', '4'],
+        answerId: 3,
+        answerString: '4',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 5,
+        qaId: 2,
+        questionString: '図のような装置で発熱量を調べると、発熱量は電力に｛　？　｝することがわかる',
+        questionImage: 'q020502.png',
+        choicesId: [0, 1],
+        choicesString: ['比例', '反比例'],
+        answerId: 0,
+        answerString: '比例',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 6,
+        qaId: 0,
+        questionString: '異種の静電気をもつ物質どうしを近づけると｛　？　｝合う',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['反発し', '引き'],
+        answerId: 1,
+        answerString: '引き',
+        answerImage: ''
+    }, {
+        menuId: 2,
+        unitId: 6,
+        qaId: 1,
+        questionString: '電流の流れる向きは、｛　？　｝極 =>｛　？　｝極',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['＋、－', '－、＋'],
+        answerId: 0,
+        answerString: '＋、－',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 0,
+        qaId: 0,
+        questionString: '磁石と磁石の間にはたらく力を｛　？　｝といい、N 極どうしや S 極どうしの間には｛　？　｝合う力がはたらく',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['磁力、引き', '磁力、反発し', '交流、引き', '交流、反発し'],
+        answerId: 1,
+        answerString: '磁力、反発し',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 0,
+        qaId: 1,
+        questionString: '磁針の N 極がさす向きを｛　？　｝の向きという',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['力', '磁石', '電流', '磁界'],
+        answerId: 3,
+        answerString: '磁界',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 1,
+        qaId: 0,
+        questionString: '導線のまわりの磁界は、電流を中心に｛　？　｝にできる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['同心円状', '放射線状'],
+        answerId: 0,
+        answerString: '同心円状',
+        answerImage: 'a030100.png'
+    }, {
+        menuId: 3,
+        unitId: 1,
+        qaId: 1,
+        questionString: '図で導線に矢印の向きに電流を流したとき、できる磁界の向きは｛　？　｝である',
+        questionImage: 'q030101.png',
+        choicesId: [0, 1],
+        choicesString: ['ア', 'イ'],
+        answerId: 1,
+        answerString: 'イ',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 2,
+        qaId: 0,
+        questionString: 'コイルの内側の磁界の向きを求める時は、右手の４本の指先を、｛　？　｝の向きに合わせる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['磁界', '電流'],
+        answerId: 1,
+        answerString: '電流',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 2,
+        qaId: 1,
+        questionString: 'コイルのまわりの磁界の向きは内側と外側で｛　？　｝になる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['逆', '同じ'],
+        answerId: 0,
+        answerString: '逆',
+        answerImage: 'a030201.png'
+    }, {
+        menuId: 3,
+        unitId: 3,
+        qaId: 0,
+        questionString: '電流が磁界から受ける力、磁界、電流の３つの向きは、互いに｛　？　｝になる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['水平', '垂直'],
+        answerId: 1,
+        answerString: '垂直',
+        answerImage: 'a030300.png'
+    }, {
+        menuId: 3,
+        unitId: 3,
+        qaId: 1,
+        questionString: '図のようなとき、同線のふれる向きは｛　？　｝である',
+        questionImage: 'q030301.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['ア', 'イ', 'ウ', 'エ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 4,
+        qaId: 0,
+        questionString: '図のように、コイルの上で棒磁石をを上下させたら、コイルに｛　？　｝が生じ、｛　？　｝電流が流れた。この現象を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['電圧、磁界、電磁誘導', '電圧、誘導、電磁誘導', 'N極、磁界、発光ダイオード', '磁力、誘導、磁界の変化'],
+        answerId: 1,
+        answerString: '電圧、誘導、電磁誘導',
+        answerImage: 'a030400.png'
+    }, {
+        menuId: 3,
+        unitId: 4,
+        qaId: 1,
+        questionString: '図で、棒磁石を下げたときと、上げたときでは、コイルに流れる電流の向きは｛　？　｝である。' 
+                        + '<br />また、下げたり上げたりする速さを速くすると、コイルに流れる電流は｛　？　｝なる',
+        questionImage: 'q030401.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['同じ向き、強く', '逆向き、弱く', '同じ向き、弱く', '逆向き、強く'],
+        answerId: 3,
+        answerString: '逆向き、強く',
+        answerImage: 'a030401.png'
+    }, {
+        menuId: 3,
+        unitId: 5,
+        qaId: 0,
+        questionString: '乾電池による電流は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 0,
+        answerString: '直流',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 5,
+        qaId: 1,
+        questionString: '家庭に届く、電線を流れる電流は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 1,
+        answerString: '交流',
+        answerImage: ''
+    }, {
+        menuId: 3,
+        unitId: 5,
+        qaId: 2,
+        questionString: 'オシロスコープで調べたときに波形の線に見えるのは｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['直流', '交流'],
+        answerId: 1,
+        answerString: '交流',
+        answerImage: 'a030502.png'
+    }, {
+        menuId: 4,
+        unitId: 0,
+        qaId: 0,
+        questionString: '物質が別の 2 種類以上の物質に分かれる化学変化を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸化', '化合', '分解', '分離'],
+        answerId: 2,
+        answerString: '分解',
+        answerImage: 'a040000.png'
+    }, {
+        menuId: 4,
+        unitId: 0,
+        qaId: 1,
+        questionString: '炭酸水素ナトリウムの分解で生じる固体は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['炭素', '水素', '炭酸ナトリウム'],
+        answerId: 2,
+        answerString: '炭酸ナトリウム',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 0,
+        qaId: 2,
+        questionString: '炭酸水素ナトリウムの分解で生じる物質のうち、石灰水を白くにごらせるのは｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['二酸化炭素', '水素', '炭酸ナトリウム'],
+        answerId: 0,
+        answerString: '二酸化炭素',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 0,
+        qaId: 3,
+        questionString: '酸化銀を加熱して分解すると、個体の｛　？　｝と気体の｛　？　｝が生じ、固体をスプーンの底でこすると｛　？　｝を示す',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['銀、二酸化炭素、金属光沢', '鉄、酸素、金属光沢', '銀、酸素、金属光沢', '鉄、水素、化学反応'],
+        answerId: 2,
+        answerString: '銀、酸素、金属光沢',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 1,
+        qaId: 0,
+        questionString: '電流を流して物質を分解することを｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['電気分解', '酸化', '還元', '中和'],
+        answerId: 0,
+        answerString: '電気分解',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 1,
+        qaId: 1,
+        questionString: '水に少量の水酸化ナトリウムを加えて電流を流すと、陽極には｛　？　｝、陰極には｛　？　｝が発生する',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸素、水素', '二酸化炭素、酸素', '水素、酸素', '水素、二酸化炭素'],
+        answerId: 0,
+        answerString: '酸素、水素',
+        answerImage: 'a040101.png'
+    }, {
+        menuId: 4,
+        unitId: 1,
+        qaId: 2,
+        questionString: '水の分解で発生する水素と酸素の体積比は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1：4', '1：2', '3：1', '2：1'],
+        answerId: 3,
+        answerString: '2：1',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 1,
+        qaId: 3,
+        questionString: '水の分解で発生した気体で、火を近づけるとポッと音を立てて燃えるのは｛　？　｝から発生した気体である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['陽極', '陰極'],
+        answerId: 1,
+        answerString: '陰極',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 2,
+        qaId: 0,
+        questionString: '原子は、種類によって質量や大きさが｛　？　｝いて、ほかの種類の原子に変わったり、なくなったり｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['異なって、しない', '決まって、しない', '異なって、する', '決まって、する'],
+        answerId: 1,
+        answerString: '決まって、しない',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 2,
+        qaId: 1,
+        questionString: '原子の記号で、C は｛　？　｝、Fe は｛　？　｝を表す',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['炭素、銅', '酸素、鉄', '炭素、ナトリウム', '炭素、鉄'],
+        answerId: 3,
+        answerString: '炭素、鉄',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 3,
+        qaId: 0,
+        questionString: '鉄と硫黄の混合物を加熱すると｛　？　｝ができる。このような化学変化を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸化鉄、化合', '酸化鉄、酸化', '硫化鉄、化合', '硫化鉄、酸化'],
+        answerId: 2,
+        answerString: '硫化鉄、化合',
+        answerImage: 'a040300.png'
+    }, {
+        menuId: 4,
+        unitId: 3,
+        qaId: 1,
+        questionString: '酸素の化学式は｛　？　｝、二酸化炭素の化学式は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['O₂、CO₂', 'CO₂、O₂', 'O、CO', 'O₂、CO'],
+        answerId: 0,
+        answerString: 'O₂、CO₂',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 4,
+        qaId: 0,
+        questionString: '化学反応式では、両辺の原子の種類と数は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['等しいとは限らない', '等しい', '異なる'],
+        answerId: 1,
+        answerString: '等しい',
+        answerImage: 'a040400.png'
+    }, {
+        menuId: 4,
+        unitId: 4,
+        qaId: 1,
+        questionString: '銅の酸化を化学反応式で表すと、2Cu ＋ ｛　？　｝→｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['O₂、CuO₂', 'O₂、CuO', '2O₂、2CuO', 'O₂、2CuO'],
+        answerId: 3,
+        answerString: 'O₂、2CuO',
+        answerImage: ''
+    }, {
+        menuId: 4,
+        unitId: 4,
+        qaId: 2,
+        questionString: '酸化銀の分解の化学反応式は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['2Ag₂O → 4Ag + O₂', '2Au₂O → 4Au + O₂', 'Ag₂O → 2Ag + O', '2AgO → 2Ag + O₂'],
+        answerId: 0,
+        answerString: '2Ag₂O → 4Ag + O₂',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 0,
+        qaId: 0,
+        questionString: '物質が酸素と化合する反応を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['還元', '酸化', '吸熱'],
+        answerId: 1,
+        answerString: '酸化',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 0,
+        qaId: 1,
+        questionString: '鉄が酸化してできる物質は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['二酸化炭素', '硫化鉄', '酸化銅', '酸化鉄'],
+        answerId: 3,
+        answerString: '酸化鉄',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 1,
+        qaId: 0,
+        questionString: '酸化物から酸素を取り除く反応を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['還元', '酸化', '吸熱'],
+        answerId: 0,
+        answerString: '還元',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 1,
+        qaId: 1,
+        questionString: '酸化銅の還元では、酸化銅 ＋ 炭素 → 銅 ＋｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['酸素', '二酸化炭素', 'ナトリウム', '水素'],
+        answerId: 1,
+        answerString: '二酸化炭素',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 2,
+        qaId: 0,
+        questionString: '図のように、物質が自由に出入りできる反応の場合、反応の前後で質量がちがってくる。'
+                        +'<br />反応後の質量が反応前より大きくなるのは｛　？　｝反応である',
+        questionImage: 'q050200.png',
+        choicesId: [0, 1],
+        choicesString: ['沈殿ができる', '金属を加熱する'],
+        answerId: 1,
+        answerString: '金属を加熱する',
+        answerImage: 'a050200.png'
+    }, {
+        menuId: 5,
+        unitId: 2,
+        qaId: 1,
+        questionString: '図のように、密閉した容器の中でうすい塩酸と石灰石を反応させたとき、反応の前後で質量の総和は｛　？　｝',
+        questionImage: 'q050201.png',
+        choicesId: [0, 1],
+        choicesString: ['変化する', '変化しない'],
+        answerId: 1,
+        answerString: '変化しない',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 3,
+        qaId: 0,
+        questionString: '鉄 7g と硫黄 4g が完全に化合すると、硫化鉄は｛　？　｝g できる',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['3', '7', '11', '10'],
+        answerId: 2,
+        answerString: '11',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 4,
+        qaId: 0,
+        questionString: '銅が酸化されて酸化銅になったとき、増えた質量は化合した｛　？　｝の分の質量',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['酸素', '銅', '二酸化炭素'],
+        answerId: 0,
+        answerString: '酸素',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 5,
+        qaId: 0,
+        questionString: 'グラフで、銅と酸化銅の質量の比は｛　？　｝',
+        questionImage: 'q050500.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['1：4', '1：5', '4：5', '3：4'],
+        answerId: 2,
+        answerString: '4：5',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 5,
+        qaId: 1,
+        questionString: 'グラフで、マグネシウムと化合した酸素の質量の比は｛　？　｝',
+        questionImage: 'q050501.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['3：2', '5：2', '5：3', '3：5'],
+        answerId: 0,
+        answerString: '3：2',
+        answerImage: ''
+    }, {
+        menuId: 5,
+        unitId: 6,
+        qaId: 0,
+        questionString: '水酸化バリウムに塩化アンモニウムを加えると｛　？　｝反応が起こる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['発熱', '吸熱'],
+        answerId: 1,
+        answerString: '吸熱',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 0,
+        qaId: 0,
+        questionString: 'タンポポは日当たりの｛　？　｝ところにはえていて、図のアを｛　？　｝という',
+        questionImage: 'q060000.png',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['よい、根', '悪い、がく', 'よい、がく', '悪い、葉'],
+        answerId: 2,
+        answerString: 'よい、がく',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 1,
+        qaId: 0,
+        questionString: 'ミジンコは動物で、ミカヅキモは｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['動物', '植物'],
+        answerId: 1,
+        answerString: '植物',
+        answerImage: 'a060100.png'
+    }, {
+        menuId: 6,
+        unitId: 1,
+        qaId: 1,
+        questionString: 'レンズで先にとりつけるのは｛　？　｝レンズである',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['接眼', '対物'],
+        answerId: 0,
+        answerString: '接眼',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 1,
+        qaId: 2,
+        questionString: '接眼レンズが 10×、対物レンズが 15 のときの倍率は｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['10 倍', '15 倍', '150 倍', '200 倍'],
+        answerId: 2,
+        answerString: '150 倍',
+        answerImage: 'a060102.png'
+    }, {
+        menuId: 6,
+        unitId: 2,
+        qaId: 0,
+        questionString: 'ふつう花の中央に｛　？　｝があり、まわりにおしべがある',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['めしべ', '花弁', 'がく'],
+        answerId: 0,
+        answerString: 'めしべ',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 2,
+        qaId: 1,
+        questionString: '子房がなく胚珠がむき出しなのは｛　？　｝植物である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['被子', '裸子'],
+        answerId: 1,
+        answerString: '裸子',
+        answerImage: 'a060201.png'
+    }, {
+        menuId: 6,
+        unitId: 2,
+        qaId: 2,
+        questionString: '被子植物が受粉すると、やがて子房が｛　？　｝、胚珠が｛　？　｝になる',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['果実、がく', '果実、種子', '種子、果実', 'がく、種子'],
+        answerId: 1,
+        answerString: '果実、種子',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 3,
+        qaId: 0,
+        questionString: 'ひげ根があるのは｛　？　｝葉類',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['単子', '双子'],
+        answerId: 0,
+        answerString: '単子',
+        answerImage: 'a060300.png'
+    }, {
+        menuId: 6,
+        unitId: 3,
+        qaId: 1,
+        questionString: '蒸散量の調節は｛　？　｝の開閉で行われる',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['維管束', '孔辺細胞', '葉緑体', '気孔'],
+        answerId: 3,
+        answerString: '気孔',
+        answerImage: 'a060301.png'
+    }, {
+        menuId: 6,
+        unitId: 3,
+        qaId: 2,
+        questionString: '気孔はふつう葉の｛　？　｝に多い',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['裏', '表'],
+        answerId: 0,
+        answerString: '裏',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 3,
+        qaId: 3,
+        questionString: '図で道管は｛　？　｝である',
+        questionImage: 'q060303.png',
+        choicesId: [0, 1, 2],
+        choicesString: ['ア', 'イ', 'ウ'],
+        answerId: 0,
+        answerString: 'ア',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 4,
+        qaId: 0,
+        questionString: '植物が日光を受けて、デンプンなどの栄養分をつくるはたらきを｛　？　｝といい、｛　？　｝もつくられる',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['光合成、二酸化炭素', '光合成、酸素', '呼吸、酸素', '呼吸、二酸化炭素'],
+        answerId: 1,
+        answerString: '光合成、酸素',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 4,
+        qaId: 1,
+        questionString: '光合成を行うときの原料は、水と｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['二酸化炭素', '酸素'],
+        answerId: 0,
+        answerString: '二酸化炭素',
+        answerImage: ''
+    }, {
+        menuId: 6,
+        unitId: 5,
+        qaId: 0,
+        questionString: 'シダ植物には、根、茎、葉の区別が｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['ある', 'ない'],
+        answerId: 0,
+        answerString: 'ある',
+        answerImage: 'a060500.png'
+    }, {
+        menuId: 6,
+        unitId: 5,
+        qaId: 1,
+        questionString: 'シダ植物やコケ植物は、｛　？　｝をつくってなかまをふやす',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['種子', '胞子', '球根'],
+        answerId: 1,
+        answerString: '胞子',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 0,
+        qaId: 0,
+        questionString: '川の上流では｛　？　｝、運ぱんがさかんである',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['侵食', '堆積'],
+        answerId: 0,
+        answerString: '侵食',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 0,
+        qaId: 1,
+        questionString: '海岸近くには｛　？　｝が、遠くには｛　？　｝が堆積',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['れきや砂、泥や粘土', '泥や粘土、れきや砂'],
+        answerId: 0,
+        answerString: 'れきや砂、泥や粘土',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 1,
+        qaId: 0,
+        questionString: 'おもにれきがおし固められてできた岩石を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['砂岩', 'れき岩', '泥岩'],
+        answerId: 1,
+        answerString: 'れき岩',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 1,
+        qaId: 1,
+        questionString: '泥や粘土がおし固められてできた岩石を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['砂岩', 'れき岩', '泥岩'],
+        answerId: 2,
+        answerString: '泥岩',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 1,
+        qaId: 2,
+        questionString: 'アンモナイトの化石は、｛　？　｝代の｛　？　｝化石',
+        questionImage: '',
+        choicesId: [0, 1, 2, 3],
+        choicesString: ['中生、示相', '古生、示相', '中生、示準', '古生、示準'],
+        answerId: 2,
+        answerString: '中生、示準',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 2,
+        qaId: 0,
+        questionString: 'マグマのねばりけが弱いほど｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['流れやすい', '流れにくい'],
+        answerId: 0,
+        answerString: '流れやすい',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 2,
+        qaId: 1,
+        questionString: '円すいの形をした火山は、爆発とマグマの流出が交互に起こる。その代表が｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1, 2],
+        choicesString: ['有珠山', '三原山', '富士山'],
+        answerId: 2,
+        answerString: '富士山',
+        answerImage: 'a070201.png'
+    }, {
+        menuId: 7,
+        unitId: 3,
+        qaId: 0,
+        questionString: '火山岩で、結晶になれなかった部分が｛　？　｝で、大きな結晶の部分が｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['石基、斑晶', '斑晶、石基'],
+        answerId: 0,
+        answerString: '石基、斑晶',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 3,
+        qaId: 1,
+        questionString: '等粒状組織をもつ岩石は、｛　？　｝である',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['火山岩', '深成岩'],
+        answerId: 1,
+        answerString: '深成岩',
+        answerImage: 'a070301.png'
+    }, {
+        menuId: 7,
+        unitId: 3,
+        qaId: 2,
+        questionString: '石英や長石を多くふくむほど、岩石は｛　？　｝っぽくなる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['白', '黒'],
+        answerId: 0,
+        answerString: '白',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 4,
+        qaId: 0,
+        questionString: '地震発生後、まず P 波による｛　？　｝が起こり、続いて S 波による｛　？　｝が起こる',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['主要動、初期微動', '初期微動、主要動'],
+        answerId: 1,
+        answerString: '白初期微動、主要動',
+        answerImage: 'a070400.png'
+    }, {
+        menuId: 7,
+        unitId: 4,
+        qaId: 1,
+        questionString: '初期微動継続時間は震源からの距離が遠くなるほど｛　？　｝',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['短くなる', '長くなる'],
+        answerId: 1,
+        answerString: '長くなる',
+        answerImage: 'a070401.png'
+    }, {
+        menuId: 7,
+        unitId: 5,
+        qaId: 0,
+        questionString: '｛　？　｝は、地震の規模の大きさを表す',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['震度', 'マグニチュード'],
+        answerId: 1,
+        answerString: 'マグニチュード',
+        answerImage: ''
+    }, {
+        menuId: 7,
+        unitId: 5,
+        qaId: 1,
+        questionString: '大きな力がはたらき、地層がくいちがう変動を｛　？　｝という',
+        questionImage: '',
+        choicesId: [0, 1],
+        choicesString: ['しゅう曲', '断層'],
+        answerId: 1,
+        answerString: '断層',
+        answerImage: 'a070501.png'
+    }];
+
+      return qa;
+  }
+
+}

+import { Injectable } from '@angular/core';
+import { Unit } from './define-unit';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class ContentsUnit {
+    unit: Unit[];
+
+    constructor() {
+        this.unit = this.createUnit();
+    }
+
+  private createUnit(): Unit[] {
+      var unit = [{
+        menuId: 0,
+        unitId: 0,
+        level: '1',
+        unitName: '光の反射'
+      }, {
+        menuId: 0,
+        unitId: 1,
+        level: '1',
+        unitName: '光の屈折'
+      }, {
+        menuId: 0,
+        unitId: 2,
+        level: '1',
+        unitName: '凸レンズと像'
+      }, {
+        menuId: 0,
+        unitId: 3,
+        level: '1',
+        unitName: '音の性質と速さ'
+      }, {
+        menuId: 0,
+        unitId: 4,
+        level: '1',
+        unitName: '力とばねののび'
+      }, {
+        menuId: 0,
+        unitId: 5,
+        level: '1',
+        unitName: '圧力・浮力'
+      }, {
+        menuId: 1,
+        unitId: 0,
+        level: '2',
+        unitName: '物質の性質'
+      }, {
+        menuId: 1,
+        unitId: 1,
+        level: '2',
+        unitName: '物質の状態変化'
+      }, {
+        menuId: 1,
+        unitId: 2,
+        level: '2',
+        unitName: '気体の性質'
+      }, {
+        menuId: 1,
+        unitId: 3,
+        level: '2',
+        unitName: '融点と沸点'
+      }, {
+        menuId: 1,
+        unitId: 4,
+        level: '2',
+        unitName: '水溶液の性質'
+      }, {
+        menuId: 1,
+        unitId: 5,
+        level: '2',
+        unitName: '水溶液の濃度'
+      }, {
+        menuId: 1,
+        unitId: 6,
+        level: '2',
+        unitName: '溶解度'
+      }, {
+        menuId: 2,
+        unitId: 0,
+        level: '3',
+        unitName: '回路'
+      }, {
+        menuId: 2,
+        unitId: 1,
+        level: '3',
+        unitName: '直列回路と電流・電圧'
+      }, {
+        menuId: 2,
+        unitId: 2,
+        level: '3',
+        unitName: '並列回路と電流・電圧'
+      }, {
+        menuId: 2,
+        unitId: 3,
+        level: '3',
+        unitName: '電流と電圧の関係'
+      }, {
+        menuId: 2,
+        unitId: 4,
+        level: '3',
+        unitName: '全体の抵抗'
+      }, {
+        menuId: 2,
+        unitId: 5,
+        level: '3',
+        unitName: '電力量・電流による発熱'
+      }, {
+        menuId: 2,
+        unitId: 6,
+        level: '3',
+        unitName: '静電気・電流の正体'
+      }, {
+        menuId: 3,
+        unitId: 0,
+        level: '3',
+        unitName: '磁石の磁界'
+      }, {
+        menuId: 3,
+        unitId: 1,
+        level: '3',
+        unitName: '電流（導線）のまわりの磁界'
+      }, {
+        menuId: 3,
+        unitId: 2,
+        level: '3',
+        unitName: 'コイルのまわりの磁界'
+      }, {
+        menuId: 3,
+        unitId: 3,
+        level: '3',
+        unitName: '電流が磁界から受ける力'
+      }, {
+        menuId: 3,
+        unitId: 4,
+        level: '3',
+        unitName: '電磁誘導'
+      }, {
+        menuId: 3,
+        unitId: 5,
+        level: '3',
+        unitName: '直流と交流'
+      }, {
+        menuId: 4,
+        unitId: 0,
+        level: '3',
+        unitName: '分解'
+      }, {
+        menuId: 4,
+        unitId: 1,
+        level: '3',
+        unitName: '水の電気分解'
+      }, {
+        menuId: 4,
+        unitId: 2,
+        level: '3',
+        unitName: '原子と分子'
+      }, {
+        menuId: 4,
+        unitId: 3,
+        level: '3',
+        unitName: '化合・化学式'
+      }, {
+        menuId: 4,
+        unitId: 4,
+        level: '3',
+        unitName: '化学反応式'
+      }, {
+        menuId: 5,
+        unitId: 0,
+        level: '3',
+        unitName: '酸化'
+      }, {
+        menuId: 5,
+        unitId: 1,
+        level: '3',
+        unitName: '還元'
+      }, {
+        menuId: 5,
+        unitId: 2,
+        level: '3',
+        unitName: '化学変化の前後の質量'
+      }, {
+        menuId: 5,
+        unitId: 3,
+        level: '3',
+        unitName: '質量保存の法則'
+      }, {
+        menuId: 5,
+        unitId: 4,
+        level: '3',
+        unitName: '金属と化合する酸素の質量'
+      }, {
+        menuId: 5,
+        unitId: 5,
+        level: '3',
+        unitName: '化合する物質の質量の割合'
+      }, {
+        menuId: 5,
+        unitId: 6,
+        level: '3',
+        unitName: '化学変化と熱'
+      }, {
+        menuId: 6,
+        unitId: 0,
+        level: '3',
+        unitName: '身近な生物の観察'
+      }, {
+        menuId: 6,
+        unitId: 1,
+        level: '3',
+        unitName: '水中の小さな生物と顕微鏡'
+      }, {
+        menuId: 6,
+        unitId: 2,
+        level: '3',
+        unitName: '花のつくり'
+      }, {
+        menuId: 6,
+        unitId: 3,
+        level: '3',
+        unitName: '根・茎・葉のつくり'
+      }, {
+        menuId: 6,
+        unitId: 4,
+        level: '3',
+        unitName: '光合成と呼吸'
+      }, {
+        menuId: 6,
+        unitId: 5,
+        level: '3',
+        unitName: '植物のなかま'
+      }, {
+        menuId: 7,
+        unitId: 0,
+        level: '3',
+        unitName: '地層のでき方'
+      }, {
+        menuId: 7,
+        unitId: 1,
+        level: '3',
+        unitName: '堆積岩と化石'
+      }, {
+        menuId: 7,
+        unitId: 2,
+        level: '3',
+        unitName: '火山とマグマ'
+      }, {
+        menuId: 7,
+        unitId: 3,
+        level: '3',
+        unitName: '火成岩と鉱物'
+      }, {
+        menuId: 7,
+        unitId: 4,
+        level: '3',
+        unitName: '地震のゆれと伝わり方'
+      }, {
+        menuId: 7,
+        unitId: 5,
+        level: '3',
+        unitName: '震度とマグニチュード、地震の原因、地層の変形'
+      }];
+      return unit;
+  }
+
+}

+import { Injectable } from '@angular/core';
+import 'rxjs/add/operator/map';
+import { Menu } from './define-menu';
+import { Unit } from './define-unit';
+import { Qa } from './define-qa';
+import { Keyword } from './define-keyword';
+import { Contents } from './define-contents';
+import { Storage } from '@ionic/storage';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class DataService {
+    st: Storage;
+    st_res: string;
+    contents: Contents;
+    menu: Menu[];
+    unit: Unit[];
+    subject: Qa[];
+    extunit: Unit[];
+    extqa: Qa[];
+    keyword: Keyword[];
+
+    constructor(st: Storage) {
+        this.st = st;
+        this.contents = new Contents;
+        this.menu = this.contents.menu;
+        this.unit = this.contents.unit;
+        this.subject = this.contents.qa;
+        this.extunit = this.contents.extunit;
+        this.extqa = this.contents.extqa;
+        this.keyword = this.contents.keyword;
+    }
+
+  public getMenuFirst(): Menu[]{
+      var menuFirst: Menu[] = new Array();
+      for (var i = 0; i < this.menu.length; i++) {
+        if (this.menu[i].grade === '1') {
+          menuFirst.push(this.menu[i]);
+        }
+      }
+      return menuFirst;
+  }
+
+  public getMenuSecond(): Menu[]{
+      var menuSecond: Menu[] = new Array();
+      for (var i = 0; i < this.menu.length; i++) {
+        if (this.menu[i].grade === '2') {
+          menuSecond.push(this.menu[i]);
+        }
+      }
+      return menuSecond;
+  }
+
+  public getMenuThird(): Menu[]{
+      var menuThird: Menu[] = new Array();
+      for (var i = 0; i < this.menu.length; i++) {
+        if (this.menu[i].grade === '3') {
+          menuThird.push(this.menu[i]);
+        }
+      }
+      return menuThird;
+  }
+
+  public getUnitNum(menuId: number): number {
+      var num = 0;
+      var chk = -1;
+      for (var i = 0; i < this.unit.length; i++) {
+          if (this.unit[i].menuId === menuId) {
+              if(chk != this.unit[i].unitId)
+              {
+                  num++;
+                  chk = this.unit[i].unitId;
+              }
+          }
+      }
+      return num;
+  }
+
+  public getUnit(menuId: number, unitId:number): Unit[] {
+      var subjectList: Unit[] = new Array();
+      for (var i = 0; i < this.unit.length; i++) {
+          if ((this.unit[i].unitId === unitId) && (this.unit[i].menuId === menuId)) {
+              subjectList.push(this.unit[i]);
+          }
+      }
+      return subjectList;
+  }
+
+  public getExtUnit(menuId: number): Unit[] {
+    var subjectList: Unit[] = new Array();
+    for (var i = 0; i < this.extunit.length; i++) {
+          if (this.extunit[i].menuId === menuId) {
+              subjectList.push(this.extunit[i]);
+          }
+      }
+      return subjectList;
+  }
+
+
+  public getQa(menuId: number, unitId: number): Qa[] {
+      var qaItem: Qa[] = new Array();
+      for (var i = 0; i < this.subject.length; i++) {
+          if ((this.subject[i].menuId === menuId) && (this.subject[i].unitId === unitId)) {
+              qaItem.push(this.subject[i]);
+          }
+      }
+      return qaItem;
+  }
+
+  public getExtqa(menuId: number, unitId: number): Qa[] {
+      var qaItem: Qa[] = new Array();
+      for (var i = 0; i < this.extqa.length; i++) {
+          if ((this.extqa[i].menuId === menuId) && (this.extqa[i].unitId === unitId)) {
+              qaItem.push(this.extqa[i]);
+          }
+      }
+      return qaItem;
+  }
+
+  public getKeyword(menuId: number): Keyword {
+      var key: Keyword;
+      for (var i = 0; i < this.keyword.length; i++) {
+          if (this.keyword[i].menuId === menuId) {
+              key = this.keyword[i];
+          }
+      }
+      return key;
+  }
+
+  public saveInfo(key: string) {
+      this.st.get(key).then(val => {
+          if (val == "done") {
+          } else {
+              this.st.set(key, "done");
+          }
+      });
+  }
+
+  public getInfo(key: string): any {
+      return this.st.get(key);
+  }
+
+}

+import { Injectable } from '@angular/core';
+import { Menu } from './define-menu';
+import { Unit } from './define-unit';
+import { Qa } from './define-qa';
+import { Keyword } from './define-keyword';
+import { ContentsMenu } from './content-menu';
+import { ContentsUnit } from './content-unit';
+import { ContentsQa } from './content-qa';
+import { ContentsExtunit } from './content-extunit';
+import { ContentsExtqa } from './content-extqa';
+import { ContentsKeyword } from './content-keyword';
+/*
+  Generated class for the DataService provider.
+
+  See https://angular.io/docs/ts/latest/guide/dependency-injection.html
+  for more info on providers and Angular 2 DI.
+*/
+@Injectable()
+export class Contents {
+    menu: Menu[];
+    unit: Unit[];
+    qa :Qa[];
+    extunit: Unit[];
+    extqa :Qa[];
+    keyword: Keyword[];
+
+    constructor() {
+        var menu = new ContentsMenu();
+        this.menu = menu.menu;
+
+        var unit = new ContentsUnit();
+        this.unit = unit.unit;
+
+        var qa = new ContentsQa();
+        this.qa = qa.qa;
+
+        var extunit = new ContentsExtunit();
+        this.extunit = extunit.extunit;
+
+        var extqa = new ContentsExtqa();
+        this.extqa = extqa.extqa;
+
+        var keyword = new ContentsKeyword();
+        this.keyword = keyword.keyword;
+    }
+
+}

+export interface Keyword {
+    menuId: number;
+    words: string[];
+    answer: string;
+}

+export interface Menu {
+    menuId: number;
+    grade: string;
+    title: string;
+}

+export interface Qa {
+    menuId: number;
+    unitId: number;
+    qaId: number;
+    questionString: string;
+    questionImage: string;
+    choicesId: number[];
+    choicesString: string[];
+    answerId: number;
+    answerString: string;
+    answerImage: string;
+}

+export interface Unit {
+    menuId: number;
+    unitId: number;
+    level: string;
+    unitName: string;
+}

+/**
+ * Check out https://googlechrome.github.io/sw-toolbox/docs/master/index.html for
+ * more info on how to use sw-toolbox to custom configure your service worker.
+ */
+
+
+'use strict';
+importScripts('./build/sw-toolbox.js');
+
+self.toolbox.options.cache = {
+  name: 'ionic-cache'
+};
+
+// pre-cache our key assets
+self.toolbox.precache(
+  [
+    './build/main.js',
+    './build/main.css',
+    './build/polyfills.js',
+    'index.html',
+    'manifest.json'
+  ]
+);
+
+// dynamically cache any other local assets
+self.toolbox.router.any('/*', self.toolbox.cacheFirst);
+
+// for any other requests go to the network, cache,
+// and then only use that cached resource if your user goes offline
+self.toolbox.router.default = self.toolbox.networkFirst;
\ No newline at end of file

+// Ionic Variables and Theming. For more info, please see:
+// http://ionicframework.com/docs/v2/theming/
+$font-path: "../assets/fonts";
+
+@import "ionic.globals";
+
+
+// Shared Variables
+// --------------------------------------------------
+// To customize the look and feel of this app, you can override
+// the Sass variables found in Ionic's source scss files.
+// To view all the possible Ionic variables, see:
+// http://ionicframework.com/docs/v2/theming/overriding-ionic-variables/
+
+
+
+
+// Named Color Variables
+// --------------------------------------------------
+// Named colors makes it easy to reuse colors on various components.
+// It's highly recommended to change the default colors
+// to match your app's branding. Ionic uses a Sass map of
+// colors so you can add, rename and remove colors as needed.
+// The "primary" color is the only required color in the map.
+
+$colors: (
+  primary:    #387ef5,
+  secondary:  #32db64,
+  danger:     #f53d3d,
+  light:      #f4f4f4,
+  dark:       #222
+);
+
+
+// App iOS Variables
+// --------------------------------------------------
+// iOS only Sass variables can go here
+
+
+
+
+// App Material Design Variables
+// --------------------------------------------------
+// Material Design only Sass variables can go here
+
+
+
+
+// App Windows Variables
+// --------------------------------------------------
+// Windows only Sass variables can go here
+
+
+
+
+// App Theme
+// --------------------------------------------------
+// Ionic apps can have different themes applied, which can
+// then be future customized. This import comes last
+// so that the above variables are used and Ionic's
+// default are overridden.
+
+@import "ionic.theme.default";
+
+
+// Ionicons
+// --------------------------------------------------
+// The premium icon font for Ionic. For more info, please see:
+// http://ionicframework.com/docs/v2/ionicons/
+
+@import "ionic.ionicons";
+
+
+// Fonts
+// --------------------------------------------------
+
+@import "roboto";
+@import "noto-sans";

+{
+  "compilerOptions": {
+    "allowSyntheticDefaultImports": true,
+    "declaration": false,
+    "emitDecoratorMetadata": true,
+    "experimentalDecorators": true,
+    "lib": [
+      "dom",
+      "es2015"
+    ],
+    "module": "es2015",
+    "moduleResolution": "node",
+    "sourceMap": true,
+    "target": "es5"
+  },
+  "include": [
+    "src/**/*.ts"
+  ],
+  "exclude": [
+    "node_modules"
+  ],
+  "compileOnSave": false,
+  "atom": {
+    "rewriteTsconfig": false
+  }
+}
\ No newline at end of file

+{
+  "rules": {
+    "no-duplicate-variable": true,
+    "no-unused-variable": [
+      true
+    ]
+  },
+  "rulesDirectory": [
+    "node_modules/tslint-eslint-rules/dist/rules"
+  ]
+}