Ecosystem Ecosystem 3rd Party Tooling BabelEdit (opens new window) i18n Ally (opens new window) 3rd Party Integrations Localazy (opens new window) Crowdin (opens new window)
2020.07.22に公開 2020.08.20に更新 Udemy 9. Nuxt.jsフロント開発事前準備 No.4 / 4 今回達成すること Nuxt.jsにi18nモジュールを導入し、index.vueに翻訳結果を表示します。 完成イメージ i18nとは? i18nはアプリを多言語化対応するために使われるモジュールです。 このモジュールを使えば「login」の文字列を日本語の「ログイン」に簡単に翻訳できます。 「front」ディレクトリでブランチ切っとく 作業に移る前に「front」ディレクトリに移動してブランチを切ります。 root $ cd front front $ git checkout -b 20200722_add_nuxt-i18n front $ git branch * 20200722_add_nuxt-i18n front $ cd .. nuxt-i18nを
vue-i18n は Vue.js 向けの国際化(多言語化)プラグインです。 今回アプリのアップデート版を作るにあたり、Monaca の Onsen UI + Vue プロジェクトで vue-i18n を使ってみました。 以下に備忘録を兼ねた使用例を記します。 インストール npm install vue-i18n ファイル構成 対応する言語は日本語、英語、韓国語、中国語(簡体)、中国語(繁体)、スペイン語です。それぞれ JSON ファイルに分けて記述します。i18n.js では vue-i18n のインスタンスを作成します。main.js では Vue 本体のインスタンスを作成しています。そこに i18n.js で作成した vue-i18n のインスタンスを追加します。 { "cancel": "キャンセル", "set": "設定", "del": "削除", "sound": { "
こんにちは。てぃろです。 今回はVue.jsで作ったフロントを多言語化し、日本語と英語を切り替えできるようにした話です。Vue I18nというモジュールを使用して、Vue.jsのアプリを簡単に多言語化できました。 本記事は個人的に開発したVueSlsAppというサーバーレスアプリフレームワークへ修正を入れていった過程をもとに、基本的な導入方法から独自に工夫した点も含めて解説しています。 デプロイしてあるので、以下のリンクから実際にアプリを触ってみてもらえます。(多言語済) https://vueslsapp.thiroyoshi.com/ VueSlsAppのことをご存じない方は、以下の記事を参照してみてください。
ICU User Guide This User Guide provides information on i18n topics for which ICU has services, and includes details that go beyond the C, C++, and Java API docs (and avoids some duplication between them). You may want to start with the Introduction to ICU or browse the navigation bar for a specific topic. This is the new home of the User Guide (since 2020 August).
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く