「ワンダーロボ」Dropdownlist、Textarea、自動採番、画像の設定方法

###ステップ1.Dropdownlistの設定方法
###ステップ2.Textareaの設定方法
###ステップ3.自動採番の設定方法
###ステップ4.画像の設定方法
---
###ステップ1.Dropdownlistの設定方法
Dropdownlistの設定方法を説明します。Dropdownlistとは、下の図のボタンを押したときにリスト上に文字が表示され自由に文字列を選択できる機能です。

まずは画面設計書にて、「Dropdownlist」指定したいセルに「▼」を入力します。
※図1
<img width="1128" alt="07.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/7658e718-55af-24a9-1a2c-b9d675b0673a.png">

###1-1.画面詳細設計書に設定
次に、画面詳細設計に「Dropdownlist」を設定します。この場合、図1の「会社区分」項目のリスト値を「0:客先;1:仕入先」に設定しています。
※図2
<img width="1128" alt="08.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/bc37bcfc-692b-d97c-daed-7be9174ccbe3.png">

###1-2.ファイルをインポートしユーザー利用画面で確認
SaaSForceの開発環境にログインし、設計書ファイルをインポートします。そして、利用画面で反映されているか確認して完了です。
<img width="1128" alt="09.PNG" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/f994a8c8-724a-028b-6814-bb104a40f249.png">
---

###ステップ2.Textareaの設定方法
次に、Textareaの設定方法を説明します。

###2-1.画面設計書で設定
画面設計で、「Textarea」に設定したい行を結合します。そして、Border=1の罫線で囲みます。
#####※この時、画面詳細設計での記載は必要ありません
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/4fa767cc-7b13-ab5a-70b0-58501a984d12.png)

###2-2.ファイルをインポートしユーザー利用画面で確認
SaaSForceの開発環境にログインし、設計書ファイルをインポートします。そして、利用画面で反映されているか確認して完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/952c582d-4296-169a-f89f-efbae009de0b.png)


###ステップ3.自動採番の設定方法
自動採番の設定方法を説明します。自動採番項目を設定する前に、「テーブル設計」で該当フィールドの値内容を「自動採番」を設定することが必要です。

###3-1.テーブル設計で「自動採番」を設定
例：下図の通りに「会社ID」項目の値内容を「自動採番:A,0,9」に設定しています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/3f9f8b41-6019-4e63-a9fc-01a4798cfce1.png)

####※自動採番の設定規則：
・頭文字：英字または英字と数字の組み合わせ
・採番初期値："0"のみ設定可
・長さ：初期値の桁数
（例1：“自動採番:J,0,5”⇒番号：J00000, J00001, J00002……）
（例2：“自動採番:J0,0,5”⇒番号：J000000, J000001, J000002……）
（例3：“自動採番:J12,0,5”⇒番号：J1200000, J1200001, J1200002……）

###3-2.画面設計書での設定
次に、画面設計で画面項目「会社ID」をデータベースと関連します。この場合、「会社ID」項目が自動的に自動採番項目になります。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/16c143f4-7fd5-de47-cf1a-4b7c5cc60cee.png)

###3-3.ファイルをインポートしユーザー利用画面で確認
SaaSForceの開発環境にログインし、設計書ファイルをインポートします。そして、利用画面で反映されているか確認します。「会社ID」が「自動採番」に設定されています。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/34fd1c03-84f9-719f-52d9-f7bc7b4fe518.png)


項目に、必要事項を入力し保存します。設定し通り、発番出来ていたら完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/c25c1a2a-4749-0f27-2d8d-8dbf54972e1d.png)


###ステップ4.画像の設定方法
最後に、画像の設定方法を説明します。
「Textarea」のように複数のセルを結合し、セルをBorder=1の罫線で囲みます。
そして、セルに{画像}を入力します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/1a780705-8521-e7e4-b112-235d28bb2a63.png)

###4-1.ファイルをインポートしユーザー利用画面で確認
SaaSForceの開発環境にログインし、設計書ファイルをインポートします。そして、利用画面で反映されているか確認して完了です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/821b5a54-a1ec-e750-472b-614b867f7d4a.png)
###4-2.ファイルをアップロードする
「NO FILE」で右クリックを押し、「ファイル変更」「ファイルクリア」の項目があります。「ファイル変更」から「新しいファイルをアップロード」で挿入したいファイルを選択し、「確定」を押すとファイルが変更されます。「ファイルクリア」を押すと挿入されているファイルを消去します。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/6222480f-2bd8-85d6-7797-33c56f6399f3.png)