Rails入門3:Railsの日本語化を試そう

Rails入門3: Railsサービスを機能アップしてみよう

#05:Railsの日本語化を試そう

動画実技

次のチャプターへ

この動画を見るにはpaiza会員登録のうえ
有料会員登録が必要です

無料会員登録して始める

★ 実技1

実技課題「「ハローパイザ」と表示」

右の環境には、Railsで「catmap」というプロジェクトに、start/index.html.erbというページが設置されています。また、国際化機能として、URLに日本語ロケール(?locale=ja)を指定すると、日本語表記に切り替わるようになっています。ja.ymlには「paiza: "ハローパイザ"」と登録してあります。

エディタを使って、app/views/start/index.html.erbを修正して、pタグの位置に「ハローパイザ」と表示してください。

採点して、すべてのジャッジに正解すれば、演習課題クリアです！

ここでは、Railsアプリのボタンやメッセージを日本語で表示させます。Ruby on Railsは、このような多言語対応のため国際化機能を装備しています。

URLのオプションに合わせて切り換えるようコントローラーを修正

app/controllers/application_controller.rb

class ApplicationController < ActionController::Base
  before_action :set_locale
  protect_from_forgery with: :exception

  def set_locale
    I18n.locale = params[:locale] || I18n.default_locale
  end

  def default_url_options(options = {})
    { locale: I18n.locale }.merge options
  end
end

en.ymlを確認

/config/locale/en.yml

en:
  hello: "Hello world"

ja.yml をコピーして修正

$ cd ~/lunchmap
$ cp -a config/locales/en.yml config/locales/ja.yml

/config/locale/ja.yml

ja:
  hello: "世界の皆さん、こんにちは"

ウェルカムページに翻訳用キーワードを埋め込む

app/views/welcome/index.html.erb

<h1>Lunch Map</h1>
<p>Tasty meal on your place!!</p>
<p><%= t('hello') %></p>
<p><%= link_to 'Show shop list', shops_path %></p>

参考になるWebページ

- Railsで日本語化対応にする方法 - Qiita
http://qiita.com/kusu_tweet/items/b534c808ac1ee0382f05

- Railsの多言語化対応 i18nのやり方を整理してみた！【国際化/英語化】 - 酒と泪とRubyとRailsと
http://morizyun.github.io/blog/i18n-english-rails-ruby-many-languages/

- rails-i18n/rails/locale/ja.yml
https://github.com/svenfuchs/rails-i18n/blob/master/rails/locale/ja.yml

- Rails標準のi18n機能による日本語化まとめ | ユニコーンリサーチ
https://unicorn.limited/jp/item/373

- Rails国際化(I18n) API | Rails ガイド
https://railsguides.jp/i18n.html

有料プランで現役エンジニアに相談可能！

プログラミング学習 > Ruby > Webアプリ開発入門 Rails編 > Rails入門3: Railsサービスを機能アップしてみよう > Railsの日本語化を試そう