ServiceNowでProcess Flowを独自テーブルに追加する

Version: London
# 作るもの
ServiceNowでProcess Flow(Changeの画面上部にあるやつ)を独自テーブルに追加して特定のdrop-down listのカラムの値と連動させます
![FireShot Capture 032 - Created 2019-07-20 04_34_46 - Tonkotsu Ramen - ぽんぽこシステム_ - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/36d927fb-f5a3-87cc-f467-ec48aba7a390.png)
# 独自テーブルを作る
[System Definition] - [Tables]で[New]を押下して新規テーブル作成画面に遷移してNameに"Tonkotsu Ramen"と入力しChoice型の"Katasa"というカラムを追加して[Submit]します
![FireShot Capture 011 - Table - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/c6098314-c019-9be7-2711-17d363c879cb.png)
テーブル一覧に戻り追加されたテーブルを確認します
![FireShot Capture 012 - Tables - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/503f5e86-2250-97cb-b25a-7c81802f273b.png)
[Configuration] - [Table]などでテーブルの編集画面に遷移してからChoice型のカラムの(i)アイコンをクリックして[Open Record]で
![FireShot Capture 016 - Tonkotsu Ramen - Table - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/37dd4ea8-f310-8ea2-f167-dc3fc425842a.png)
カラムの編集画面に遷移してChoicesの値を以下のように設定して保存します(Languageの値は本来はen/ja両方設定するべきですが今回は手順を簡素化するためにenだけ設定しています)
![FireShot Capture 020 - Katasa - Dictionary Entry - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/40f349a7-f1a6-dc58-fa09-dd81f6349ed6.png)
画面を確認するとdrop-down listの項目が1つだけ表示された内容になっています
![FireShot Capture 021 - Created - Tonkotsu Ramen - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/5e83a849-e5f9-fa1e-5e95-6318bec86bca.png)
# Process Flowの設定
[System UI] - [Process Flow]でProcess Flowの一覧画面を表示してから[New]ボタンをクリックします
![FireShot Capture 022 - Flow Formatters - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/b4cc670c-f42d-8c26-3943-c6a638da386c.png)
Process Flow(Flow formatter)の新規作成画面が表示されます
![FireShot Capture 024 - Flow Formatter - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/bf095472-916c-51be-6af7-c83365ee41d3.png)
[Table]に"Tonkotsu Ramen", [Name]に"Katasa", [Label]に"湯気通し", [Order]に"1", [Condition]に"Katasa" "is" "湯気通し"で[Submit]してFlow formatterに1行レコードを追加します
![FireShot Capture 025 - Flow Formatter - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/84d45fcc-bba5-6b83-68c7-3639d14bfc52.png)
あとは坦々と作業して以下の状態にしてやります
![FireShot Capture 026 - Flow Formatters - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/8a6b7a88-fc79-6bd6-d8b9-dbb634a0bf90.png)
# 画面にProcess Flowを追加
Tonkotsu RamenのForm LayoutでProcess FlowをAvairableから
![FireShot Capture 027 - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/f1de80bd-e561-7169-3c86-4bc013b7779b.png)
Selectedに移動して保存します
![FireShot Capture 028 - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/3dd5b2e2-4592-6c06-4eb8-114e7ed3cb4d.png)
画面を表示するとProcess Flowが表示されています
![FireShot Capture 029 - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/01263edd-fa3c-a8f9-9d55-623636a482d4.png)
# 動作確認
Katasaの項目をバリカタで保存してProcess Flowが連動していて感動します
![FireShot Capture 030 - Created 2019-07-20 04_34_46 - Tonkotsu Ramen - ぽんぽこシステム_ - dev48240.service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/9fd98eff-43e7-1664-1de7-29f138d128fe.png)
何となしに画像の項目も追加して画像をアップロードできるようにしました
![FireShot Capture 032 - Created 2019-07-20 04_34_46 - Tonkotsu Ramen - ぽんぽこシステム_ - dev48240.service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/54182c2b-31c1-d242-c05b-b00328defb0a.png)
幾つかレコードを保存して一覧で確認してみます
![FireShot Capture 033 - Tonkotsu Ramens - ぽんぽこシステム - .service-now.com.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/193272/c0143e97-8f5f-438f-e607-864ccebc3ccf.png)
※ 残念ながら画像のラーメンはすべて"普通"で頼んだものになります