動作確認(スマートフォン)最終更新日: 2021年7月14日

スマートフォンUIとは

Wagbyでビルドしたアプリケーションは3つのUIを利用できます。それぞれ「標準UI」「スマートフォンUI」「SPA UI」と呼んでいます。

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

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

モバイル端末用画面の作成

アプリケーションをスマートフォンなどのモバイル端末で利用する場合、事前の設定が必要です。
モバイル用の画面を用意するかどうかは、モデルごとに設定します。

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

画面 > その他

ログオン

認証

無料トライアル版では、スマートフォンからアプリケーションのURLへアクセスしたとき、認証画面が開きます。認証後に、以下に示すアプリケーションの操作を行うことができます。
(本番運用環境を利用する場合は、この認証画面は表示されません。)

  1. アプリケーションのログオン画面が開きます。
    次のアカウントがデフォルトで用意されていますので、ログオンします。
    ユーザID admin
    パスワード wagby
    ログオン画面(アプリケーション)

    ワンポイント

    標準UIとスマートフォンUIを提供するサービスのURLは同一です。WagbyアプリケーションがPCかスマートフォンかを自動判別します。

  2. 「顧客検索」というメニューが用意されています。こちらがさきほどの手順で作成した顧客モデルの操作を行うメニューです。
    モデルを追加すると、このメニューが増えていきます。
    メニュー画面

データの登録

  1. 「顧客検索」をタップして開きます。
    メニュー画面
  2. 「+」をタップし、登録画面に遷移します。
    顧客メニューを開く
  3. 各項目入力し、「保存」ボタンをクリックします。
    (※「顧客ID」は自動的に振られるため、入力欄は用意されません。)
    登録画面へ
  4. 顧客データが1件、追加されました。
    登録完了

登録済みデータの編集

  1. 更新したいデータをクリックし、詳細表示画面にアクセスします。
    右上の「更新」ボタンをクリックします。
    顧客詳細
  2. 内容を編集し、「保存」ボタンをクリックします。
    顧客詳細
  3. 選択した顧客データが更新されました。
    顧客詳細

データの削除

  1. 削除したいデータの詳細画面にアクセスし、画面下部の赤いボタン「削除」をタップします。
    顧客詳細

データの検索

  1. 右上の虫眼鏡ボタンをタップします。
    顧客検索
  2. 検索項目が表示されます。
    ここで条件を入力して「検索」ボタンをタップします。
    (もう一度虫眼鏡ボタンをタップすると、検索ウインドウが閉じます)
    検索の実行
  3. 入力した内容を含むデータが抽出されます。
    検索結果の表示