> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-fix-details-to-accordion-universal-components.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

# ユースケース：Formsを使用して更新ポリシーフォームを構成する

> Forms for Actionsを使用して更新ポリシーフォームを構成する

<Card title="始める前に">
  1. 以下のスコープを有効にして、[マシンツーマシンアプリケーション](https://auth0.com/docs/get-started/auth0-overview/create-applications/machine-to-machine-apps)を作成します。

  * `read:users`
  * `update:users`
  * `create:users`
  * `read:users_app_metadata`
  * `update:users_app_metadata`
  * `create:users_app_metadata`

  2. マシンツーマシンアプリケーションの資格情報を使って[Vault接続](/docs/ja-jp/customize/forms/vault)を追加します。
</Card>

Forms for Actionsは、カスタムプライバシーポリシーフローを作成し、`app_metadata`オブジェクトの下に同意を保存できるようにします。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=ce17ffa079a998ba0eb8c3e1f5ad8620" alt="Dashboard > Actions > Forms > Privacy policy use case" data-og-width="1404" width="1404" data-og-height="638" height="638" data-path="docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=280&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=df7566c8bd209ec54c841c48c963b0af 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=560&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=abb1ab004b8de7816f10edf571a0b9aa 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=840&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=2b20cdc0866f18c37b950d059d0c9134 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1100&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=d1c75e5b424305ee79cad0cb7da4acdd 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=1650&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=02f69672b2a5d6c898e5f1482efebd66 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6i68dMvHDTijfRmSgN1x8Q/ad900e7d4c0fb34645921435472b8684/privavy-policy-form.png?w=2500&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=1caaf65b4ac57687a1212689424a0ea4 2500w" />
</Frame>

以下のセクションでは、ノードとフローを使用して更新ポリシーフォームを作成する方法と、フォームを[ログイン後](/docs/ja-jp/customize/actions/explore-triggers/signup-and-login-triggers/login-trigger)のアクションに追加する手順について説明します。

## フォームをゼロから作成する

情報を収集するためのフォームを作成するには、次の手順に従ってください。

1. **［Auth0 Dashboard］>［Actions（アクション）］>［Forms（フォーム）］** の順に選択して、フォームエディターを開きます。
2. **［Create Form（フォームを作成）］** > **［Start from scratch（初めから作成する）］** の順に選択します。

特に設定を変更しない限り、新しいフォームには開始ノード、ステップノード、および終了スクリーンノードが含まれます。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=598b89abe54bec3b08a821e37d17abf3" alt="Dashboard > Forms > Use Cases > Form" data-og-width="1234" width="1234" data-og-height="371" height="371" data-path="docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=280&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=bbea899bbcb11c329ef2e55cd0d9029e 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=560&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=c9c8f6bd30bb8a04ee2c8cc0b5f3d9a7 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=840&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=9d0cc2bd37a2d586a2e39bf20872957f 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1100&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=963f8342edcdae72e18a351827256618 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=1650&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=ca7db0b28665574ebacf8841d524da00 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/vGxRzKs1tXH0k_cZ/docs/images/ja-jp/cdy7uua7fh8z/2TZ9jSjgEcARFpULI6hz4R/a4319a1bd482f2ee5cc23100fdb2f42c/New-form-Forms-for-action-use-case.png?w=2500&fit=max&auto=format&n=vGxRzKs1tXH0k_cZ&q=85&s=3d53ee9efaa32990f9bff10c492e3a7c 2500w" />
</Frame>

### ステップノードを構成する

ステップノードは、ユーザーに表示されるグラフィカルインターフェースです。次の手順に従って、ステップノードに[フィールド](/docs/ja-jp/customize/forms/nodes-and-components)を追加し、新しい同意の値を収集します。

1. **［Components menu（コンポーネントメニュー）］** から **［Rich text（リッチテキスト）］** フィールドを **Step（ステップ）** ノードにドラッグします。

   * **Rich text（リッチテキスト）** ：プライバシーポリシー更新の説明を入力します。
   * **［Save（保存）］** を選択します。
2. **［Legal（法務）］** フィールドを **Step（ステップ）** ノードにドラッグします。

   * **Id** ：`privacy_policies`を入力します。
   * **Required（必要）** ：チェックボックスを有効にします。
   * **Legal（法的文）** ：「`I agree to the Privacy Policy`（プライバシーポリシーに同意します）」と入力します。
   * **［Save（保存）］** を選択します。
3. **［Publish（公開）］** を選択して保存します。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=4d4882f956251fc566eefe305deb402f" alt="Dashboard > Actions > Forms > Use case privacy policy step node" data-og-width="1404" width="1404" data-og-height="559" height="559" data-path="docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=280&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=4f9c313b88828463403b4dac1266dff8 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=560&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=1a6f6cf9e4b5bd6195a710613055cd81 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=840&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=80470d9a85ecd6e4842283f89e9c6d79 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1100&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=1cb06c113221caa21d13a27ab655ff80 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=1650&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=baf94feeb3f83fbd29ca81aa730ec43f 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/MaAd73Jq_mhogvIk/docs/images/ja-jp/cdy7uua7fh8z/59zFFjQjAnjogkc2QGIqqJ/0ad66b1b636544122aa4e65968b76c2c/privacy-policy-step-node.png?w=2500&fit=max&auto=format&n=MaAd73Jq_mhogvIk&q=85&s=9d8a02812f4a7d4136a9b0d3d6c057e5 2500w" />
</Frame>

### フローノードを構成する

次の手順に従って、 **Step（ステップ）** ノードの後に **Flow（フロー）** ノードを追加し、`app_metadata`を更新して認証フローを再開します。

1. フォームエディターの下にある **［Flow（フロー）］** を選択します。
2. **Step（ステップ）** ノードと **Ending Screen（終了画面）** ノードの間にある既存のリンクを削除します。
3. 新たに **［Flow（フロー）］** > **［Click to add a flow（クリックしてフローを追加する）］** > **［Create a new flow（新しいフローを作成する）］** を選択します。

   * **［Name（名前）］** フィールドに`Update app_metadata`と入力します。
   * **［Create（作成）］** を選択します。
   * **［Save（保存）］** を選択します。
4. 下の画像のように **Flow（フロー）ノード** を **Step（ステップ）** ノードと **Ending Screen（終了画面）** ノードにリンクします。
5. **［Publish（公開）］** を選択して保存します。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=9ad052b41c4e3bcab131832888a4f5df" alt="Dashboard > Actions > Forms > Form" data-og-width="1404" width="1404" data-og-height="599" height="599" data-path="docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=280&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=f9ae1360794b833405ece6d42a0e7d4d 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=560&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=edab2d7748ddde38cca3d7c33362780a 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=840&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=d56bb29c1e851103965e74cee52997e6 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1100&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=33a4849016fb20b5d516d1387a63b523 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=1650&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=dd1bda11a5308b0035ef6998546a9f17 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/5XIbSY4TwYaGRxOP/docs/images/ja-jp/cdy7uua7fh8z/6YIkzm7SrpM9LW76AXuRzh/353c518fe82bbaa440836da1d83596d6/link-policies.png?w=2500&fit=max&auto=format&n=5XIbSY4TwYaGRxOP&q=85&s=32bc264dcde09c9cfe71619792f7165b 2500w" />
</Frame>

Auth0ユーザーの更新アクションをフローに追加するには、次の手順に従います。

1. **［Update user\_metadata（user\_metadata更新）］* \*\*\* フロー*\* を選択してから **［Edit flow（フローの編集）］** を選択し、新しいタブにフローエディターを開きます。
2. アクションの **［Start（開始）］** の下にある **［+］** アイコンを選択し、 **Update user（ユーザー更新）** アクションを追加します。以下のフィールドに入力して、 **［Save（保存）］** を選択します。

   * **Connection（接続）** ：ドロップダウンからM2MアプリケーションへのVault接続を選択します。

   * **User ID（ユーザーID）** ：`{{context.user.user_id}}`と入力します。

   * **Body（ボディー）** ：以下のコードをコピーして貼り付け、privacy\_policiesとprivacy\_policies\_timestampのプロパティを含むapp\_metadataを更新します。

     ```text lines theme={null}
     {
       "app_metadata": {
         "privacy_policies": true,
         "privacy_policies_timestamp": "{{ functions.toTimestamp() }}"
       }
     }
     ```

   * **［Save（保存）］** を選択します。
3. **［Publish（公開）］** を選択して保存します。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=01bd293a6e452b26457bf5280be827d9" alt="Dashboard > Actions > Forms > User case privacy policy code" data-og-width="1404" width="1404" data-og-height="338" height="338" data-path="docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=280&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=807ae523654f89843c5cfcfe66996b44 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=560&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=9909062d43b6ee6e58db7e2e4e43bd72 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=840&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=c95ef10a1071e20196d1c33bad3eb9c1 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1100&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=9ba0a5b07a182e1f449c4d29a80ac098 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=1650&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=fc4e257e20ea63db035cca26a7981c9a 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/RgM_OTWVU7nN7KTL/docs/images/ja-jp/cdy7uua7fh8z/CvMNIwWrOUwaFW4X3G28p/1fb70ae57a20749d9ffaaba8dc0b7e26/update-user-privacy.png?w=2500&fit=max&auto=format&n=RgM_OTWVU7nN7KTL&q=85&s=89e09903b926fe358225c3ac84b90ac5 2500w" />
</Frame>

<Callout icon="file-lines" color="#0EA5E9" iconType="regular">
  **Update app\_metadata** フローは、`privacy_policies true`値を`app_metadata`オブジェクトに追加し、[ヘルパー関数](/docs/ja-jp/customize/forms/variables)を使ってタイムスタンプを生成します。
</Callout>

## フォームのレンダーコードを取得する

フォームのレンダーコードを取得して、カスタムのログイン後アクションでフォームを視覚的にレンダリングするには、以下の手順に従います。

* フォームエディターから **`<>`［Render（レンダー）］** を選択します。
* **［Copy（コピー）］** を選択します。

<Frame>
  <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=01773a33430e244375b9c18cff87d158" alt="Dashboard > Actions > Forms > Form > Embed" data-og-width="1400" width="1400" data-og-height="848" height="848" data-path="docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=280&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=c9052f60e11de56d62c8b36bca486749 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=560&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=7d76726f785341b33a46f8fc2cedb80f 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=840&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=73382233de551a499b9531997957e31f 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1100&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=7a9ee82e48c872178f3622e488304c41 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=1650&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=3e64ae671a9c7cf7471c8d58306e8f48 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/icelULQz_BoHB8kY/docs/images/ja-jp/cdy7uua7fh8z/2EIUzc539sq9lwoTKbjoJv/496a864c0fc44a782c9cadca119dbfb0/embed.png?w=2500&fit=max&auto=format&n=icelULQz_BoHB8kY&q=85&s=2707373d2d855871c6a8af3845b02d4b 2500w" />
</Frame>

## ログイン後のアクションを作成する

ログイン後のアクションを作成してフォームをレンダリングするには、次の手順に従います。

1. **［Auth0 Dashboard］>［Actions（アクション）］>［Flows（フロー）］>［Login（ログイン）］** に移動します。
2. **［+］** アイコンを選択し、 **［Build from scratch（初めから構築する）］** を選択します。

   * **Name（名前）** ：`Render Update Policy Form`（更新ポリシーフォームのレンダリング）と入力します。
   * **Trigger（トリガー）** ：［`Login / Post Login`（ログイン/ログイン後）］を選択します。
   * **Runtime（ランタイム）** ：推奨バージョンを選択します。
3. **［Create（作成）］** を選択します。

ログイン後のアクションを構成するには、以下を行います。

1. 既存のコードをコードエディターから削除します。

2. フォームのレンダリングコードをコードエディターに貼り付けます。

3. コードを編集して、フォームをレンダリングする条件ロジックを定義します。

   ```javascript lines theme={null}
   /**
   * @param {Event} event - Details about the user and the context in which they are logging in.
   * @param {PostLoginAPI} api - Interface whose methods can be used to change the behavior of the login.
   */
   exports.onExecutePostLogin = async (event, api) => {
     const FORM_ID = 'REPLACE_WITH_YOUR_FORM_ID';

     if (event.user.app_metadata.privacy_policies !== true) {
       api.prompt.render(FORM_ID);
     }
   }

   exports.onContinuePostLogin = async (event, api) => { }
   ```

   <Callout icon="file-lines" color="#0EA5E9" iconType="regular">
     上の例にあるコードでは、ユーザーのアプリメタデータに`privacy_policies`プロパティがない場合にフォームが表示されます。
   </Callout>

4. **［Deploy（デプロイ）］** を選択します。

5. **［Render Update Policy Form（更新ポリシーフォームのレンダリング）］** アクションを **Login（ログイン）** フローにドラッグ＆ドロップします。

   <Frame>
     <img src="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=f9142eb468d8879a62ba517ef3ba7f4b" alt="Dashboard > Forms > Use Case > Render update policy form login action" data-og-width="1370" width="1370" data-og-height="668" height="668" data-path="docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=280&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=43b1c303a02e00b870a2b609359fd767 280w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=560&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=c6ba62f973cb48bb4038e468b9637b8f 560w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=840&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=1e14fcce35a3663a64f2aba3e3283eda 840w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1100&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=b346e099bf88a7087d760455530142b8 1100w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=1650&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=31813b4c8cceff34ac74575aca72e4cb 1650w, https://mintcdn.com/docs-staging-fix-details-to-accordion-universal-components/psTgZfCZ8YyTtDl3/docs/images/ja-jp/cdy7uua7fh8z/5TOwDgevZsBqd7yZynUYWU/41ca909dc3007aed4f40ff794a05efa5/postlogin.png?w=2500&fit=max&auto=format&n=psTgZfCZ8YyTtDl3&q=85&s=067572d8eb186545457e1d18e265c275 2500w" />
   </Frame>

6. **［Apply（適用）］** を選択します。

### 実装をテストする

次の手順に従って実装をテストします。

1. `app_metadata`属性の`privacy_policies`に値がない既存のユーザーとしてログインします。
2. ログインフローのログイン後アクションがフォームをレンダリングして、同意を求めます。
3. **［Auth0 Dashboard］>［User Management（ユーザー管理）］>［Users（ユーザー）］** に移動し、ユーザーを見つけて、`app_metadata`属性の`privacy_policies`に`true`値とタイムスタンプが含まれていることを確認します。
