クリエータースタジオ でアプリのフォームをカスタマイズする

  • リリースバージョン: Zurich
  • 更新日 2025年07月31日
  • 所要時間：7分

    • フォームは、新しいキーボードや休暇の許可など、必要なことについて尋ねるのに役立ちます。クリエータースタジオ でアプリを作成するときに追加されるデフォルトのフォームは、ニーズに合わせていくつかの変更が必要です。たとえば、要求に関する情報を収集するには、質問ラベルを追加する必要があります。

    始める前に

    フォームをカスタマイズするには、アプリで作業する権限が付与されている必要があります。

    このタスクについて

    必要に応じて、アプリケーションにフォームを追加できます。追加のフォームは、アプリの同じテーブルに保存されます。現時点ではこれらのテーブルについて心配する必要はありませんが、アプリの作成時に生成されたフォーム以外のフォームを追加する方法を知りたい場合は、クリエータースタジオでアプリにフォームを追加する を確認してください。

    サマリー:
    次の手順を完了すると、次のことについて理解できます。
    • アプリ作成時に自動生成されたフォームを開く方法。
    • フォームに質問や画像を追加する方法。
    • 追加した質問と画像を配置します。
    フォームを開いてカスタマイズしましょう。
    注:
    たとえば、食事の好みやアクセシビリティのニーズなどの質問を含む、会社のイベントへの登録に使用するフォームを作成できます。

    手順

    1. 次に向かいましょう すべて > App Engine > クリエータースタジオ.
      クリエータースタジオ に組み込まれているすべてのアプリがホームページに表示されます。
    2. カスタマイズするフォームを含むアプリケーションを開きます。
    3. ナビゲーションパネルでカスタマイズするフォームを選択します。
      注:
      アプリに多数のフォームがある場合は、ナビゲーションパネルの検索ボックスを使用して特定のフォームを検索できます。
      図 : 1. フォームを選択
      ナビゲーションパネルから適切なフォームを選択します
    4. オプション: 既に公開されているフォームで作業する場合は、[ 編集] ボタンを選択します。
      図 : 2. [編集] ボタン
      [編集] を選択して公開済みフォームで作業します
    5. 次のオプションの手順を 1 つ以上実行して、フォームをカスタマイズしましょう。
      1. フォームに表示される画像を追加または変更するには、[画像を追加] アイコンを選択 (フォームに付随する画像を選択) し、画像を選択します。
      2. フォームのタイトル、簡単な説明、その他のテキストを変更するには、フォームの各部分を選択して変更内容を入力します。
        リッチテキストを使用して、フォントの変更やサイズ変更など、長い [説明] の表示方法を強化できます。
    6. 次に、履行者が要求を評価するために必要な質問をフォームに追加します。質問を追加してカスタマイズするには、次の手順を実行します。
      1. 必要な質問のタイプを [フォーム要素] パネルからフォームにドラッグし、キャンバス上の目的の場所にドロップして、別の質問を追加します。
        フォーム上の既存の質問をクリックすると表示される [追加] アイコン (+) を選択して、質問を追加することもできます。事前設定された [質問セット] を追加する場合は、質問セットをフォームにドラッグしたときに表示されるモーダルから質問セットを選択する必要があります。

        質問タイプとその使用方法の説明については、「クリエータースタジオ で利用可能な質問のタイプ」を参照してください。

      2. 質問を選択します。
        質問を選択すると、フォーム上でハイライト表示されるため、何に取り組んでいるかがわかります。
      3. [質問の詳細] パネルの [構成 ] タブで、質問の内容のラベルや、要求者がフォームを送信するためにその質問に回答する必要があるかどうかなど、追加した質問に関する情報を指定します。
        詳細は質問タイプによって異なります。たとえば、[ドロップダウン] の質問を追加する場合は、選択するオプションを指定する必要があります。
        図 : 3. フォームの質問の詳細
        フォームでの質問の詳細の入力
      4. オプション: [動作] タブで 動的な動作 を追加することで、ユーザーが質問に回答する方法に基づいてフォームの外観を変更 します 。
        たとえば、ユーザーが参加するイベントの T シャツが欲しいと言った場合は、[ T シャツ サイズ ] フィールドを必須にすることができます。の応答に基づいてフォームを変更します クリエータースタジオ でのダイナミックの追加に関する詳細を取得します。
      5. オプション: [ オートフィルを追加 ] オプションを選択して、フォーム上の別の質問に対する回答に基づいて質問の回答を自動的に入力します (レコード選択の質問のみ)。
        たとえば、フォームで [ ギフトボックスの受信者を選択 ] フィールドのユーザーを選択し、ユーザーテーブルからその値を取得できるようにします。追加の [希望する名前 ] フィールドは、[ユーザー] テーブル選択の [ 名 ] フィールドから自動的に入力できますが、ニックネームを希望する場合は編集できます。
        [ オートフィルを追加 ] オプションは、フォームにレコード選択の質問がある場合にのみ使用できます。次のフィールドにも入力する必要があります。
        表 : 1. レコード選択肢の回答に基づく質問の自動入力の詳細
        フィールド 説明
        依存質問を選択 回答によって現在の質問が自動的に入力される質問。
        値フィールドを選択 現在の質問への回答として使用する値を含む、レコード選択の質問のソーステーブル内のフィールド。

        編集アイコン () を選択し、自動入力された回答を含むソーステーブルのフィールドに移動して 、[適用 ] を選択する必要があります。テーブル内のフィールドの選択の詳細については、「 Dot-walking to data in related tables」を参照してください。
      6. 質問の変更が完了したら、[保存して閉じる] を選択します。
      7. この手順を使用して、フォームの質問を修正するか、フォームに質問を追加します。質問タイプを変更するには、質問を選択してから、[質問の詳細] パネルの [コンテンツタイプ] フィールドで新しい質問タイプを選択します。新しいタイプを選択すると、新しい値を指定しなければならない場合があります。
        質問を作成する際は、次の仕様を念頭に置いてください。
        • 既存の質問を質問セットに変更することはできません。質問セットをフォームに含めるには、その質問セットをフォームに新たに追加する必要があります。
        • フォームに 2 つのチェックボックスの質問を並べて配置すると、セクションが作成されます。そのセクションに他のタイプの質問を追加することはできません。
    7. それでは、フォームに追加した質問と画像を配置しましょう。
      1. [フォーム要素] パネルから、目的のレイアウトオプションをフォームでドラッグし、表示する場所 ([分割線]など) にドロップします。
        レイアウトが気に入らなくても心配はいりません。別のレイアウトをフォームのキャンバスにドラッグして試してみてください。
      2. [セクションの詳細] または [質問の詳細] パネル (作業中のレイアウトによって異なります) を使用して、選択したフォームレイアウトを変更します。テキストを太字にしたり、リンクを追加したりできます。
        注:
        セクションを編集または削除するには、セクション名にカーソルを合わせて [セクション] を選択すると、プロパティパネルにセクションの詳細と削除アイコンが表示されます。
        図 : 4. セクションの選択
        セクション名にカーソルを合わせて編集します
        詳細については、「クリエータースタジオにおけるフォームのレイアウトオプション」を参照してください。
      3. フォームのレイアウトの変更が完了したら、[セクションの詳細]/[質問の詳細] パネルで [保存] を選択します。
    8. オプション: [ プレビュー] ボタンを選択して、さまざまなエクスペリエンスでフォームがどのように表示されるかを確認します。
      ポータル (など 従業員ポータル)、Now Mobile、または仮想エージェントを選択すると、さまざまなエクスペリエンスでフォームの現在のバージョンがどのように表示されるかのプレビューを確認できます。プレビュー時にフォームに入力することはできますが、[ 送信] ボタンを選択してもタスクレコードは生成されません。
      図 : 5. フォームのプレビュー
      モバイルでのフォームの表示方法のプレビュー
    9. オプション: [ 試す] ボタンを選択し、フォームと生成されたレコードを使用してテストします。

      フォームをテストするときは、必要な更新をメモし、公開する前にフォームでそれらの変更を行います。詳細については、「アプリのフォームの 1 つをテストする」を参照してください。

    タスクの結果

    おめでとうございます:
    お疲れさまでした。アプリに付属するデフォルトのフォームをカスタマイズしました。

    次のタスク

    次に、フォームを公開準備完了としてマークし、アプリで使用できるようにする必要があります。クリエータースタジオでアプリのフォームを公開する でフォームを公開する方法について説明します。

    フォーム ヘッダーの [その他のオプション] アイコン (変更を元に戻すにはその他のオプションを選択します) にある [すべての変更を元に戻す (Undo all change)] オプションを選択すると、フォームを最後に公開されたバージョンにリセットできます。