ng5-i18n-demo Angular5による多言語化のサンプル
ng5-i18n-demo はAngular5における多言語化機能をテストするためのプログラムです。
ビデオ解説
https://youtu.be/5-6dwYtfRO4
概要
- ng5-i18n-demo はAngular5を利用して多言語環境を実現したいと考えている人のためのプログラムです。
必要環境
- Node.js
- TypeScript2
- Angular/Cli (for Angular5 or later)
インストール方法
このツールをインストールするためには、
- まずこのプログラム用のディレクトリを作成し、そのディレクトリに移動します。
$ mkdir mydir
$ cd mydir
- そのディレクトリで以下のようにクローンを作成します。
$ git clone https://github.com/Ohtsu/ng5-i18n-demo.git
- 作成された ng5-i18n-demo に移動し、"npm install"を実行します。
$ cd ng5-i18n-demo
$ npm install
ローカルサーバ(英語版)の起動
以下のようにローカルサーバを起動します。
$ ng serve
次にブラウザで http://localhost:4200 にアクセスします。
- 初期管理画面
他の言語でのサーバ(日本語)の起動
以下のようにローカルサーバを起動します。
$ npm run start:ja
次にブラウザで http://localhost:4200 にアクセスします。
- 初期管理画面
バージョン
- TypeScript : 2.4.2
- @angular/cli : 1.5.0
- Node : 6.11.3
参考文献
-
"Internationalization (I18N)",
https://v2.angular.io/docs/ts/latest/cookbook/i18n.html -
"Internationalization (I18N) Japanese Translation by mixplace in Qiita",
https://qiita.com/mixplace/items/3f1e1190e38c14f5297d
変更履歴
- 2017.11.9 version 0.1 uploaded
- 2017.11.14 ビデオのＵＲＬを修正
Copyright
copyright 2017 by Shuichi Ohtsu (DigiPub Japan)
License
MIT © Shuichi Ohtsu