7.1. 概要¶
7.1.2. 画面アイテムの開発¶
本ドキュメントの手順に従って、製品標準以外で開発した画面アイテムについてもスマートフォン対応させることが可能です。
IM-Mobile Framework¶
スマートフォン版 画面アイテムは、IM-Mobile Frameworkにて提供されているモバイルフレームワーク(jQuery Mobile)を利用して開発します。
- モバイルフレームワークの詳細については、「 スクリプト開発モデル プログラミングガイド 」の「 UI(スマートフォン開発ガイドライン) 」を参照してください。
- モバイルフレームワークでは、jQuery Mobileの2つのバージョンをサポートしていますが、IM-FormaDesignerではjQuery Mobile 1.4.5を利用しています。
全体の作業の流れ¶
スマートフォン対応の基本的な流れとしては、以下の通りです。
スマートフォン版の画面アイテムを実装する
- PC版と同様に、デザイナーで設定したプロパティに基づいて画面を表示するスクリプト開発モデルの資材(プレゼンテーション・ページ/ファンクション・コンテナ)を用意します。
- スマートフォン版のUIは、モバイルフレームワーク(jQuery Mobile 1.4.5)を利用して開発します。
イベント処理を実装する
- 画面アイテムの操作に対してイベントリスナーの設定・イベント発生時の処理を実装します。
- イベント処理は、スマートフォン表示の画面で読み込まれる静的なJavaScriptファイルに記述します。
画面アイテムをシステムに登録する
- 開発したスマートフォン版 画面アイテムをシステムに登録します。
注意
スマートフォン版専用のプロパティ画面を用意することはできません。
PC版に設定したプロパティ情報が画面アイテムのファンクション・コンテナの引数に渡されます。
7.1.4. 画面アイテム構成ファイル¶
スマートフォン版 画面アイテムを構成するファイルは、以下の通りです。
ファイル名 説明 sp_view (html) スマートフォン版 画面アイテムを出力するスクリプト開発モデルのプレゼンテーション・ページ ファイルです。 sp_view (js) スマートフォン版 画面アイテムを出力するスクリプト開発モデルのファンクション・コンテナ ファイルです。 sp_%アイテムタイプ% (js) イベント処理を記述するクライアントサイド・ファイル。 type (js) スマートフォン版 画面アイテムをシステムに登録するための設定を行うサーバサイド・ファイルです。 sp_view_ex (html) 遷移先画面(リンク機能)を出力するスクリプト開発モデルのプレゼンテーション・ページ ファイルです。 sp_view_ex (js) 遷移先画面(リンク機能)を出力するスクリプト開発モデルのファンクション・コンテナ ファイルです。