---
sourceDocument: Xanadu Now Platform の管理
sourceDocumentLink: https://servicenow-prod.fluidtopics.net/r/ja-JP/xanadu/platform-administration

 Release :

    - xanadu

ft:locale :

    - ja-JP

ft:publication_title :

    - Xanadu Now Platform の管理

ft:clusterId :

    - platadm

bundleId :

    - platadm

workflow :

    - Platform


---

# フォームデザイナーの使用

# フォームデザイナーの使用 {#ariaid-title1}

* リリースバージョン: Xanadu
* 
* 更新日 2024年08月01日
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 所要時間：6分

アドミニストレーターまたは personalize_form ロールを持つユーザーは、フォーム設計機能を使用して、素早く新しいフォームを作成したり、既存のフォーム ビューを変更したりすることができます。  
重要:  
代わりに、フォームビルダーを使用してフォームを構成してみてください。フォームビルダーには、フォームデザイナーとフォームレイアウトのすべてのオプションがあります。 また、フォームの各側面を構成するのに役立つその他の堅牢な機能もあります。詳細については、「[Accessing Form Builder](https://www.servicenow.com/docs/access?context=access-form-builder&version=xanadu&pubname=xanadu-application-development&ft:locale=en-US)」を参照してください。

フォームデザインにより、フォームデザイナーという名前のグラフィカルツールのフォームレイアウトを使用する場合と同じタスクを実行できます。フィールドプロパティにアクセスし、マクロまたは以前にスクリプト化された UI 要素から情報を追加することもできます。

フォーム設計は、複数の構成オプションを 1 つのツールにまとめた、フォームを構成するための代替手段になります。これは新しいインスタンスにデフォルトで使用でき、コア UI が必要です。以前のバージョンからアップグレードするアドミニストレーターは、この機能を使用するために Form Designer (com.glide.ui.ng.fd) プラグインをアクティブ化する必要があります。

フォームデザイナーにアクセスするには、既存のフォームを開き、\[他のアクション\] アイコン ( ![\[他のアクション\] アイコン]()) を選択して、 Configure (構成)フォームデザイン.  
図 : 1. 既存のフォームからフォームデザイナーにアクセスする  
図 : 2. UI フォームデザインインターフェイスの一部

ページヘッダー

:   ページヘッダーには、設計中の現在のテーブルとビューが表示されます。各フォームは、一意のテーブルとビューの組み合わせに関連付けられています。たとえば、インシデントテーブルのデフォルトビューにはフォームが 1 つだけあります。テーブルの別のフォームレイアウトを変更するには、別のビューを選択します。

フィールドナビゲーター
:   フィールドナビゲーターを使用すると、フォーム上のフィールドを管理できます。次の要素が含まれています。

    * フィルター：現在選択されているタブでテキストを検索できます。
    * フィールド：現在のフォームに追加できる既存のフィールドのリストが表示されます。
    * フィールドタイプ：現在のフォームに追加できるフィールドタイプのリストが表示されます。フィールドタイプをフォームレイアウトに追加すると、フォームレイアウトを保存したときに、選択したテーブルにフィールドが作成されます。

    {#c_FormDesign__ul_t2q_l2w_51b}


    フィールドのプロパティにアクセスするには、フォームレイアウトでフィールドをポイントすると表示される歯車アイコンをクリックします。

フォームレイアウト
:   フォームレイアウトでは、フォーム上にあるフィールド、セクション、注釈、UI 要素、および関連リストごとに個別のセルが表示されます。各セルには、セルの選択と移動に役立つ識別ラベルとハンドルアイコンがあります。フォームレイアウト内のセルの位置は、フォーム上の相対的な位置を表します。フォームレイアウトに表示されるフィールドのみがフォームに表示されます。  
    図 : 3. フォームレイアウト

## フォームデザイナーでのフィールドの表示または非表示の切り替え {#ariaid-title2}

フォームワークスペースとの間でフィールドを移動して、フォームにフィールドを表示できます。

### 始める前に

必要なロール：personalize_form

### このタスクについて

フィルターを使用すると、フィールドナビゲーターでフィールドをすばやく見つけることができます。

### 手順

1. フォームデザイナーに移動します。
2. フィールドナビゲータのフィールドのリストで、使用可能なフィールドのリストから表示するフィールドを選択します。
3. フィールドをフォームレイアウトにドラッグします。
4. フィールドをフォーム上の配置する場所にドラッグします。
5. フォームレイアウトからフィールドを削除するには、フィールドを選択し、フィールドラベルの横にある \[このフィールドを削除\] (X) ボタンをクリックします。
6. \[保存\] をクリックします。

## フォームデザイナーでのフォームの注釈の追加 {#ariaid-title3}

注釈を使用して、フォームのフィールドに関する指示または追加情報を提供します。

### 始める前に

必要なロール：personalize_form

### 手順

1. フォームデザイナーに移動します。
2. \[フィールドタイプ\] タブをクリックします。
3. \[注釈\] フィールドタイプを選択します。
4. 注釈をフォーム上の適切な場所にドラッグします。
5. \[注釈\] フィールドをポイントし、歯車アイコンをクリックして \[プロパティ\] ダイアログボックスを開きます。
6. \[プロパティ\] ダイアログボックスで、\[注釈テキスト\] の値を入力します。  
   HTML タグを使用して注釈テキストを書式設定できます。
7. \[保存\] をクリックします。

## フォームデザイナーでの新しいセクションの追加 {#ariaid-title4}

フォーム上のセクションを表示または削除するには、セクションをフォームレイアウトとの間で移動します。

### 始める前に

必要なロール：personalize_form

### このタスクについて

セクションは、1 列または 2 列のレイアウトにすることができます。

デフォルトでは、フォームの最初のセクションは常にテーブルのラベルを表示する読み取り専用セクションです。このセクションは削除できません。

### 手順

1. フォームデザイナーに移動します。
2. 既存のセクションを選択します。
3. セクションラベルの横にある (+) ボタンをクリックしてセクションを追加します。
4. このセクションのラベルを入力します。
5. セクションをドラッグして並べ替えます。  
   フォームデザイナーの最初のセクションのラベルがフォームタイトルとして表示されます。
6. セクションを削除するには、セクションラベルの横にある (X) ボタンをクリックします。
7. \[保存\] をクリックします。  
   次の GIF は、フォームデザイナーを使用してフォームセクションを追加および削除する方法を示しています。  

## フォームデザイナーでのフォーマッターの追加 {#ariaid-title5}

フォーマッターを使用して、マクロまたは以前にスクリプト化された UI 要素からフォームに情報を追加します。

### このタスクについて

フォーマッターは、マクロまたは以前にスクリプト化された UI 要素からフォームに情報を追加するために使用します。

### 手順

1. フォームデザイナーに移動します。
2. \[フィールド\] タブをクリックします。
3. フィルターに、「<kbd class="ph userinput">フォーマット</kbd>」という文字列を入力します。
4. フォームに追加するフォーマッターを選択します。
5. フォーマッターをフォーム上の配置する場所にドラッグします。
6. \[保存\] をクリックします。

## フォームデザイナーでの新しいフィールドの追加 {#ariaid-title6}

フォームおよび関連するテーブルにフィールドを追加できます。

### 始める前に

必要なロール：personalize_form

### このタスクについて

フィールドを追加すると、現在のテーブルに新しい列の辞書エントリが作成されます。カスタムテーブルを作成し、フォームデザイナーを使用してフォームにフィールドを追加できます。

フィルターを使用すると、フィールドナビゲーターでフィールドタイプをすばやく見つけることができます。

### 手順

1. フォームデザイナーに移動します。
2. \[フィールドタイプ\] タブをクリックします。
3. 作成するフィールドタイプのセルを選択します。
4. フィールドタイプをフォーム上の配置する場所にドラッグします。
5. フィールドのラベルを入力します。
6. **オプション:** フォームデザイン領域でフィールドをポイントし、歯車アイコンをクリックしてプロパティにアクセスします。
7. \[保存\] をクリックします。