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