(ServiceNow) アプリケーションにフィールドを追加し、FORMを設定する基本作業

## 1 概要
アプリケーションを作成後、フィールドを追加しつつ、フォームに設定するCADラボから学んだ基本的な手順を記載

## 2 前提条件
新規テーブルは[task]テーブルを継承した[Test Application]とする

## 3 作成手順
### 1 テーブルにフィールドを追加する
#### システム定義で行う場合
[System Definition]⇒[Tables]で対象のテーブルを選択する
![20.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/33faff46-aaf8-4613-30ae-51bc7ee4c6f0.png)
[Columns]タブの[New]を押下する
![21.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/cc23e56a-3aa8-047a-469e-bd2db8952df6.png)
フィールドの内容を入力して、[Submit]を押下する
![22.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/26f18ecc-a237-1918-6541-d0281b8bf255.png)
Type：フィールドの型
Column label：項目の表示名
column name：項目の管理名（自動設定） 
Max length：入力最大値（String型のため）

フィールドが追加されたことを確認する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/9841a6a4-b6f8-f8e3-57f3-cccd3709ac70.png)

#### studioで行う場合
対象アプリケーションで[Data Model]⇒[Tables]を選択する
![24.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/6237dd67-11b1-f251-a3f7-662c3012c417.png)
[Columns]タブの[New]を押下する
![25.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/d15fcc30-255e-1295-d983-a55686048366.png)
フィールドの内容を入力して、[Submit]を押下する
![26.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/7799f3db-c850-c480-3d9e-77ee4125b197.png)
フィールドが追加されたことを確認する
![27.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/e8e37cf1-d115-0be5-c27b-de528cf0b567.png)

#### Form Designerで行う場合
入力フォームの更新画面でフィールドを追加することも出来るが、その場合は以降を参照

### 2 フォームを更新する
##### studioから行う場合
[Create Application File]⇒[Forms & UI]⇒[Form]を選択し、[Next]を押下する
![28.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/a9ac8151-467c-f78b-b0f7-194424ce6286.png)
対象のテーブル名を選択し、[Create]を押下する
![29.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/0e84acae-e66a-cfbc-e934-fc03731da501.png)

##### メイン画面から行う場合
[対象のアプリケーション]⇒[Create New]を選択する
![30.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/c8fd33d4-5496-6f3f-5566-f545b8be9863.png)
[Additional actions]⇒[Configure]⇒[Form Design]を選択する
![31.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/b40f44f1-f5cc-4de0-3934-7253a80fa799.png)

##### 既存フィールドをフォームに設定する
 [Fields]から対象フィールドを設定したい場所へドラッグ＆ドロップする
 ![35.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/07b297e6-a490-8e13-ff21-bc2c2c846516.png)
![36.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/3c23f7f9-ec35-a053-7766-8d2125f2b464.png)

##### 新規フィールドを追加してフォームに設定する
[Field Types]から追加するフィールドのデータ型を設定したい場所へドラッグ＆ドロップする
![32.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/a51dd96e-75f4-164d-ad0c-06cc07c03b3c.png)
[Edit field New 項目]（歯車マーク）を押下し、フィールドを設定する
![image.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/c00d73b1-e080-c069-8bc8-e899aed49111.png)
[Save]を押下する
![33.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/0fc77803-8628-2570-17a6-0501125a9e52.png)

フィールドが追加されたことを確認する
![34.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/76c67a63-47f5-a141-cf57-a6361527411b.png)
※Form Designerで行う場合、フォームの設定と合わせて行うことが出来る。

#### フォームが更新されたことを確認する
![37.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/3626186/ac6661e3-278a-838f-0724-5c0f9cc6e06b.png)