Slide 1
Slide 1 text
RAILS + REACT
shrkw
Meguro.rb#3 2017/05/24(Wed)
Slide 2
Slide 2 text
Viibar
Java, Scala, Python Viibar
Ruby/Rails
Slide 3
Slide 3 text
4K
Slide 4
Slide 4 text
Viibar
35 4K
Slide 5
Slide 5 text
No content
Slide 6
Slide 6 text
I18N
Slide 7
Slide 7 text
Rails i18n Rails
(I18n) API | Rails
svenfuchs/rails-i18n
Slide 8
Slide 8 text
JS (ES2015, React)
I18n.locale
Slide 9
Slide 9 text
JS (ES2015, REACT)
Slide 10
Slide 10 text
React
React
yahoo/react-intl
i18next/react-i18next
i18next
Slide 11
Slide 11 text
JS
fnando/i18n-js
Slide 12
Slide 12 text
I18N-JS
Rails
JSON
React
Slide 13
Slide 13 text
export_i18n_js: false
fallbacks: true
translations:
- file: "app/assets/javascripts/locales/%{locale}.js"
only:
- '*.js.*'
Slide 14
Slide 14 text
locales
ja:
js:
foo:
bar: baz
Slide 15
Slide 15 text
REACT
i18n-js
translations
layout
//= require i18n
= javascript_include_tag "locales/#{I18n.default_locale}"
- unless I18n.locale == I18n.default_locale
= javascript_include_tag "locales/#{I18n.locale}"
Slide 16
Slide 16 text
React ES2015
I18n.js
global.I18n
export default global.I18n;
Slide 17
Slide 17 text
ES2015
i18n
Slide 18
Slide 18 text
render() {
return
{I18n.t('js.submit.close')}
;
}
Slide 19
Slide 19 text
JSON PRECOMPILE
locale json
config.middleware.use I18n::JS::Middleware if Rails.env.development?
Slide 20
Slide 20 text
production assets:precompile
sprockets
task 'assets:precompile': 'i18n:js:export'
Slide 21
Slide 21 text
No content
Slide 22
Slide 22 text
No content
Slide 23
Slide 23 text
ja en
MissingTranslationData
Slide 24
Slide 24 text
glebm/i18n-tasks
Slide 25
Slide 25 text
unused, add-missing, find, remove-unused,
normalize, mv missing
unused JS
Slide 26
Slide 26 text
unused
#i18n-tasks-use t('activerecord.models.user') # let i18n-tasks know the
User.model_name.human
Slide 27
Slide 27 text
spec CI
Slide 28
Slide 28 text
it '各locale.yml translation 欠落 ' do
count = i18n.missing_keys.count
unless count.zero?
missing_list = "以下 locale 未設定 \n"
i18n.missing_keys.each do |locale|
locale.keys.each do |key|
missing_list << "#{locale.key} | #{key}\n"
end
end
fail missing_list
end
end
Slide 29
Slide 29 text
No content
Slide 30
Slide 30 text
No content
Slide 31
Slide 31 text
locales YAML JS
YAML
Slide 32
Slide 32 text
YAML
ja:
# 両方 利用 設定
isomorphic:
attributes:
car: &isomorphic_attributes_car
tire:
#
activerecord:
attributes:
car:
<<: *isomorphic_attributes_car
loof: 天井
#
js:
attributes:
car:
Slide 33
Slide 33 text
JSON
Slide 34
Slide 34 text
I18N.LOCALE
Slide 35
Slide 35 text
HTTP Accept-Language
Slide 36
Slide 36 text
before_action :set_locale
def set_locale
I18n.locale = extract_locale_from_accept_language_header
end
def extract_locale_from_accept_language_header
request.env['HTTP_ACCEPT_LANGUAGE'].scan(/^[a-z]\{2\}/).first
end
Slide 37
Slide 37 text
application_controller
Slide 38
Slide 38 text
: DEVISE
Devise::SessionsController
flash
application_controller
class Devise::SessionsController < DeviseController
prepend_before_action :require_no_authentication, only: [:new,
prepend_before_action :allow_params_authentication!, only: :create
prepend_before_action :verify_signed_out_user, only: :destroy
if authenticated && resource = warden.user(resource_name)
flash[:alert] = I18n.t("devise.failure.already_authenticated")
redirect_to after_sign_in_path_for(resource)
end
Slide 39
Slide 39 text
rails_admin
application_controller#set_locale
Slide 40
Slide 40 text
Rack
rack-contrib/locale.rb at master · rack/rack-contrib ·
GitHub
Slide 41
Slide 41 text
DB
Slide 42
Slide 42 text
DB
Slide 43
Slide 43 text
No content