4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 3 years have passed since last update.

ServiceNow Advent CalendarAdvent Calendar 2021

Day 3

[Servicenow]カタログビルダーを使ってみた

Last updated at Posted at 2021-12-03

#はじめに
 Quebecから使えるようになったカタログビルダーについて、使い方とか使ってみた感想を書きます。

##カタログビルダーってなに?
 [使ってみる前の感想]
  GUIベースでカタログの定義が作れるんかな?

##いざ、使ってみる
 Service Catalogモジュールの下に、「Catalog Builder」が追加されています。
 別ウインドウで開くようになっていますね。
  image.png

 カタログビルダーを開くと、こんな画面になる。
 image.png

 今回は、新規にカタログを作るので、「Start creating new catalog item」の「Create a new Catalog item」を押して新規で作ってみる。
 これが遷移先の画面。
image.png

 Stepが多い…もはやメンドくs(ry

###Step1 Template
 ここは、作成されたテンプレートを選択するみたいです。
image.png

 先ほどのTop画面にテンプレート作成のメニューもあったので、独自にテンプレートが作れるようです。
 image.png
テンプレートを選ぶと、右側に色々情報が出てきます。
予め、①~⑧Stepまでの定義がテンプレートで出来るようです。
今回は、「Standard items in Service Catalog」のテンプレートを選択して作っていこうと思います。
テンプレートを選択しないと次に進めないので、テンプレートを使用せず作るには空のテンプレートを作っておく感じなのか・・?

###Step2 Detail
テンプレートを選んだあとの画面
image.png

左側にメニューが出ているのでこれを切り替えて設定していく感じです。
入力が必要なメニューに、「●」がついてるんですかねー。

Detailの中ですが、大きく2つの構成で、「Basic info」と「Item details」があります。
Basic info内では、カタログの名前と、カタログの簡単な説明を。
Item details内では、詳細説明と、添付ファイルを設定できます。
こんな感じで設定しました。
image.png

###Step3 Location
メニュー名だけ見ると、何を設定するのか全然わかりませんでしたが開いてみると解決。
サービスカタログの階層を設定できるメニューの様です。
image.png

ここでカテゴリを新規で作成出来れば便利なのにそれは出来ないみたいです。

カテゴリの「Edit」(小さい・・!)で、必要なカテゴリを選択して設定します。
image.png

###Step4 Question
ここは、カタログの入力項目を定義する画面ですね。
普通に作成するときは、変数として作成する部分かと思います。
image.png

テンプレートから作っているからか、既に存在する質問が・・・消せない!!鍵がかかってますね…
Permissionが無いって言われてるので、権限の問題かもしれません。
image.png

一旦、デフォルトの質問は無視する形で作っていきたいと思います。

まずは、枠を作っていきます。+を押すと、小さいポップアップが出てくるので、ココでレイアウトを定義できそうです。
image.png
いきなり、questionの追加もできそうですが、Structureでグループ化したほうがいいですね。
Single column container - 1行に1項目の配置設定
Two column container - 1行に2項目の配置設定

今回は、Two column containerで作っていきます。
タイトルを設定して追加すると、こんな感じです。
image.png
枠ができて、中に+のものが出てきました。
+を押すと、先ほどと同じように出てきました。
image.png

では、New questionで質問を追加していきたいと思います。
image.png

Create questionの画面になりました。
Previewも確認できるみたいです。便利!

Question typeを選択すると、タブメニューが増えていきます。
[choice]
image.png
Choicesのタブの中では、choiceの中身を定義できます。

そして気づいた。
Question typeとして選択できる項目が非常に少ない・・!
image.png

通常の変数として作成する際は、色々出ますが、catalog builder上では全然出てきません。
[通常作る際の選択肢]
image.png

しょうがないので、今選択できる項目のみで構成していきましょう。
大体必要なものはそろってます。
こんな感じで、定義が終わりました。
image.png

これをプレビューしてみると、こんな感じです。
image.png

上のデフォルト項目が非常に邪魔です…
でも見ないことにします。
選択肢の中は、それぞれこんな感じです。
[あるひ]
image.png
[くまさん]
image.png

これで大体は完成なのですが、どうせなら正しい選択肢を選んだ時だけ次の項目が出てきてほしいので入力制御も加えましょう。
「ある日」の選択肢で「森の中」が選ばれた時にだけくまさんが出るようにしましょう。
image.png
くまさんの項目に、マウスをあてると一番左に「Define behavior」というものがあるので、これをクリック。
で、newすると

image.png
こんな感じの画面になります。
UI Policyの設定ですね。

こんな感じで設定します。
Visibleにtrueを設定
image.png
Conditionに条件を設定
image.png

同じように、後に続く歌詞に対しても制御を入れます。
image.png
設定すると、1ってつくようになりました。わかりやすいですね。
これをプレビューで確認してみます。
image.png
初期表示です。項目が見えなくなりました。
これで、ある日を選択すると・・
image.png
image.png

ちゃんと制御が効いてますね
image.png

###Step5 Setting
ここは単純ですね。
カートを非表示にするとか、配送時間を非表示にするとかの設定ができる画面です。
(チェックが変更できないのはなんででしょう・・やっぱり一旦は気にしない方向で!)
image.png

###Step6 Access
このカタログを誰に見せるか、誰に見せないか、の制御ができるようになっています。
image.png
User Criteriaによって制御できるようですが、やはり鍵がついていて編集できません。
テンプレートに従うようになっているみたいですね。
image.png

###Step7 Fullfillment
ここで、サービスカタログとFlowの紐づけを行います。
image.png

今回は、Flowは作っていないので適当なFlowを選択しておきます。

###Step8 Review and Submit
最後に、作成した内容が確認できるようになっています。
1個ずつ開いていくと詳細が確認できます。

image.png

で、Submitでようやく終了です。

Submitすると、ダッシュボードに「Publish」として見えるようになりました。
これをEdit⇒saveすると、またDraftに戻って再SubmitでPublishになるようです。
image.png

##おわりに
 非常に使いやすい機能ですね。特にレイアウト周りとUI Policyの設定。
 一方で、サービスカタログの作成に慣れている方であれば通常の定義の方が早く作れるのかと思いました。
 あと、scriptを書く場合はどうするのかがわからなかったです。どこかにメニューがあるのか、そもそもBuilderではscriptを書くまでのことを想定していないのか。
 次は、テンプレート作成の方も使ってみたいと思います。

##おまけ
 作ったものを実際のレコードとして見に行くと…
 image.png

ちゃんと見えてますねー。
Related listを見てみると。
image.png
!!?
Queestionの定義ですが、追加したり消したりを繰り返すと、実際のVariableの定義が山のように増えていたみたいです。消したものは、削除ではなく非アクティブ化されるんですね。
レイアウトでガチャガチャしちゃうとゴミが大量に増える・・勉強になりました。

4
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
4
1

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?