> ## Documentation Index
> Fetch the complete documentation index at: https://translations.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> フォームs を使用してカスタムメッセージと翻訳を作成する方法を説明します。

# カスタムメッセージと翻訳

フォーム のメッセージをカスタマイズして、ユーザーに固有の フォーム 体験を提供できます。さらに、フォームコンポーネント、エラー、そのほかのカスタムメッセージを他言語に翻訳して、ローカライズされた体験を実現できます。

<div id="messages">
  ## メッセージ
</div>

フォーム エディターでは、エラーメッセージをカスタマイズしたり、ユーザー向けのその他のカスタムメッセージを作成したりできます。

<div id="error-messages">
  ### エラーメッセージ
</div>

フォームのデフォルトのエラーメッセージを置き換えるために、カスタムエラーメッセージを作成できます。

カスタムエラーメッセージを作成するには、次の手順に従います。

1. Auth0 Dashboard で、**Actions > Forms** に移動します。
2. フォーム エディターの左側のメニューから **Messages** を選択します。
3. **Errors** タブを選択します。
4. 対応するフィールドにカスタムエラーメッセージを入力して、デフォルトメッセージを置き換えます。
5. 保存するには、**Publish** を選択します。

<div id="custom-messages">
  ### カスタムメッセージ
</div>

カスタムメッセージを作成すると、デフォルトメッセージに追加して、フォーム のエクスペリエンスをさらにパーソナライズできます。たとえば、フロー内で Action がエラーを返したときにユーザーに表示するカスタムメッセージを追加できます。

<div id="create-custom-messages">
  #### カスタムメッセージを作成する
</div>

カスタムメッセージを作成するには、以下の手順に従います。

1. フォームエディタの左側のメニューから、**Messages** を選択します。
2. **Custom** タブを選択します。次に、**Add New Item** を選択します。
3. 左側でメッセージの一意のキーを入力します。次に、右側のフィールドにカスタムメッセージを入力します。
4. 保存するには、**Publish** を選択します。

<Frame>
  <img src="https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=fae9e5c39601e0567f684501fa2c1c0a" alt="Dashboard > Forms > Custom messages and translations > Custom message" data-og-width="704" width="704" data-og-height="539" height="539" data-path="docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=460f339acbe765d9817b638e939601c0 280w, https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=ccc6cfce3a0743f2ad5d1d4e09781959 560w, https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=7564e5f3558ef0ce972e16b01640d2fd 840w, https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=2cc03a9f585a4a94a88491dc8ed3c9b7 1100w, https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=8e74c74bb4598c4d7c97f8e5f12a545f 1650w, https://mintcdn.com/translations/eVsQcTnbClN-oB7d/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=eVsQcTnbClN-oB7d&q=85&s=c1c181ec675bad740349b7a61ec7436a 2500w" />
</Frame>

<div id="add-custom-messages-to-your-forms">
  #### フォームにカスタムメッセージを追加する
</div>

フォームでカスタムメッセージを参照するには、`{{t('custom_unique_key')}}` 関数にカスタムメッセージの一意のキーを指定します。

<Frame>
  <img src="https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=6d54a647d0f9d0eb87e8d6bdc70f7679" alt="Dashboard > Forms > Custom messages and translations > Translation function" data-og-width="450" width="450" data-og-height="449" height="449" data-path="docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=612a2ce4c9c976366682d256b044ea6a 280w, https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=853ae5b21a4432d3d447ad37131234c0 560w, https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=f54b689be58bc85d0eee4311d42fff05 840w, https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=540a1f563b2a7cd28fe89a4046f877d0 1100w, https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=35a7f86280037b8e74570700bb3b6bd6 1650w, https://mintcdn.com/translations/pvjQqAy3EB2TK6NP/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=pvjQqAy3EB2TK6NP&q=85&s=be50d07b979116348ecbf02e33fc8fde 2500w" />
</Frame>

<div id="translations">
  ## 翻訳
</div>

フォームを多言語対応にするには、Translations 機能を使用します。この機能では、ユーザーのブラウザー言語に基づいて、フォームに適した言語が判定されます。
デフォルトでは、一部の標準的なエラーメッセージの翻訳はスペイン語で提供されています。ただし、より良いユーザー体験を実現するために、フォームコンポーネント、エラー、カスタムメッセージの翻訳を任意の言語で定義できます。

翻訳を有効にするには、次の手順に従います。

1. Auth0 Dashboard で **Actions > Forms** に移動します。
2. フォームエディターの左側メニューで **Translations** を選択します。
3. **Enable additional languages** をオンにします。
4. **Additional languages** ドロップダウンメニューから使用する言語を選択します。

<div id="translate-messages">
  ### メッセージを翻訳する
</div>

言語エディターを使用すると、フォームコンポーネント、エラー、その他のカスタムメッセージの翻訳を設定できます。

翻訳を設定するには、以下の手順に従います。

1. **Select language** ドロップダウンメニューから目的の言語を選択します。
2. 次のいずれかのタブを選択して、翻訳の設定を開始します。

   1. **Components**
   2. **Errors**
   3. **Custom**
3. 利用可能な各フィールドに、必要に応じて翻訳を入力します。
4. 保存するには **Publish** を選択します。

<Frame>
  <img src="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=fce561536856a8a252d4daa41308dbf9" alt="Dashboard > Forms > Custom messages and translations > Translation message" data-og-width="701" width="701" data-og-height="885" height="885" data-path="docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=9eee5825124839f2fda60e0eca735b8e 280w, https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=19727669d728a065f2f9196907c02c0e 560w, https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=806352c4b99a9d27cc7a5b6e76fda994 840w, https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=319c29975ed110b3ec98a33c2e8e687a 1100w, https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=524f32770fd03d52b3478d8926ccbe25 1650w, https://mintcdn.com/translations/MV7tE-x71x8RWRES/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=MV7tE-x71x8RWRES&q=85&s=b322027309eec181bbf1bd165e1b202e 2500w" />
</Frame>
