[AWS Amplify] ログイン画面の日本語化

AWS Amplify, IT記事

AWS Amplifyのデフォルトのフォーム画面をとりあえず日本語化して使う。

export const messages = {
    ja: {
        'Account recovery requires verified contact information': "コンタクトの情報を検証する為に、アカウントの回復が必要です",
        'An account with the given email already exists.': "このメールアドレスはすでに登録されています",
        'Back to Sign In': "サインイン画面に戻る",
        'Change Password': "パスワードを変更",
        'Code': "認証コード",
        'Confirm a Code': "コードを確認",
        'Confirm Sign In': "サインインの確認",
        'Confirm Sign Up': "サインアップの確認",
        'Confirm Sign up': "サインアップの確認",
        'Confirm': "確認",
        'Confirmation Code': "確認コード",
        'Create a new account': "新しいアカウントを作成",
        'Create account': "新しいアカウントを登録",
        'Create Account': "登録",
        'Custom auth lambda trigger is not configured for the user pool.': "パスワードを入力してください",
        'Cannot reset password for the user as there is no registered/verified email or phone_number':"メールアドレスや電話番号が登録されていないため、ユーザーのパスワードをリセットできません。",
        'Email Address *': "メールアドレス *",
        'Email': "メールアドレス",
        'Enter your code': " ",
        'Enter your email address': " ",
        'Enter your password': " ",
        'Enter your username': " ",
        'Forget your password? ': "パスワードをお忘れの方",
        'Forgot Password': "パスワードを忘れてしまいました",
        'Forgot your password?': "パスワードをお忘れの方",
        'Have an account? ': "アカウント登録済みの方 ",
        'Have an account?': "アカウント登録済みの方 ",
        'Incorrect username or password': "ユーザー名またはパスワードが異なります",
        'Invalid password format': "パスワードのフォーマットが無効です",
        'Invalid phone number format':` `,
        'Invalid verification code provided, please try again.':"無効な確認コードです。再度ご確認ください",
        'Lost your code? ': "コードを紛失した方 ",
        "Lost your code?": "コードを紛失した方 ",
        'New Password': "新しいパスワード",
        'No account?': " ",
        'Password *': "パスワード *",
        'Password': "パスワード",
        'Password cannot be empty': "パスワードを入力してください",
        'Phone Number': "電話番号",
        'Resend a Code': "コードをもう一度送る",
        'Resend Code': "コードをもう一度送る",
        'Reset password': "パスワードのリセット",
        'Reset your password': "パスワードのリセット",
        'Send Code': "送信",
        'Sign in to your account': "サインイン",
        'Sign In': "サインイン",
        'Sign in': "サインインに戻る",
        'Sign Out': "サインアウト",
        'Sign Up': "サインアップ",
        'Skip': "スキップ",
        'Submit': "送信",
        'User already exists': "ユーザーが保存されました",
        'User does not exist': "ユーザーが存在しません",
        'User does not exist.': "ユーザーが存在しません",
        'Username cannot be empty': "ユーザー名を入力してください",
        'Username': "ユーザー名",
        'Verify Contact': "コンタクトを検証",
        'Verify': "検証",
    }
  };

以下は読み込むところ

import { I18n } from '@aws-amplify/core';
import {messages} from "./messages/amplifyLoginEnJa";
I18n.putVocabularies(messages);
I18n.setLanguage('ja');