> ## Documentation Index
> Fetch the complete documentation index at: https://docs-dev-feat-acul-js-sdk-1-7-0-docs.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

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

> Formsを使ってカスタムメッセージと翻訳の作成方法を説明します。

フォームメッセージをカスタマイズし、ユーザーに独自のフォームエクスペリエンスを提供できます。さらに、ローカライズエクスペリエンスのために、フォームコンポーネント、エラー、その他カスタムメッセージをその他言語に翻訳できます。

## メッセージ

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

### エラーメッセージ

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

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

1. Auth0 Dashboardで、 **［Actions（アクション）］>［Forms（フォーム）］** に移動します。
2. フォームエディターの左メニューにある **［Messages（メッセージ）］** を選択します。
3. **［Error（エラー）］** タブを選択します **。**
4. 該当するフィールドにカスタムエラーメッセージを入力し、デフォルトメッセージと置き換えます。
5. **［Publish（公開）］** を選択し、保存します。

### カスタムメッセージ

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

#### カスタムメッセージを作成する

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

1. フォームエディターの左側のメニューから **［Messages（メッセージ）］** を選択します。
2. **［Custom（カスタム）］** タブを選択し、 **［Add New Item（新しい項目を追加）］** を選択します。
3. 左側に、メッセージの一意のキーを追加します **。** さらに、次に、右側のフィールドにカスタムメッセージを **入力** します。
4. **［Publish（公開）］** を選択し、保存します。

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=59737b00a4718065d0c7cbacff01e3ff" 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/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=280&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=2338e6306240845089f841c009a14631 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=560&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=0de00225ea9527edd277cb2ba945c53d 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=840&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=a298bb6b4277a8499f7ddd15b1e95eb9 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1100&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=7393f4dfff7233dc7d57ace1e78b265b 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=1650&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=a51e0dbfce4e41401d0be537672374ed 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/16hLA3i8dv83aok6/docs/images/ja-jp/cdy7uua7fh8z/1upBOwWqntPPQF8fqGeN6T/a65674d05c823c5fbe703265558693e4/custom-message.png?w=2500&fit=max&auto=format&n=16hLA3i8dv83aok6&q=85&s=c1bc188ea45790dd19d1ade98b24555f 2500w" />
</Frame>

#### カスタムメッセージをフォームに追加する

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

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=729e351c6e20c513b59c90d494ff4839" 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/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=280&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=c2979f01c19ca631507c283dfa2144a2 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=560&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=8713ed4e2ab11409d7d5648ac5426c4a 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=840&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=37fca94c49c1c0dbbb99ba3a4b8ef640 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1100&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=2cd7d54d140725405ac00593f12c225d 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=1650&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=a4d4e7bb5d8a9dea70df4bbeb54c196a 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/DA1G35Sg4dEbUP4O/docs/images/ja-jp/cdy7uua7fh8z/45p4V7w5gw7DQZyJ08ECSH/d040720d9aa19f6e97e21defcd428e55/translation-function.png?w=2500&fit=max&auto=format&n=DA1G35Sg4dEbUP4O&q=85&s=7dd630975583c2609807b152039a8934 2500w" />
</Frame>

## 翻訳

翻訳機能を使用すると、フォームの国際的なユーザーエクスペリエンスを実現できます。この機能は、ユーザーのブラウザ言語を利用して、フォームに適切な言語を決定します。デフォルトでは、一部の標準エラーメッセージの翻訳はスペイン語で提供されます。ただし、質の高いユーザーエクスペリエンスを促進するために、フォームコンポーネント、エラー、カスタムメッセージの翻訳を任意の言語で定義できます。

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

1. Auth0 Dashboardで、 **［Actions（アクション）］>［Forms（フォーム）］** に移動します。
2. フォームエディターの左メニューにある **［Translations（翻訳）］** を選択します。
3. **［Enable additional languages（追加言語を有効にする）］** にチェックを入れます。
4. **［Additional languages（追加言語）］** ドロップダウンメニューから希望する言語を選択します。

### メッセージの翻訳

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

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

1. ［Select language（言語選択）］ドロップダウンメニューから希望する言語を選択します。
2. 次のタブの1つを選択し、翻訳の定義を開始します。

   1. **コンポーネント**
   2. **エラー**
   3. **カスタム**
3. 利用可能なフィールドごとに、必要に応じて翻訳を提供します。
4. **［Publish（公開）］** を選択し、保存します。

<Frame>
  <img src="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=8e329cc0c4d300b66021ee2d8d0027fa" 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/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png" data-optimize="true" data-opv="3" srcset="https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=280&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=6ff1df16c3c5508ff878e09f4456c7d8 280w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=560&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=e6de18c3cfde7d068ebcdb5a175ccf68 560w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=840&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=ba43b3057825de1151e5ff9691ac1bf5 840w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1100&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=b9e5055c03fd0e22c350b6f5745d1540 1100w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=1650&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=477f58a64bc9985012369f65e4d38a21 1650w, https://mintcdn.com/docs-dev-feat-acul-js-sdk-1-7-0-docs/9r8-RbmJeBfXRqPh/docs/images/ja-jp/cdy7uua7fh8z/5HY9FA6HZct2XNv5K4pCHY/c5977a7825e15285c3d77c2ca1e299a8/translation-message.png?w=2500&fit=max&auto=format&n=9r8-RbmJeBfXRqPh&q=85&s=94c44a3811b7a9938dbd93c692b68093 2500w" />
</Frame>
