--- title: i18next v2 での国際化対応 tags: JavaScript i18next author: moioyoao slide: false --- # i18next v2 での国際化対応 v2 では幾つかの機能がプラグインとして切り出されており、動作確認に手間取ったので動作例をメモとして残しておきます。v1 に関しては [HTMLでの国際化(i18nextとl10n.js)] ( http://qiita.com/sassy_watson/items/25b6364d428c7e7ee708) の記事が参考になるかと思われます。 * 公式 * http://i18next.com/ # 動作例 ## フォルダ構成 ``` ├── bower_components │   ├── i18next │   ├── i18next-xhr-backend - リソースのロードに利用 │   ├── jquery │   └── jquery-i18next - jQueryとの連携に利用 ├── locales │   └── en │   └── translation.json │   └── ja │   └── translation.json └── index.html ``` ## 環境構築 (bower) `bower install jquery i18next i18next-xhr-backend jquery-i18next` ## 各種ファイル ```locales/en/translation.json { "hello": "hello", "world": "world" } ``` ```locales/ja/translation.json { "hello": "こんにちは", "world": "せかい" } ``` ```index.html
``` ## 動作確認 ローカルでWebサーバを立ち上げて確認 (XHRでリソースファイルにアクセスさせる) 1. `python -m SimpleHTTPServer` 1. ブラウザで `localhost:8000` にアクセスし **こんにちは せかい** が表示されることを確認