モバイル端末用画面を作成する

最終更新日: 2020年7月29日

スマートフォンから操作する専用画面を作成します。

スマートフォンUIとは

UIとは User Interface の略で、利用者の操作画面を指します。

スマートフォンUIは、標準UIの画面機能をスマートフォン向けに最適化したものです。標準UIの一部機能は使えませんが、スマートフォンからの操作性を向上させています。

Wagby のスマートフォン対応は「Web アプリケーション方式」です。各スマートフォンが備える Web ブラウザを使って操作します。次のメリットがあります。

モデルの詳細画面を開き、「画面 > その他」タブの「モバイル端末用画面を作成する」を有効にした状態でビルドします。

モバイル端末用画面を用意する場合、PC 向けモデルのサブモデルとすることを推奨します。
サブモデルの作成方法はこちらをお読み下さい。メインモデルとサブモデルは常に次のような関係になります。

メインモデルで用意した項目 > サブモデルで用意した項目

スマートフォンのモデルはその性質から、PC画面より項目を減らす等、モバイル用に特化する必要があるため、専用のモデル(サブモデル)を作成すると使い勝手が向上します。

サブモデルを用意せず、一つのモデル設定でPCとスマートフォンの両方を利用できるように設定することもできます。このとき、標準UIではメニューに表示されません。スマートフォン画面のメニューのみとなります。また後述するスマートフォンの制約をすべて受け入れる必要があります。

スマートフォンは iOS および Android OS 上で動作する Web ブラウザに対応しています。

スマートフォンは PC と異なる画面操作性が必要なため、PC 版とは異なる挙動となります。

「ファイル型項目」の扱いが異なります。Android OS では登録・更新画面で写真の選択と送信が可能です。iPhone OS では閲覧は可能ですが登録・更新に未対応です。
階層メニューは未対応です。メニュー設定画面のタブ内に配置されいてるモデルがグループ化されて表示されます。
一覧表示画面のページネーションは対応していますが、「ページにおける表示数の変更」リストボックスは表示されません。