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

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

    始める前に

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

    このタスクについて

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

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

    手順

    1. では All (すべて) > App Engine > クリエータースタジオ.
      クリエータースタジオ に組み込まれているすべてのアプリがホームページに表示されます。
    2. カスタマイズするフォームを含むアプリケーションを開きます。
    3. [要求フォーム] タブを選択して、アプリの正しいフォームを編集していることを確認します。
      そうでない場合は、編集するフォームを選択します。

      [要求フォーム] タブから適切なフォームを選択する

    4. 次のオプションの手順を 1 つ以上実行して、フォームをカスタマイズしましょう。
      1. フォームに表示される画像を追加または変更するには、[画像を追加] アイコンを選択 (フォームに付随する画像を選択) し、画像を選択します。
      2. フォームのタイトル、簡単な説明、その他のテキストを変更するには、フォームの各部分を選択して変更内容を入力します。
        リッチテキストを使用して、フォントの変更やサイズ変更など、長い [説明] の表示方法を強化できます。
    5. 次に、履行者が要求を評価するために必要な質問をフォームに追加します。質問を追加してカスタマイズするには、次の手順を実行します。
      1. [フォーム要素] パネルで、必要な質問のタイプをフォームでドラッグし、キャンバス上の目的の場所にドロップします。フォーム上の既存の質問をクリックすると表示される [追加] アイコン (+) を選択して、質問を追加することもできます。
        事前設定された [質問セット] を追加する場合は、質問セットをフォームにドラッグしたときに表示されるモーダルから質問セットを選択する必要があります。

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

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

        [編集] アイコン () を選択し、自動入力された回答を含むソーステーブルのフィールドに移動して、[ 適用 ] を選択する必要があります。テーブル内のフィールドの選択について詳しくは、「 Dot-walking to data in related tables」をご覧ください。

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

      フォームをテストするときに、更新内容をメモし、フォームを公開する前にフォームに変更を加えます。詳細については、「アプリのフォームの 1 つをテストする」を参照してください。

    タスクの結果

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

    次のタスク

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

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