> ## Documentation Index
> Fetch the complete documentation index at: https://docs-staging-chore-myaccount-api-autoupdate.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Form にカスタムメッセージや翻訳を追加して、各ステップでユーザーの言語設定に一致するロケール固有の文言を表示する方法を学びます。

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

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

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

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

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

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

カスタムエラーメッセージを作成するには、以下の手順に従ってください。

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

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

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

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

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

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

<Frame>
  <img src="https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=a72be1a4571201dbe25ccbb3bb2363af" alt="Auth0 Dashboard > Forms > カスタムメッセージと翻訳 > カスタムメッセージ" 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/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=4fcf43190ef38f2b2978bd14e8b51b21 280w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=84109e4fd71d8de0d9e4ebf084548aa6 560w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=4b77711dd356cf43410c5fcf5cbb9f88 840w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=181525df4dcd17a36cb7e8ce3a7a04fe 1100w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=9d2a08b59c0f66b6baa0883c2e6cc679 1650w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/nuDe4v-q_ZNWMmoT/docs/images/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=nuDe4v-q_ZNWMmoT&q=85&s=996fa08da37bc5c36b3b821a797ef3e1 2500w" />
</Frame>

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

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

<Frame>
  <img src="https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=bb6a8fec7b9cf960a045673adb46af84" alt="Auth0 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/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=55619403a456b5bc3733957005eb0dae 280w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=3515595232a36d76ca4f17c89574dc0c 560w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=2b3b886313436d25d2de7523d2957f53 840w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=e1af728d90c94b75a512144bb5a18294 1100w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=272c6ebefa3137703389816b2a4c7cc5 1650w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/3kGnhsYuy8CnlZG9/docs/images/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=3kGnhsYuy8CnlZG9&q=85&s=ea5362da56c64aecbbb16d1ccc210baf 2500w" />
</Frame>

<h2 id="translations">
  翻訳
</h2>

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

翻訳を有効にするには、次の手順に従ってください。

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

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

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

翻訳を設定するには、以下の手順に従ってください。

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

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

<Frame>
  <img src="https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=21b0cd22b6aaa7a8f87b5166a42c6ab2" 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/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=08c10aca2e0db094cf632fee3da73cdc 280w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=a36f91ec27c190dc7a1a31741df46b4b 560w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=19de00c5866b93ddd92c522c04830f5d 840w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=d7bc0cb02597c10f83c9f2dc44aa9cad 1100w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=104bfd3a2cfac446aa7ccce8d0999bbb 1650w, https://mintcdn.com/docs-staging-chore-myaccount-api-autoupdate/gX70I896qXZ9LmsE/docs/images/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=gX70I896qXZ9LmsE&q=85&s=99279f6b59a4211ce5cf4516f4f2caa7 2500w" />
</Frame>
