Screen Transition Converter batjst 2 xml Screen Transition

④コーディング ▐ 画面遷移エディタの使い方 ① “Screen. Transition. Converter. bat”の“jst 2 xml”コマンドの“/ｆ”オプションに指定するしてください。 ② “Screen. Transition. Converter. bat”を実行してください。 ③ 画面遷移定義（XML）のファイルが“output”フォルダ（ “/o“オプション）に、出力されます。 Screen. Transition. Converter. bat（修正例） jst 2 xml. exe /s Config. FileTransition. Sheet. Format. xml /o output /f input画面遷移図(Member. Info). xlsx pause Page 28 © NEC Corporation 2015

④コーディング ▐ チュートリアルに沿った画面（demo. html）ファイルのコーディング① <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta name="apple-mobile-web-app-capable" content="yes" /> ① “css”のリンクや“j. Query Mobile”の読み込み ② 作成した Java. Scriptの読み込み <script type="text/javascript" src=". /js/common/systemcommon. js"></script> <script type="text/javascript" src=". /js/Member. Info/common/memberinfo_controller. js"></script> <script type="text/javascript" src=". /js/Member. Info/common/memberinfo_urllist. js"></script> <script type="text/javascript" src=". /js/Member. Info/data/insertmemberinfo_data. js"></script> <script type="text/javascript" src=". /js/Member. Info/logic/insertmemberinfo_logic. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertmemberinfo_viewmodel. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertmemberinfo_viewhelper. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertconf_viewmodel. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertconf_viewhelper. js"></script> </head> 次ページへ続く Page 33 © NEC Corporation 2015

④コーディング ▐ チュートリアルに沿った画面（demo. html）ファイルのコーディング② <body> ① idに、“会員情報登録画面”の画面IDを記載してください <div data-role="page" id=" "> <div data-role="header" id="Insert. Member. Info_header" data-position="fixed"> <h 1>会員情報登録画面</h 1> </div> ② ４つの入力フィールドの画面登録定義の項目 IDを記載してください４つの入力フィールドの nameに、画面 IDを記載してください <div data-role="content"> <form id="Insert. Member. Info. Form" action=""> <ul data-role="listview" data-inset="true" data-theme="c" data-divider-theme="b"> <li data-role="list-divider">会員番号</li> <li><input type="text" id="Insert. Member. Info_MEMBER_NO" name="MEMBER_NO" placeholder="会員番号"/></li></ul> <ul data-role="listview" data-inset="true" data-theme="c" data-divider-theme="b"> <li data-role="list-divider">会員名</li> <li><input type="text" id="Insert. Member. Info_MEMBER_NAME" name="MEMBER_NAME" placeholder="会員名"/></li></ul> <ul data-role="listview" data-inset="true" data-theme="c" data-divider-theme="b"> <li data-role="list-divider">住所</li> <li><input type="text" id="Insert. Member. Info_MEMBER_ADDRESS" name="MEMBER_ADDRESS" placeholder="住所"/></li></ul> <ul data-role="listview" data-inset="true" data-theme="c" data-divider-theme="b"> <li data-role="list-divider">Email</li> <li><input type="text" id="Insert. Member. Info_MEMBER_EMAIL" name="MEMBER_EMAIL" placeholder="Email"/></li></ul> </form> </div> <div data-role="footer" data-position="fixed"> <div data-role="navbar"> <ul class="ui-navbar"> ③ “ 登録 ” ボタンの idに、画面登録定義の項目 IDを記載してください <li class="ui-block-b"> <a href="javascript: void(0); " id="next" data-icon="check" data-theme="e">登録</a> </li> </ul> </div> 次ページへ続く Page 34 © NEC Corporation 2015

④コーディング ▐ チュートリアルに沿った画面（demo. html）ファイルのコーディング③ ① idに、 “確認画面”の画面IDを記載してください <div data-role="dialog" id=" "> <div data-role="header" id="div_Insert. Conf. Header"> <h 1>確認画面</h 1> </div> <div data-role="content"> <div id="div_Insert. Conf. Message. Area">登録しますか？</div> <div class="ui-grid-a"> idに、画面登録定義の項目 IDを記載してください <div class="ui-block-a">② “ 確認画面 ” ボタンの idに、画面登録定義の項目 <a href="javascript: void(0); " id="insert" data-role="button" data-theme="e">はい</a> </div> <div class="ui-block-b"> <a href="javascript: void(0); " id="cancel" data-role="button" data-theme="c">いいえ</a> </div> </body> </html> Page 35 © NEC Corporation 2015

④コーディング ▐ 自動生成結果：Controller 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic var = {}; (function ($) { "use strict"; $(document) memberinfo_controller. js抜粋 ① 機能ID、画面IDに沿って生成されています // 会員情報登録画面(Insert. Member. Info) 画面初期表示時、画面項目クリア処理 . on("pagebeforeshow", "#I ", function (event, data) { /** * Insert. Member. InfoのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. View. Model} */ var target = new memberinfo. Insert. Member. Info. View. Model(); target. ev_pagebeforeshow(event, data); }) // 会員情報登録画面(Insert. Member. Info) ページ初期処理時に各イベントをバインディングします。 . on("pageinit", "#Insert. Member. Info", function (event) { // 会員情報登録画面(Insert. Member. Info) 確認画面を表示する $(document). on("tap", "#Insert. Member. Info #next", function (event) { /** * Insert. Member. InfoのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. View. Model} */ var target = new memberinfo. Insert. Member. Info. View. Model(); target. ev_tap. Next(event); }); ② pagebeforeshow と tap イベントが生成されていま }); $(document) す // 確認画面(Insert. Conf) ページ初期処理時に各イベントをバインディングします。 . on("pageinit", "# ", function (event) { // 確認画面(Insert. Conf) 会員情報登録画面に戻る。 $(document). on("tap", "#Insert. Conf #cancel", function (event) { var target = new memberinfo. Insert. Conf. View. Model(); target. ev_tap. Cancel(event); }); Page 36 © NEC Corporation 2015

④コーディング ▐ 自動生成結果：Url. List 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic Page 37 © NEC Corporation 2015 memberinfo_urllist. js /** * @const * @type {string} */ var MEMBERINFO_INSERT = "insert";

④コーディング ▐ 自動生成結果→コーディング：View. Model （１／３）出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertmemberinfo_viewmodel. js抜粋 /** * @summary 会員情報登録画面(Insert. Member. Info) 画面初期表示時、画面項目クリア処理 * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event データオブジェクト * @param {Object} data イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_pagebeforeshow = function (event, data) { "use strict"; // $. mobile. change. Page("#Insert. Conf", { transition: "slide" }); }; ① 設計書に従い、画面項目クリア処理を実装します。 /** * @summary 会員情報登録画面(Insert. Member. Info) 確認画面を表示する * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { "use strict"; // $. mobile. change. Page("#Insert. Conf", { transition: "slide" }); }; ② 設計書に従い、確認画面を表示するため、コメント解除します。 Page 38 © NEC Corporation 2015

④コーディング ▐ 自動生成結果→コーディング：View. Model （１／３）出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertmemberinfo_viewmodel. js抜粋 /** * @summary 会員情報登録画面(Insert. Member. Info) 画面初期表示時、画面項目クリア処理 * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event データオブジェクト * @param {Object} data イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_pagebeforeshow = function (event, data) { "use strict"; // 会員情報登録画面初期表示時に、会員番号、会員名、住所、Emailの入力欄を初期化する。 $("#Insert. Member. Info_MEMBER_NO"). val(""); $("#Insert. Member. Info_MEMBER_NAME"). val(""); $("#Insert. Member. Info_MEMBER_ADDRESS"). val(""); $("#Insert. Member. Info_MEMBER_EMAIL"). val(""); } /** * @summary 会員情報登録画面(Insert. Member. Info) 確認画面を表示する * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { "use strict"; //会員番号チェック if (memberinfo. Insert. Member. Info. View. Helper. check. Member. No()) { return; } //確認画面に遷移する $. mobile. change. Page("#Insert. Conf", { transition: "slide" }); Page 39 © NEC Corporation 2015

④コーディング ▐ 自動生成結果：View. Model （２／３）出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertconf_viewmodel. js抜粋 /** * @summary 確認画面(Insert. Conf) ユーザが入力した値で登録処理を行う。 * @memberof memberinfo. Insert. Conf. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Conf. View. Model. prototype. ev_tap. Insert = function (event) { "use strict"; try { ① LOGICを利用するためのコードが生成されています。 /** * Insert. Member. Info. Dataのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. Data} */ /** * Insert. Member. Info. Logicのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. Logic} */ } catch (e) { log. error("An error occurred", e); throw e; } }; Page 40 © NEC Corporation 2015

④コーディング ▐ 自動生成結果→コーディング：View. Model （３／３）出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertconf_viewmodel. js抜粋 /** * @summary 確認画面(Insert. Conf) 会員情報登録画面に戻る。 * @memberof memberinfo. Insert. Conf. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Conf. View. Model. prototype. ev_tap. Cancel = function (event) { "use strict"; }; ① 設計書に従い、会員情報登録画面を表示するため、コメントを解除します。 /** * @summary Insert. Member. Info. Logic. lg_insertメソッドが呼び出す、 * DAO(MEMBERINFO_INSERT)の呼び出し成功時に利用するコールバックメソッド。 * @memberof memberinfo. Insert. Conf. View. Model * @function * @param {Object} data 非同期処理の結果 * @param {string} status リクエスト結果を表す文字列 * @param {Object} xhr XMLHttp. Requestオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { ata, status, xhr) { "use strict"; // $. mobile. change. Page("#Insert. Member. Info", { transition: "slide" }); }; Page 41 © NEC Corporation 2015 ② 設計書に従い、会員情報登録画面を表示するため、コメント解除します。

④コーディング ▐ 自動生成結果→コーディング：View. Model （３／３）出力フォルダクラス名 common Controller Url. List viewmodel View. Model insertconf_viewmodel. js抜粋 /** * @summary 確認画面(Insert. Conf) 会員情報検索画面に戻る。 * @memberof memberinfo. Insert. Conf. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Conf. View. Model. prototype. ev_tap. Cancel = function (event) { "use strict"; View. Helper data Data logic Logic }; /** * @summary Insert. Member. Info. Logic. lg_insertメソッドが呼び出す、 * DAO(MEMBERINFO_INSERT)の呼び出し成功時に利用するコールバックメソッド。 * @memberof memberinfo. Insert. Conf. View. Model * @function * @param {Object} data 非同期処理の結果 * @param {string} status リクエスト結果を表す文字列 * @param {Object} xhr XMLHttp. Requestオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { ata, status, xhr) { "use strict"; //会員情報登録画面に遷移する $. mobile. change. Page("#Insert. Member. Info", { transition: "slide" }); }; Page 42 © NEC Corporation 2015

④コーディング ▐ 自動生成結果→コーディング：View. Helper 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic Page 44 © NEC Corporation 2015 insertmemberinfo_viewhelper. js /** * @summary 会員情報登録画面(Insert. Member. Info)のデータバインディング、入力チェック定義クラス。 * @memberof memberinfo * @class 会員情報登録画面(Insert. Member. Info)のデータバインディング、入力チェック等を行うクラス。 * @constructor */ memberinfo. Insert. Member. Info. View. Helper = function () { "use strict"; }; /* * 会員番号の長さをチェックする。 */

④コーディング ▐ 自動生成結果：Data 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic Page 45 © NEC Corporation 2015 insertmemberinfo_data. js抜粋 /** ① モジュールIFシートに従ってデータが定義されています。 memberinfo * @memberof * @class Insert. Member. Info. Data * @constructor * @property {string} member_NO 会員番号 * @property {string} member_NAME 会員名 * @property {string} member_ADDRESS 住所 * @property {string} member_EMAIL Email */ memberinfo. Insert. Member. Info. Data = function () { "use strict"; /** * member_NO(会員番号)のインスタンスを生成する。 * @type {string} */ this. member_NO = ""; /** * member_NAME(会員名)のインスタンスを生成する。 * @type {string} */ this. member_NAME = ""; /** * member_ADDRESS(住所)のインスタンスを生成する。 * @type {string} */ this. member_ADDRESS = "";

④コーディング ▐ 自動生成結果→コーディング：Logic 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertmemberinfo_logic. js抜粋 /** * @summary 登録処理(DAOの呼び出し)。 * @memberof memberinfo. Insert. Member. Info. Logic# * @param {Object} dao. Data 入力データ * @param {Function} success 成功時のコールバック関数 * @param {Function} error 失敗時のコールバック関数 */ memberinfo. Insert. Member. Info. Logic. prototype. lg_insert = function (dao. Data, success, error) { "use strict"; //////////////////////////////////// // オウンコーディングして利用してください。 //////////////////////////////////// ① データチェック等の処理を追加します。 try { /** * System. Common. Daoのインスタンスを生成する。 * @type {systemcommon. System. Common. Dao} */ var dao = new systemcommon. System. Common. Dao(); dao. invoke(MEMBERINFO_INSERT, dao. Data, success, error); } catch (e) { log. error("An error occurred", e); throw e; } }; ② DAOを呼び出すコードが自動生成されています。 Page 46 © NEC Corporation 2015

④コーディング ▐ 自動生成結果→コーディング：Logic 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertmemberinfo_logic. js抜粋 /** * @summary 登録処理 * @memberof memberinfo. Insert. Member. Info. Logic# * @param {Object} dao. Data 入力データ * @param {Function} success 成功時のコールバック関数 * @param {Function} error 失敗時のコールバック関数 */ memberinfo. Insert. Member. Info. Logic. prototype. lg_insert = function (dao. Data, success, error) { "use strict"; try { /** * System. Common. Daoのインスタンスを生成する。 * @type {systemcommon. System. Common. Dao} */ var dao = new systemcommon. System. Common. Dao(); dao. invoke(MEMBERINFO_INSERT, dao. Data, success, error); } catch (e) { log. error("An error occurred", e); throw e; } }; Page 47 © NEC Corporation 2015

④コーディング ▐ コーディング→コーディング：DAO チュートリアルでは、データ保存は行わず、コールバックのみを行います。 systemcommon. js抜粋 /** * System. Common. Dao の ajax メソッドを利用した非同期通信を行います。 * {@link systemcommon. System. Common. Dao#call. Ajax} メソッドに対してリスナを追加し実行します。 * @memberof systemcommon. System. Common. Dao# * @function * @param {string} url URL * @param {Object} dao. Data Dao. Data * @param {Function} callback 成功時のコールバック関数 * @param {Function} error. Callback 失敗時のコールバック関数 */ systemcommon. System. Common. Dao. prototype. invoke = function (url, dao. Data, callback, error. Callback) { "use strict"; }; Page 48 © NEC Corporation 2015

[機能追加] コーディング（１／５） ▐ HTMLの作成 HTMLの変更箇所は以下の通りです。 <html> <head> ・・・省略・・・ <script type="text/javascript" src='data:image/svg+xml,%3Csvg%20xmlns=%22http://www.w3.org/2000/svg%22%20viewBox=%220%200%20760%20570%22%3E%3C/svg%3E' data-src=". /js/common/systemcommon. js"></script> <script

[機能追加] コーディング（１／５） ▐ HTMLの作成 HTMLの変更箇所は以下の通りです。 <html> <head> ・・・省略・・・ <script type="text/javascript" src=". /js/common/systemcommon. js"></script> <script type="text/javascript" src=". /js/Member. Info/common/memberinfo_controller. js"></script> <script type="text/javascript" src=". /js/Member. Info/common/memberinfo_urllist. js"></script> <script type="text/javascript" src=". /js/Member. Info/data/insertmemberinfo_data. js"></script> <script type="text/javascript" src=". /js/Member. Info/logic/insertmemberinfo_logic. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertmemberinfo_viewmodel. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertmemberinfo_viewhelper. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertconf_viewmodel. js"></script> <script type="text/javascript" src=". /js/Member. Info/viewmodel/insertconf_viewhelper. js"></script> </head> ① 自動生成の結果、増加したファイルの読み込みを追加します。次ページへ続く Page 63 © NEC Corporation 2015

[機能追加] コーディング（２／５） ▐ HTMLの作成 HTMLの変更箇所は以下の通りです。 <body> <div data-role="page" id="Insert. Member. Info"> <div data-role="header" id="Insert. Member. Info_header" data-position="fixed"> <h 1>会員情報登録画面</h 1> </div> ・・・省略・・・ <div data-role="footer" data-position="fixed"> <div data-role="navbar"> ① 「入力データクリア」ボタンを追加します。 <ul class="ui-navbar"> <li class="ui-block-b"> <a href="javascript: void(0); " id="next" data-icon="check" data-theme="e">登録</a> </li> </ul> </div> ② “クリア完了画面 ” を追加します。・・・省略・・・ <div data-role="dialog" id="Insert. Cleared"> <div data-role="content"> <div id="div_Insert. Cleared. Message. Area">入力情報をクリアしました</div> <a href="javascript: void(0); " id="ok" data-role="button" data-theme="e">OK</a> </div> </body> </html> Page 64 © NEC Corporation 2015

[機能追加] コーディング（３／５） ▐ 自動生成結果：Controller 出力フォルダクラス名 common Controller $(document) // 会員情報登録画面(Insert. Member. Info) 画面初期表示時、画面項目クリア処理 . on("pagebeforeshow", "#Insert. Member. Info", function (event, data) { Url. List viewmodel memberinfo_controller. js抜粋 View. Model /** * Insert. Member. InfoのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. View. Model} */ var target = new memberinfo. Insert. Member. Info. View. Model(); target. ev_pagebeforeshow(event, data); }) View. Helper data Data logic Logic ① 「入力データクリア」ボタン押下イベントをマージしてください。 ② “クリア完了画面 ” のイベントをマージ追加してください。 Page 65 © NEC Corporation 2015

[機能追加] コーディング（３／５） ▐ 自動生成結果：Controller 出力フォルダクラス名 common Controller $(document) // 会員情報登録画面(Insert. Member. Info) 画面初期表示時、画面項目クリア処理 . on("pagebeforeshow", "#Insert. Member. Info", function (event, data) { Url. List viewmodel memberinfo_controller. js抜粋 View. Model View. Helper data Data logic Logic /** * Insert. Member. InfoのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. View. Model} */ var target = new memberinfo. Insert. Member. Info. View. Model(); target. ev_pagebeforeshow(event, data); }) // 会員情報登録画面(Insert. Member. Info) エディットボックスをクリアし、クリア完了画面に遷移する。 /** * Insert. Member. InfoのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Member. Info. View. Model} */ }); ① 「入力データクリア」ボタン押下イベントをマージ $(document) // クリア完了画面(Insert. Cleared) ページ初期処理時に各イベントをバインディングします。 . on("pageinit", "#Insert. Cleared", function (event) { // クリア完了画面(Insert. Cleared) 会員情報登録画面に戻る。 $(document). on("tap", "#Insert. Cleared #ok", function (event) { /** * Insert. ClearedのView. Modelのインスタンスを生成する。 * @type {memberinfo. Insert. Cleared. View. Model} */ var target = new memberinfo. Insert. Cleared. View. Model(); target. ev_tap. Ok(event); ② “クリア完了画面 ” のイベントをマージ }); Page 66 © NEC Corporation 2015

[機能追加] コーディング（４／５） ▐ 自動生成結果：View. Model 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic Page 67 © NEC Corporation 2015 insertmemberinfo_viewmodel. js抜粋 /** * @summary 会員情報登録画面(Insert. Member. Info) 確認画面を表示する * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { "use strict"; $. mobile. change. Page("#Insert. Conf", { transition: "slide" }); }; ① 「エディットボックスのクリア処理」を自動生成されたソースコードをマージした後に、実装します。

[機能追加] コーディング（４／５） ▐ 自動生成結果：View. Model 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertmemberinfo_viewmodel. js抜粋 /** * @summary 会員情報登録画面(Insert. Member. Info) 確認画面を表示する * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event イベントオブジェクト */ memberinfo. Insert. Member. Info. View. Model. prototype. ev_tap. Next = function (event) { "use strict"; $. mobile. change. Page("#Insert. Conf", { transition: "slide" }); }; ① 自動生成されたソースコードをマージした後に実装 /** * @summary 会員情報登録画面(Insert. Member. Info) エディットボックスをクリアし、クリア完了画面に遷移する。 * @memberof memberinfo. Insert. Member. Info. View. Model# * @function * @param {Object} event イベントオブジェクト */ // 会員情報登録画面初期表示時に、会員番号、会員名、住所、Emailの入力欄を初期化する。 // クリア完了画面に遷移する。 Page 68 © NEC Corporation 2015

[機能追加] コーディング（５／５） ▐ 自動生成結果：View. Model 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertcleared_viewmodel. js抜粋 /** * @fileoverview クリア完了画面(Insert. Cleared)の業務処理を定義するファイル。 */ /** * @summary クリア完了画面(Insert. Cleared)の業務処理定義クラス。 * @memberof memberinfo * @class クリア完了画面(Insert. Cleared)の業務処理を定義するクラス。 * @constructor */ memberinfo. Insert. Cleared. View. Model = function () { "use strict"; }; ① 「クリア完了画面」から「会員情報登録画面」に戻る自動生成されたソースコードをマージし、 change. Pageのコメントアウトを無効にします。 Page 69 © NEC Corporation 2015

[機能追加] コーディング（５／５） ▐ 自動生成結果：View. Model 出力フォルダクラス名 common Controller Url. List viewmodel View. Model View. Helper data Data logic Logic insertcleared_viewmodel. js抜粋 /** * @fileoverview クリア完了画面(Insert. Cleared)の業務処理を定義するファイル。 */ /** * @summary クリア完了画面(Insert. Cleared)の業務処理定義クラス。 * @memberof memberinfo * @class クリア完了画面(Insert. Cleared)の業務処理を定義するクラス。 * @constructor */ memberinfo. Insert. Cleared. View. Model = function () { "use strict"; }; /** * @summary クリア完了画面(Insert. Cleared) 会員情報登録画面に戻る。 * @memberof memberinfo. Insert. Cleared. View. Model# * @function * @param {Object} event イベントオブジェクト */ ① 自動生成されたソースコードをマージした後にコメントアウトを無効化 Page 70 © NEC Corporation 2015