LoginSignup
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

@honaki

【Laravel】 /views/profile の日本語化の手順

Last updated at Posted at 2025-04-23

何をしたい？

「/views/profile」フォルダ内のビューを日本語化したい。

↓ ゴール

スクリーンショット 2025-04-23 15.49.03.png
スクリーンショット 2025-04-23 15.49.16.png
スクリーンショット 2025-04-23 15.49.33.png
スクリーンショット 2025-04-23 15.49.45.png
スクリーンショット 2025-04-23 15.50.00.png

手順

/views/profile/edit.blade.php から順に解説していきます。

✅ /views/profile/edit.blade.php の場合

Laravelの多言語ファイルを活用していきます。

① 言語のデフォルトを ja に変更

これを設定しておけば、翻訳ファイルの /lang/ja を自動的に読み込みます。

config/app.php
'locale' => 'ja',

② ファイル作成

「/lang/ja/profile.php」を作成(まだなかったら)。

touch lang/ja/profile.php

③ 翻訳作成

基本ルールとして、「lang/ja/profile.php」のkeyは　「小文字」と「_」で作成する。

lang/ja/profile.php
<?php

return [

    // /views/profile/edit.blade.php
    'profile' => 'プロフィール',
];

④ edit.blade.php を編集

③で作成した翻訳のkeyを記載する。
そのkeyの前に翻訳が記載されているファイルであるauthをつける。

※ゲストログインの処理は、通常されていません。

resources/views/profile/edit.blade.php
# 編集前
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
    {{ __('Profile') }} @if(Auth::user()->isGuest()) (GuestLoginの場合、編集不可) @endif
</h2>
# 編集後
<h2 class="font-semibold text-xl text-gray-800 leading-tight">
    {{ __('profile.profile') }} @if(Auth::user()->isGuest()) (GuestLoginの場合、編集不可) @endif
</h2>

↓ ゲストログイン処理について

結果

スクリーンショット 2025-04-23 16.25.29.png

✅ /views/profile/partials/update-profile-information-form.blade.php の場合

Laravelの多言語ファイルを活用していきます。

① 言語のデフォルトを ja に変更

これを設定しておけば、翻訳ファイルの /lang/ja を自動的に読み込みます。

config/app.php
'locale' => 'ja',

② ファイル作成

「/lang/ja/profile.php」を作成(まだなかったら)。

touch lang/ja/profile.php

③ 翻訳作成

基本ルールとして、「lang/ja/profile.php」のkeyは　「小文字」と「_」で作成する。

lang/ja/profile.php
<?php

return [

    // /views/profile/partials/update-profile-information-form.blade.php
    'profile_information' => 'プロフィール情報',
    "Update your account's profile information and email address." => 'アカウント名やメールアドレスを更新できます。',
    'name' => '名前',
    'email' => 'メールアドレス',
    'save' => '更新する',
    'saved.' => '更新しました。',
];

④ update-profile-information-form.blade.php を編集

③で作成した翻訳のkeyを記載する。
そのkeyの前に翻訳が記載されているファイルであるauthをつける。

/resources/views/profile/partials/update-profile-information-form.blade.php
# 編集前
<h2 class="text-lg font-medium text-gray-900">
    {{ __('Profile Information') }}
</h2>
# 編集後
<h2 class="text-lg font-medium text-gray-900">
    {{ __('profile.profile_information') }}
</h2>

# 編集前
<p class="mt-1 text-sm text-gray-600">
    {{ __("Update your account's profile information and email address.") }}
</p>
# 編集後
<p class="mt-1 text-sm text-gray-600">
    {{ __("profile.Update your account's profile information and email address.") }}
</p>

# 編集前
<x-input-label for="name" :value="__('Name')" />
# 編集後
<x-input-label for="name" :value="__('profile.name')" />

# 編集前
<x-input-label for="email" :value="__('Email')" />
# 編集後
<x-input-label for="email" :value="__('profile.email')" />

# 編集前
<x-primary-button>{{ __('Save') }}</x-primary-button>
# 編集後
<x-primary-button>{{ __('profile.save') }}</x-primary-button>

# 編集前
<p x-data="{ show: true }" x-show="show" x-transition x-init="setTimeout(() => show = false, 2000)"
    class="text-sm text-gray-600">{{ __('Saved.') }}</p>
# 編集後
<p
    x-data="{ show: true }"
    x-show="show"
    x-transition
    x-init="setTimeout(() => show = false, 2000)"
    class="text-sm text-gray-600"
>{{ __('profile.saved.') }}</p>

結果

スクリーンショット 2025-04-23 15.49.03.png

✅ /views/profile/partials/update-password-form.blade.php の場合

Laravelの多言語ファイルを活用していきます。

① 言語のデフォルトを ja に変更

これを設定しておけば、翻訳ファイルの /lang/ja を自動的に読み込みます。

config/app.php
'locale' => 'ja',

② ファイル作成

「/lang/ja/profile.php」を作成(まだなかったら)。

touch lang/ja/profile.php

③ 翻訳作成

基本ルールとして、「lang/ja/profile.php」のkeyは　「小文字」と「_」で作成する。

lang/ja/profile.php
<?php

return [

    // /views/profile/partials/update-password-form.blade.php
    'update_password' => 'パスワード更新',
    'Ensure your account is using a long, random password to stay secure.' => 'アカウントを安全に保つため、長くてランダムなパスワードを使用してください。',
    'current_password' => '現在のパスワード',
    'new_password' => '新しいパスワード',
    'confirm_password' => '新しいパスワード(再確認)',
];

④ update-password-form.blade.php を編集

③で作成した翻訳のkeyを記載する。
そのkeyの前に翻訳が記載されているファイルであるauthをつける。

/resources/views/profile/partials/update-password-form.blade.php
# 編集前
<h2 class="text-lg font-medium text-gray-900">
    {{ __('Update Password') }}
</h2>
# 編集後
<h2 class="text-lg font-medium text-gray-900">
    {{ __('profile.update_password') }}
</h2>

# 編集前
<p class="mt-1 text-sm text-gray-600">
    {{ __('Ensure your account is using a long, random password to stay secure.') }}
</p>
# 編集後
<p class="mt-1 text-sm text-gray-600">
    {{ __('profile.Ensure your account is using a long, random password to stay secure.') }}
</p>

# 編集前
<x-input-label for="current_password" :value="__('Current Password')" />
# 編集後
<x-input-label for="current_password" :value="__('profile.current_password')" />

# 編集前
<x-input-label for="password" :value="__('New Password')" />
# 編集後
<x-input-label for="password" :value="__('profile.new_password')" />

# 編集前
<x-input-label for="password_confirmation" :value="__('Confirm Password')" />
# 編集後
<x-input-label for="password_confirmation" :value="__('profile.confirm_password')" />

# 編集前
<x-primary-button>{{ __('Save') }}</x-primary-button>
# 編集後
<x-primary-button>{{ __('profile.save') }}</x-primary-button>

# 編集前
<p x-data="{ show: true }" x-show="show" x-transition x-init="setTimeout(() => show = false, 2000)"
    class="text-sm text-gray-600">{{ __('Saved.') }}</p>
# 編集後
<p
    x-data="{ show: true }"
    x-show="show"
    x-transition
    x-init="setTimeout(() => show = false, 2000)"
    class="text-sm text-gray-600"
>{{ __('profile.saved.') }}</p>

結果

スクリーンショット 2025-04-23 15.49.33.png

✅ /views/profile/partials/delete-user-form.blade.php の場合

Laravelの多言語ファイルを活用していきます。

① 言語のデフォルトを ja に変更

これを設定しておけば、翻訳ファイルの /lang/ja を自動的に読み込みます。

config/app.php
'locale' => 'ja',

② ファイル作成

「/lang/ja/profile.php」を作成(まだなかったら)。

touch lang/ja/profile.php

③ 翻訳作成

基本ルールとして、「lang/ja/profile.php」のkeyは　「小文字」と「_」で作成する。

lang/ja/profile.php
<?php

return [
    
    // /views/profile/partials/delete-user-form.blade.php
    'delete_account' => 'アカウント削除',
    'Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.' => 'アカウントを削除すると、すべてのデータが完全に削除されます。',
    'delete_account.' => '削除する',
    'Are you sure you want to delete your account?' => '本当にアカウントを削除してもよろしいですか？',
    'Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.' => 'アカウントを削除すると、すべてのデータが完全に削除されます。<br>本当にアカウントを完全に削除する場合は、パスワードを入力してください。',
    'password' => 'パスワード',
    'cancel' => 'キャンセル',
];

④ delete-user-form.blade.php を編集

③で作成した翻訳のkeyを記載する。
そのkeyの前に翻訳が記載されているファイルであるauthをつける。

/resources/views/profile/partials/update-password-form.blade.php
# 編集前
<h2 class="text-lg font-medium text-gray-900">
    {{ __('Delete Account') }}
</h2>
# 編集後
<h2 class="text-lg font-medium text-gray-900">
    {{ __('profile.delete_account') }}
</h2>

# 編集前
<p class="mt-1 text-sm text-gray-600">
    {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
</p>
# 編集後
<p class="mt-1 text-sm text-gray-600">
    {{ __('profile.Once your account is deleted, all of its resources and data will be permanently deleted. Before deleting your account, please download any data or information that you wish to retain.') }}
</p>

# 編集前
<x-danger-button x-data=""
    x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')">{{ __('Delete Account') }}</x-danger-button>
# 編集後(x-data と x-on:click.prevent はゲストログイン時に使用)
<x-danger-button
    x-data=""
    x-on:click.prevent="$dispatch('open-modal', 'confirm-user-deletion')"
>
    {{ __('profile.delete_account.') }}
</x-danger-button>

# 編集前
<h2 class="text-lg font-medium text-gray-900">
    {{ __('Are you sure you want to delete your account?') }}
</h2>
# 編集後
<h2 class="text-lg font-medium text-gray-900">
    {{ __('profile.Are you sure you want to delete your account?') }}
</h2>

# 編集前
<p class="mt-1 text-sm text-gray-600">
    {{ __('Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') }}
</p>
# 編集後
<p class="mt-1 text-sm text-gray-600">
    {!! __('profile.Once your account is deleted, all of its resources and data will be permanently deleted. Please enter your password to confirm you would like to permanently delete your account.') !!}
</p>

# 編集前
<x-input-label for="password" value="{{ __('Password') }}" class="sr-only" />
# 編集後
<x-input-label for="password" value="{{ __('profile.password') }}" class="sr-only" />

# 編集前
<x-text-input id="password" name="password" type="password" class="mt-1 block w-3/4"
    placeholder="{{ __('Password') }}" />
# 編集後
<x-text-input
    id="password"
    name="password"
    type="password"
    class="mt-1 block w-3/4"
    placeholder="{{ __('profile.password') }}"
/>

# 編集前
<x-secondary-button x-on:click="$dispatch('close')">
    {{ __('Cancel') }}
</x-secondary-button>
# 編集後
<x-secondary-button x-on:click="$dispatch('close')">
    {{ __('profile.cancel') }}
</x-secondary-button>

# 編集前
<x-danger-button class="ml-3">
    {{ __('Delete Account') }}
</x-danger-button>
# 編集後(type="submit" はゲストログイン時に使用)
<x-danger-button type="submit" class="ml-3">
    {{ __('profile.delete_account') }}
</x-danger-button>

↓ ゲストログインについてはこちら

結果

スクリーンショット 2025-04-23 15.49.45.png
スクリーンショット 2025-04-23 15.50.00.png

補足： auth認証の日本語化の手順

0
0
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
Sign upLogin
0
0

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?