エクセルでJAVAアプリを超簡単生成！「ワンダーロボ」ボタン、リンク、検索ボタンの設定方法


「ワンダーロボ」はExcel設計書を自ら分析しAIを利用！
自然言語で記述された業務ニーズをソースコードに転換！

「ボタン」「リンク」「検索ボタン」を画面項目に設定する方法です。
###ステップ1.　それぞれテーブル設計書のテンプレートを利用
###ステップ2.　設定内容入力する
###ステップ3.　ワンダーロボに取り込む

##ステップ1.　それぞれテーブル設計書のテンプレートを利用
##ステップ2.　設定内容入力する

###1.ボタン　Button
**ボタン**とは、クリックし操作するために設けられた項目です。
各入力したデータを、保存や遷移させたい場合に設けます。

Excel設計書では、下記のように記入します↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/6eae9b77-8ed2-440a-0c37-a64b3a90455b.png)



1-1　Excelの外枠罫線の設定を行ってください
　　　　　※外枠罫線は、必ず下図赤枠のいずれかを使用してください
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/c75288e3-eba9-1522-7601-73ea20d0ff7f.png)
1-2　文字列を中央揃え、セルを結合して中央揃えに設定

**画面設計は2種類の方法があります。**
**方法①**　Excelシート１枚で左側に画面レイアウトを設計、右側でshapeを付け画面詳細設計を行う。
shapeでの色の設定→　　　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/2a5fbb9f-506d-cf25-eb33-82a6eb102752.png)

**方法②**　画面レイアウト設計と画面詳細設計をシートで分け、シート名を「画面設計_〇〇〇」、「画面詳細設計_〇〇〇」と記述します。
画面詳細設計での色の設定→　　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/cbef43b0-7ac4-21c3-e4cd-0b0621641372.png)





#####SaaSForce開発画面表示例↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/9bdae2bf-a8da-3a05-5ef3-03ba44fbd6a3.png)



#####ユーザー利用画面表示例↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/0d9bcc0b-3e37-783a-0bab-7dcbc58c64fc.png)

###2.リンク　Link　(URL　ハイパーリンク)　
**リンク**とは、リンクボタン（ハイパーリンク）を設定し、クリックすると
　　　　　　他の画面やインターネット上のページへ遷移する機能です。

Excel設計書はこちら↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/1da69688-dc67-e029-5531-5b3e90c0f5fa.png)


右側のshape→　![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/edf18358-16b6-7aac-98a6-381cab246e3a.png)
1-1ボタンにshapeで遷移先を記入します。

1-2セルの位置、画面名、条件や場所などを入力
　
※システム内の遷移先（「遷移先は更新画面 」、「遷移先は新規画面」、「遷移先は検索画面」）
※遷移先を「url」文字に設定する場合、リンクタイプをSaaSForceシステムの外部リンクに設定します。




Excel設計書を取り込むと、下の図が出来上がります↓
#####SaaSForce開発画面表示例↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/1f86ea69-afcf-ed03-9ae6-b667594319b9.png)

#####ユーザー利用画面表示例↓![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/617b4b10-19f1-08dd-944c-b60f4feaf008.png)

###3.検索ボタン（Smart Search）
Smart Searchとは、検索項目を１つ１つ入力設定しなくても検索できる機能です。

Excel設計書では、下記のように記入します↓

![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/90eeb0ca-4c82-3992-0eaa-11f7090f73a5.png)

右側のshape↓![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/2054e60e-aa39-039a-e089-f7da1b1da3a6.png)

1-1 検索ボタンの条件を右側のshapeに入力します。


#####SaaSForce開発画面表示例↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/7074caa2-e5ff-930c-630b-264a6adc3e55.png)

#####ユーザー利用画面表示例↓
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/69604409-a713-1637-e6eb-4a158f555810.png)

##ステップ3.　ワンダーロボに取り込む
###ワンダーロボの取り込み先はこちら↓
 手順は　**SaaSForceシステム**===>**「システム」**===> **「開発設定」**===> **「システム自動構築」**です。
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/184885/b5df5670-4b37-4fee-e91c-ba295891244c.png)
SaaSForceの開発環境にログインし、設計書ファイルをインポートします。
そして、利用画面で反映されているか確認して完了です。