目次

はじめに
プロジェクトの作成
動かしてみよう
どんな動きになるかみてみよう

はじめに

今回は、モバイルアプリの作成から
動作の確認を行う方法を紹介していきます！

プロジェクトの作成

Webアプリの作成時と同様、
Project > New projectから新規のプロジェクトを作成します。

モバイルアプリを作成するので、
「Native App」を選択しましょう。

次にプロジェクト名を選択したら、プロジェクトの作成は完了です。

動かしてみよう

Webアプリ作成時と同様、Formを新規で作成して
Widgetを配置して色々と動かしてみましょう！

方法がわからない方は、復習しながら進みましょう👌
▶︎Webアプリを作ってみよう

今回はこのように配置しました。

プルダウンリストには、Listbox Widgetを使用しています。
プルダウンリストの一覧にデータを表示したい場合は、
Listboxを選択した状態で、右メニューにあるMaster Dataの「Edit」ボタンをクリックします。

モーダルが開くので、Display Valueを編集すると
プルダウンのリストの中身を更新することができます。

どんな動きになるかみてみよう

簡単なアプリの作成ができたので、
早速動作の確認をしてみましょう！

ローカルと実機またはシミュレーターで確認する方法があり、
今後どれも必要になってくるので、覚えていくようにしましょう

ローカルで確認する

デザインの確認など通信を行わない動作の確認をする際は、
Webアプリと同様「Live Preview」で確認します。

Visualizerの一番上にあるメニューから、
Build -> Live Preview Settingsをクリックしてください。

モバイル（iOSまたはAndorid）にチェックをつけて、
Save & Run を実行します。

プレビューが完了すると、
モバイルの場合は、QRコードが書かれたポップアップが表示されます。
QRコードを読み取ると、アプリのプレビューを確認することができますが、
これには専用の「Temenos Quantum」というアプリが必要となります。

まだアプリをダウンロードしていない人は、
「Get Temenos Quantum」をクリックすると、
QRコードが表示されるので、標準のカメラアプリで読み取って、
Quantumモバイルアプリをダウンロードしてください。

モバイルのQuantumアプリを開いたら、
自身のクラウドアカウントでログインをします。

使い方については、
以下の記事を参考にしながら進めてみてください！
▶︎Temenos Quantumアプリを使って開発したアプリを確認してみた

プレビューで確認したところ、アプリ画面が表示されたかと思います！

デザインの確認などだけ行いたい場合は、
さくっとプレビューアプリで確認できるのでおすすめです👍

実機またはシミュレーターで確認する

API通信が必要な確認の場合は、
実機またはシミュレーターでの確認を行うようにしてください。

下記の記事でiOS、Androidそれぞれで
実機とシミュレーターでの確認方法を記載していますので、
「2. Mobileのビルド」のパートを参考にしながら進めてみてください！

▶︎Visualizer Version9 でのアプリビルド方法

iOS、Androidそれぞれで、
実機またはシミュレーターで確認できるようになりましたでしょうか？

Xcodeでのビルドを行えるようになると、
コンソールに以下のようなログが表示されるようになります。

ログが見れるようになると、
うまく動かない部分があってもエラー箇所を確認することによって、
スピーディに実装を進めることができるようになります。

次回以降、演習問題に入っていきますので、
今のうちから実機またはシミュレーターでビルドできるようになっておいてくださいね🙆‍♂️

次の記事

次回からは早速、演習問題スタートです！
※現在作成中です。しばらくお待ちください。
▶︎Exercise1 モバイルでクーポン画面を作ってみよう

記事一覧：
https://qiita.com/Kony_Team/private/4c922fa016ce95c58406

最後に一言

より読みやすい記事にしていきたいので、
「ここがわからなかった！」
「ここがもっと知りたい」
など、コメントいただけると嬉しいです！