2016/04/06
多言語翻訳用jQuery【translate.js】
webサイトを翻訳する場合、複数の方法がある。
その中でも最も簡単に実装できる方法の1つはフロント側での対応 = jsでの対応と思っており、良いツールなどが無いか調べてみた。
いくつか調べてみた中ではこれの評価が高いように思えたため使ってみた
http://www.openxrest.com/translatejs/
構造としては、以下のようにまずjsonで定義しておく必要がある。
|
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 | var t = { signin: { jp: "ログイン", en: "Sign in" }, registration: { jp: "会員登録", en: "Registration" }, cart: { jp: "カート", en: "Cart" }, contactus: { jp: "お問い合わせ", en: "Contact Us" } } |
それを例えば
|
1 | $('body').translate({lang: "jp", t: t}); |
このように特定の要素(ここではbody)に対して実行すると指定した言語に変換される
定義が面倒だが、1つの選択肢としては手軽に導入できて良いかもしれない
Author Profile
SHARE
