クリエータースタジオ のチュートリアル

  • リリースバージョン: Australia
  • 更新日 2026年03月12日
  • 所要時間:16分
  • このチュートリアルを使用してギフトカード要求アプリを作成し、チームに認識を提供するプロセスを簡素化します。

    チュートリアルの目的

    このチュートリアルでは、アプリを作成して展開するために次のロールを想定しています。
    • チームの功績を称える (レコグニション) プロセスの簡素化を検討しているマーケティングマネージャーとして、「ギフトカード要求」アプリを作成します。
    • アプリケーション開発アドミニストレーターは、新しいアプリを承認して本番環境に展開します。
    • a マーケティングマネージャーとして、ライブアプリを使用して認識要求を送信します。

    チュートリアルのシナリオ

    あなたは、急速に拡大しているチームのマネージャーです。ここまで、チームは全四半期で目標を超えています。そこで、報酬としてギフトカードを贈ろうと考えています。しかし、報奨金の承認を得るプロセスは、何時間もかかる複雑なプロセスであり、多くのシステムや上級管理職と何度もやり取りが必要です。

    この問題に対処するには、IT 管理者に確認し、ギフトカードを要求するアプリを作成できることを確認します。アドミンは、既存のビジネスプロセスの知識を活用した新しいエンドツーエンドアプリの作成を喜んでお手伝いします。これを有効にするために、アドミンは非本番インスタンスの クリエータースタジオ ユーザーグループにユーザーを追加します。

    注:
    このチュートリアルを完了するには、2 人の異なるユーザーとしてログインして クリエータースタジオ するか、2 人のユーザー ( クリエータースタジオ ユーザーグループのユーザーと admin の 1 人のユーザー) の代理操作を行う必要があります。

    それでは、簡単なアプリの作成を開始します。

    チュートリアルパート 1: アプリを作成する

    まず、クリエータースタジオホームページからアプリを作成します。

    始める前に

    必要なロール: クリエータースタジオ ユーザー

    このタスクについて

    アプリの作成方法に関する短いビデオを見ることもできます。

    手順

    1. 検索項目 すべて > App Engine > クリエータースタジオ.
      図 : 1. クリエータースタジオ の起動
      [すべて] メニューを選択し、 クリエータースタジオ
    2. [アプリを作成] ボタンを選択します。
      図 : 2. [アプリを作成] ボタン
      [アプリを作成] ボタンを選択する
    3. サービス デスクなど、ビルドするアプリのタイプを選択します。
      サービスデスクアプリを使用すると、ユーザーは要求を送信し、問題を報告し、社内のサービスに関連するサポートにアクセスできます。
      注:
      アドミンがこのページを非表示にした可能性があります。
      図 : 3. アプリタイプを選択
      クリエータースタジオのインターフェイス内で、「サービスデスク」アプリオプションを選択します。このタイプのアプリは、受信要求やサポートチケットの管理を簡素化するように設計されています。
    4. [Continue] ボタンをクリックします。
    5. [アプリを作成] ページで次の値を入力します。
      表 : 1. [アプリを作成] モーダルのフィールド
      フィールド
      名前 ギフトカード要求
      説明 従業員の功績を称えるため社内またはサードパーティのギフトカードを要求します。
      図 : 4. 「ギフトカード要求」アプリの基本情報を追加
      アプリ名と説明を入力
    6. [アプリを作成] ボタンを選択します。

    次のタスク

    次に、アプリにフォームを追加しましょう。

    チュートリアルパート 2:フォームの追加

    フォームを追加すると、ユーザーが要求を作成できるようになります。 フォームには、サービスデスク要求を送信するときに回答する質問が含まれています。

    始める前に

    必要なロール: クリエータースタジオ ユーザー

    手順

    1. アプリ内で [+フォームを追加 ] を選択します。
      ナビゲーションパネルまたはアプリのキャンバスで [+フォームを追加 ] を選択できます。
      図 : 5. フォームの追加を開始
      [+ フォームを追加] を選択してフォームの追加を開始します
    2. テンプレートページで、 クリエータースタジオのデフォルトテンプレート が選択されていることを確認します。
      図 : 6. テンプレートを選択
      デフォルトのテンプレートを選択し、[適用] を選択します
    3. [テンプレートを適用して続行 (Apply template and continue)] ボタンを選択します。
      次に、質問を追加して、フォームをカスタマイズします。

    チュートリアルパート 3:フォームをカスタマイズする

    質問を手動で入力して、ギフトカード要求アプリのフォームをカスタマイズします。完了したら、フォームを公開準備でマークできます。

    始める前に

    必要なロール: クリエータースタジオ ユーザー

    このタスクについて

    [Now Assist を使用したビルド (Build with Now Assist)] タブのクリエーター向け Now Assistを使用して、フォームをカスタマイズすることもできます。ただし、このチュートリアルでは、質問を手動で入力します。

    手順

    1. [ 独自のビルド] タブを選択します。
    2. フォームに次の情報を入力します。
      表 : 2. フォーム詳細の値
      フィールド
      フォーム名 ギフトカード要求
      簡単な説明 従業員の功績を称えるため社内またはサードパーティのギフトカードを要求します。
      詳しい説明 同僚の功績を称える方法をお探しですか?このフォームを使用して社内ストアまたはサードパーティストアにお好きなギフトカードを要求できます。
      図 : 7. フォームの詳細を入力
      フォーム名、簡単な説明と詳しい説明
      注:
      このページでは、最初のフォームの詳細を指定できます。フォームが生成された後、名前や説明などのフォームの詳細をアプリ内から編集することもできます。
    3. [ フォームを保存して編集 ] ボタンを選択します。
      次に、フォームの内容を入力します。
    4. アイコンを選択して適切な画像をアップロードし、フォームの見栄えを良くするアイコンを追加します。
      お好きな画像をお使いいただけます。
      図 : 8. 画像を追加
      画像アイコンを選択して画像をアップロードします
      1. 画像の追加アイコン を選択します。
      2. フォームに追加する画像を検索して選択します。
    5. ユーザーがギフトカードを注文できるようにする最初の質問を作成します。
      1. [質問 1] を選択します。
      2. 表示される [質問の詳細] パネルに次の値を入力します。
        表 : 3. 質問 1 の値
        フィールド
        質問ラベル 社内ストアのギフトカードが必要ですか?
        コンテンツタイプ はいまたはいいえ
        フォームに質問を表示 オプションを選択します。
        必須としてマーク オプションを選択します。
        図 : 9. 最初の質問を追加
        値を指定して最初の質問を作成し、保存します
      3. [保存] ボタンを選択します。
    6. ギフトカードの金額を指定する 2 番目の質問を作成します。
      1. [質問 2] を選択します。
      2. 表示される [質問の詳細] パネルに次の値を入力します。
        表 : 4. 質問 2 の値
        フィールド
        質問ラベル 金額
        コンテンツタイプ 1 行テキストとして選択されたままにする
        フォームに質問を表示 オプションを選択します。
        必須としてマーク オプションを選択します。
        図 : 10. 2 番目の質問を追加
        値を指定して 2 番目の質問を作成し、保存します
      3. [保存] ボタンを選択します。
    7. ギフトカードの受取人を定義する 3 番目の質問を作成します。
      1. [質問 3] を選択します。
      2. 表示される [質問の詳細] パネルに次の値を入力します。
        表 : 5. 質問 3 の値
        フィールド
        質問ラベル 受領者
        コンテンツタイプ Record choices (レコードの選択肢)
        フォームに質問を表示 オプションを選択します。
        ソーステーブル User (sys_user)
        図 : 11. 3 番目の質問を追加
        値を指定して 3 番目の質問を作成し、保存します
      3. [Save] ボタンをクリックします。
    8. ユーザーがギフトカードの理由を入力できるように、4 番目の質問を追加します。
      1. 複数行テキストフォーム要素をドラッグして、3 番目の質問の下のフォームに追加します。
      2. 表示される [質問の詳細] パネルに次の値を入力します。
        表 : 6. 質問 4 の値
        フィールド
        質問ラベル 理由
        コンテンツタイプ 複数行テキストのままにする
        フォームに質問を表示 オプションを選択します。
        図 : 12. 4 番目の質問を追加
        値を指定して 4 番目の質問を作成し、保存します
      3. [保存] ボタンを選択します。
    9. [準備完了としてマーク] を選択して、フォームを公開します。
      フォームの編集が完了したら、フォームを準備完了としてマークします。これにより、フォームは [公開済み] ステータスになります。このバージョンのフォームは、指定されたアイテムのカタログに表示されます。
      注:
      公開されたフォームは、アプリを開発している非本番インスタンスにのみ表示されます。フォームを本番インスタンスのカタログに表示するには、アドミンにアプリを本番環境に展開するように要求する必要があります。
      図 : 13. フォームを準備完了としてマーク
      [準備完了としてマーク] ボタンを選択する
    10. ユーザーが サービスカタログ従業員センター内のフォームにアクセスできる場所を指定します。
      1. [ 場所設定の編集 ] ボタンを選択します。
        図 : 14. 場所の設定を編集の警告
        場所の編集に関する警告
      2. [ 編集] ボタンを選択して、フォームを サービスカタログ トピックに追加します。
        図 : 15. フォームの設定モーダル
        カテゴリを編集する
      3. アプリが使用するビジネスエリアを表すカタログを選択します。
        たとえば、 サービスカタログ を展開して、[ 何かお困りですか?] カテゴリを選択できます。
        図 : 16. フォーム設定モーダル カタログ
        フォームを表示する場所を選択します
      4. [ 適用] ボタンを選択して変更を保存します。
      5. [ 編集] ボタンを選択して、フォームを 従業員センター トピックに追加します。
        図 : 17. 従業員センタートピックでトピックを選択
        従業員センターのトピックを選択
      6. フォームを配置する従業員センターのセクションを選択します。
        図 : 18. 従業員センタートピックを選択
        トピックの設置場所を選択
    11. [適用] ボタンを選択します。
    12. [すべての設定を保存 (Save all settings)] ボタンを選択して、変更を保存します。
      図 : 19. すべての場所の設定を保存
      場所のすべての設定を保存
    13. オプション: [プレビュー] ボタンを選択して、フォームがどのように表示されるかを確認します。
      ポータル (従業員ポータル など)、Now Mobileまたは仮想エージェントを選択すると、さまざまなエクスペリエンスでフォームの現在のバージョンがどのように表示されるかのプレビューを確認できます。プレビュー時にフォームに入力することはできますが、[ 送信] ボタンを選択してもタスクレコードは生成されません。
      図 : 20. フォームのプレビュー
      モバイルでのフォームの表示方法のプレビュー

    チュートリアルパート4: 自動化されたプレイブックを追加する

    作成したフォームを使用してギフトカード要求アプリの承認を自動化するプレイブックを追加します。

    始める前に

    必要なロール: クリエータースタジオ ユーザー

    手順

    1. ギフトカード要求フォームの + 自動化の追加 を選択します。
      図 : 21. 自動化を追加する場合に選択します
      フォームの下にある [+ 自動化を追加] を選択します
    2. [プレイブックを作成] モーダルに次の値を入力します。
      表 : 7. [プレイブックを作成 (Create a playbook)] モーダルの値
      フィールド
      プレイブック名 ギフトカードの承認
      説明 ギフトカードが要求されたときに承認をルーティングします。
      フォーム 作成したフォームの名前 (ギフトカード要求) が選択されていることを確認します。
      トリガー トリガーは [フォーム送信済み] のままにします。
      図 : 22. プレイブックの詳細を入力
      プレイブックの詳細を入力
    3. [作成] ボタンを選択します。
    4. マネージャー承認アクティビティを追加します。
      1. 追加アイコン () を選択します。
        図 : 23. マネージャー承認アクティビティの追加:ステップ 1
        プラス記号を選択してアクティビティを追加します
      2. [アクティビティを追加] アイコン を選択します。
        図 : 24. マネージャー承認アクティビティの追加:ステップ 2
        正方形を選択してアクティビティを追加します
      3. [承認要求 (Request approval)] アクティビティを選択します。
        図 : 25. マネージャー承認アクティビティを追加:ステップ 3
        要求承認アクティビティを追加する場合に選択します
        [承認要求プロパティ (Request approval properties)] パネルが表示され、アクティビティを定義できます。
      4. 以下のアクティビティの詳細を入力します。
        表 : 8. マネージャー承認アクティビティの詳細の値
        フィールド
        ラベル マネージャーの承認を要求
        要求者のマネージャー (Requester's manager) このオプションを選択します。
        承認タイプ [誰でも承認可能] のままにします。
        条件 [ プレイブックが起動するタイミング (When playbook starts)] を選択します。
        図 : 26. マネージャー承認の詳細を要求
        詳細を入力してアクティビティを定義
      5. [保存して閉じる (Save and close)] を選択します。
    5. ファイナンス承認アクティビティを追加します。
      1. 追加アイコン を選択します。
        図 : 27. ファイナンス承認アクティビティの追加:ステップ 1
        プラス記号を選択してアクティビティを追加します
      2. [アクティビティを追加] アイコン を選択します。
        図 : 28. ファイナンス承認アクティビティの追加:ステップ 2
        正方形を選択してアクティビティを追加します
      3. [承認要求 (Request approval)] アクティビティを選択します。
        図 : 29. ファイナンス承認アクティビティを追加:ステップ 3
        要求承認アクティビティを追加する場合に選択します
        [承認要求プロパティ (Request approval properties)] パネルが表示され、アクティビティを定義できます。
      4. 以下のアクティビティの詳細を入力します。
        表 : 9. ファイナンス承認アクティビティの詳細の値
        フィールド
        ラベル ファイ ナンス承認の要求を入力します
        グループ このオプションを選択します。
        グループ ファイナンスグループ」と入力します。
        承認タイプ [誰でも承認可能] のままにします。
        条件 [マネージャー承認要求] を選択して、[具体的なアクティビティの後] のままにします。
        図 : 30. ファイナンス承認要求の詳細
        詳細を入力してアクティビティを定義
      5. [Save and close (保存して閉じる)] を選択します。
    6. [ Activate (アクティブ化 )] ボタンを選択して、プレイブックをアクティブ化して、フォームが送信されたときに実行できるようにします。
      図 : 31. プレイブックをアクティブ化する
      [Activate] ボタンをクリックします。

    タスクの結果

    素晴らしい!プレイブックの追加が完了しました。次に、履行者が送信された要求を処理するワークスペース構成をカスタマイズできます。

    するチュートリアルパート 5:履行ワークスペース構成をカスタマイズする

    履行者がワークスペースからギフトカード要求を処理できるワークスペースのリストと送信済みレコードをカスタマイズします。このリストのカスタマイズでは、アサイン先グループを表示する列を追加します。

    始める前に

    必要なロール: クリエータースタジオ ユーザー

    手順

    1. ナビゲーションパネルで [リスト構成 ] セクションを選択します。
      図 : 32. ナビゲーションパネルのリスト構成
      リスト構成の選択
    2. アサイン先グループをワークスペースに追加します。
      1. [フィルター済みリストの詳細 (Filtered list details)] パネルで [列を管理] リンクを選択します。
        図 : 33. [列を管理] リンク
        列を管理する場合に選択
      2. [利用可能な列 (Available columns)] で「アサイン先グループ」を検索します。
      3. [アサイン先グループ] を選択します。
        図 : 34. 列を管理して列を追加
        列を追加して [適用] を選択します
      4. [適用] ボタンを選択します。
      5. [フィルター済みリストの詳細 (Filtered list details)] パネルで [ 保存] ボタンを選択します。
        図 : 35. ワークスペース構成への変更を保存
        [保存] を選択して変更を保存します

    タスクの結果

    これでアプリがビルドされました! 次に、レビューと展開のために送信します。

    チュートリアル パート 6 : レビューのためにアプリをテストして送信する

    アプリをテストし、アドミンにアプリのレビューと本番環境への展開を要求します。

    始める前に

    「ギフトカード要求」アプリをレビューのために送信する前に、展開のパイプラインを構成する必要があります。

    必要なロール:クリエータースタジオユーザー

    手順

    1. [ 試す] ボタンを選択して、アプリがどのように機能するかをテストして準備ができていることを確認します。
      1. ナビゲーションパネルから [ギフトカード要求 ] フォームを選択します。
        図 : 36. フォームを選択してテストします
        ナビゲーションパネルで [ギフトカード要求] フォームを選択します
      2. [ 試す] ボタンを選択します。
        図 : 37. [試す] ボタン
        [試す] を選択します
      3. 各フィールドに次の値を入力して、フォームに入力します。
        表 : 10. [ギフトカード要求 (Gift card request)] フォームの [試行 (Try it)] の値
        フィールド
        社内ギフトストアのカードですか? はい
        金額 20.00
        受領者 ユーザーのリストから受信者を選択します。
        正当性 私たちのチームにクールな新しい人材をオンボーディングします!
        図 : 38. フォームをテストする
        フォームに応答を入力します
      4. 完了したら、[送信 (Submit)] ボタンを選択します。
      回答を送信すると、 ServiceNow AI Platform はフォームに関連付けられているすべてのプレイブックを実行します。

      送信されたフォームで作成されたレコードが クリエータースタジオ に表示されます。プレイブックの結果を表示し、レコードを操作して、要求アプリワークスペースでどのように表示されるかを確認できます。

      図 : 39. 送信されたレコードを表示
      送信されたレコード クリエータースタジオ
    2. [ レビューのため送信 ] ボタンを選択します。
      図 : 40. レビューのためにアプリを送信
      [レビューのため送信] ボタンを選択する
    3. [レビューのためアプリを送信 (Submit app for review)] モーダルで [続行] を選択します。
      図 : 41. レビューのために送信するプロセスを開始
      レビューモーダルのため初期送信
    4. [要求フォームをレビュー (Review request forms)] モーダルで、展開用にレビューするフォームを確認します。
      1. [レビュー準備完了] セクションを展開します。
      2. [ギフトカード要求]フォームで [他のユーザーに表示 (Visible to others)] オプションが選択されていることを確認します。
      3. [続行] を選択します。
      図 : 42. 展開するフォームを確認
      アプリとともに展開するフォームをレビュー
    5. [プレイブックをレビュー (Review playbooks)] モーダルで、展開用にレビューするフォームを確認します。
      1. [プレイブック] セクションを展開します。
      2. [ギフトカードの承認] フォームで [本番で実行 (Run on production)] オプションが選択されていることを確認します。
      3. [続行] を選択します。
      図 : 43. 展開するプレイブックを確認
      アプリとともに展開するプレイブックを確認する
    6. [バージョニングのレビュー] モーダルの情報が正しいことを確認し、 リリースノートを追加します。
      図 : 44. リリースバージョンを確認して更新し、レビューのために送信します
      リリースノートを追加してレビューのために送信する
    7. [レビューのため送信] を選択します。

    タスクの結果

    おめでとうございます。「ギフトカード要求」アプリが作成されました。次に、アドミンがそれをレビューして展開する必要があります。

    図 : 45. レビューのために送信されたことを確認
    確認メッセージモーダル

    チュートリアル パート 7: 管理者がアプリを展開する

    アドミンの代理操作を行って、作成したギフトカード要求アプリを展開します。

    始める前に

    アドミンの代理操作ができない場合は、ローカルアドミンにアプリの展開を依頼してください。

    必要なロール:admin

    手順

    1. ServiceNow AI Platformアプリケーションバナーで、プロファイルアイコンを選択し、アドミンの代理操作を行います。
    2. 移動先 すべて > App Engine > App Engine 管理センター.
    3. [完了待ちの要求 (Pending requests to complete)] セクションで番号 [1] を選択します。
      図 : 46. 展開準備完了のアプリ
      1 を選択
    4. [番号] を選択して [展開] レコードを開きます。
      図 : 47. 展開するアプリのリスト
      番号を選択
    5. [承認] ボタンを選択します。
      図 : 48. 展開の [承認] ボタン
      [承認] を選択する
    6. [保存] を選択します。
    7. このページをリロードします。
    8. [アプリを承認して展開 (Approve and deploy app)] ボタンを選択します。
      図 : 49. [アプリを承認して展開 (Approve and deploy app)] ボタン
      [Approve and deploy (承認して展開)] を選択する
    9. [展開] ボタンを選択します。
      図 : 50. アプリを展開
      [展開] を選択する

    タスクの結果

    アプリが本番環境に展開されました。アプリの詳細を表示する場合は、[アクティビティ] セクションで [さらに表示] を選択します。

    図 : 51. 展開の詳細を確認
    [さらに表示] を選択する

    これで、アドミンの代理操作を終了できます。

    チュートリアル パート 8: アプリを使用してギフト カードを要求する

    作成した展開済みのギフトカード要求アプリを使用して、ギフトカードを要求します。

    始める前に

    必要なロール:ServiceNow AI Platform ユーザー

    手順

    1. 移動先 すべて > セルフサービス > 従業員センター.
      図 : 52. 作成者 従業員センター
      [すべて] メニューを使用して開く 従業員センター
    2. 検索バーで 「ギフトカード要求」 を検索します。
      図 : 53. ギフトカード要求アプリを検索
      検索バーに「ギフトカードリクエスト」と入力します
    3. 検索結果に表示される「ギフトカード要求」アプリを選択します。
      図 : 54. アプリを開く
      アプリを選択して開きます
    4. [ギフトカード要求] フォームに入力して、ギフトカードを要求します。
      図 : 55. ギフトカードをリクエストする
      アプリのフォームに入力します
    5. [送信] ボタンを選択します。

    チュートリアル パート 9: ギフト カード要求を確認する

    要求アプリワークスペースをチェックして、送信したギフトカード要求を表示して、アプリが機能していることを確認します。

    始める前に

    必要なロール:admin またはアプリのエージェントロール (例:x_snc_app_name.agent)

    手順

    1. 移動先 すべて > ワークスペース > 要求アプリワークスペース.
      図 : 56. [要求アプリワークスペース (Request App Workspace)] を開く
      [すべて] メニューを使用してワークスペースを開きます
    2. 送信したギフトカード要求を見つけ、 その番号 を選択して開きます。
    3. ギフトカード要求の詳細を表示します。
      図 : 57. ギフトカード要求の詳細
      ギフトカード要求の詳細

    タスクの結果

    おめでとうございます。「ギフトカード要求」アプリのチュートリアルが完了しました。