mitsuruog/sapui5.html

## sapui5.html
<!DOCTYPE html>
<html>
<head>
  <meta name="description" content="SAPUI5でHello world" />
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge" />
  <title>Hello SAPUI5</title>
  <script id="sap-ui-bootstrap" type="text/javascript"
      src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
      data-sap-ui-theme="sap_bluecrystal"
      data-sap-ui-libs="sap.ui.commons,sap.m"></script>
  <script>

    //アプリケーションの土台を作成します
    //ちなみにSinglePageApplicationですので画面遷移しません
    var app = new sap.m.App("myApp", {
      initialPage: "page1"
    });

    //１ページ目を作成します
    var page1 = new sap.m.Page("page1", {
      title: "１ページ目",
      showNavButton: false,
      //ページのコンテンツはボタン１つのみです
      content: new sap.m.Button({
        text: "次のページ",
        press: function() {
          //ボタンがタップされた場合に、次のページへ遷移します。
          app.to("page2");
        }
      })
    });

    //２ページ目を作成します
    var page2 = new sap.m.Page("page2", {
      title: "２ページ目",
      //ページ左上に戻るボタンを表示します
      showNavButton: true,
      //戻るボタンをタップした場合のイベントハンドラです
      navButtonPress: function() {
        //前のページに戻ります
        app.back();
      },
      //ページのコンテンツはラベル１つのみです
      content: new sap.m.Label({
        text: "Hello SAPUI5 Mobile World!"
      })
    });

    //アプリケーションにページを追加します
    app.addPage(page1).addPage(page2);

    //HTMLの所定の場所にアプリケーションを追加します
    app.placeAt("content");

    </script>
</head>
<body class="sapUiBody" id="content"></body>
</html>
	<!DOCTYPE html>
	<html>
	<head>
	<meta name="description" content="SAPUI5でHello world" />
	<meta charset="UTF-8">
	<meta http-equiv="X-UA-Compatible" content="IE=edge" />
	<title>Hello SAPUI5</title>
	<script id="sap-ui-bootstrap" type="text/javascript"
	src="https://sapui5.hana.ondemand.com/resources/sap-ui-core.js"
	data-sap-ui-theme="sap_bluecrystal"
	data-sap-ui-libs="sap.ui.commons,sap.m"></script>
	<script>

	//アプリケーションの土台を作成します
	//ちなみにSinglePageApplicationですので画面遷移しません
	var app = new sap.m.App("myApp", {
	initialPage: "page1"
	});

	//１ページ目を作成します
	var page1 = new sap.m.Page("page1", {
	title: "１ページ目",
	showNavButton: false,
	//ページのコンテンツはボタン１つのみです
	content: new sap.m.Button({
	text: "次のページ",
	press: function() {
	//ボタンがタップされた場合に、次のページへ遷移します。
	app.to("page2");
	}
	})
	});

	//２ページ目を作成します
	var page2 = new sap.m.Page("page2", {
	title: "２ページ目",
	//ページ左上に戻るボタンを表示します
	showNavButton: true,
	//戻るボタンをタップした場合のイベントハンドラです
	navButtonPress: function() {
	//前のページに戻ります
	app.back();
	},
	//ページのコンテンツはラベル１つのみです
	content: new sap.m.Label({
	text: "Hello SAPUI5 Mobile World!"
	})
	});

	//アプリケーションにページを追加します
	app.addPage(page1).addPage(page2);

	//HTMLの所定の場所にアプリケーションを追加します
	app.placeAt("content");

	</script>
	</head>
	<body class="sapUiBody" id="content"></body>
	</html>