#25 【ゲスト: shioyang】Angularアプリのi18n（国際化） (2020-09-16)

[lacolaco]

ng-japan OnAir vol.25 "Angularアプリのi18n（国際化）" - YouTube

ng-japan OnAirって何？:thinking_face:

Angular日本ユーザー会が主催するYouTube Liveです！
過去のOnAirの配信アーカイブはこちらから視聴できます！

• 最新情報やプラクティスをキャッチアップする機会は多い方がいい
• 勉強会やミートアップは東京に集中してるし、予定が合わないと参加できない…
• オンライン開催なら誰でもどこでも参加できるしアーカイブが残る！ :party_popper:

内容

• Angularアプリのi18n（国際化）について

デファクトスタンダードであるライブラリのngx-translateや、Angular公式のi18n機能の今についてゆるく談義します！

会場

https://www.youtube.com/channel/UCayXpiOPFQh9MWePLoEFLmg/live

🔔 YouTubeチャンネルを購読 しておくと、配信開始のお知らせを受け取ることができます！

💃 出演者紹介

ゲスト: shioyangさん

フロントエンド、UI/UX、プロジェクトファシリテーションに興味があります。Angular 日本ユーザー会スタッフ
https://twitter.com/shioyang

lacolaco

Google Developers Expert / Angular日本ユーザー会 代表
https://twitter.com/laco2net

okunokentaro

Angular日本ユーザー会、ng-kyoto オーガナイザ
https://twitter.com/okunokentaro

しみきょん

エンジニア at DMM.com / Angular日本ユーザー会のスタッフしてます
https://twitter.com/shimikyonkyon

[lacolaco]

Angularアプリのi18n（国際化）

ngx-translate

デファクトスタンダードのライブラリ

• 1つのアプリ中で言語を切り替える前提

• AngularJS: angular-translate

  • 老舗で信頼がある

• Plural対応がない問題

  • (s)という表現でごまかす
  • 実は公式で i18nPluralパイプあるから使えるのでは？

ngneat/transloco

https://github.com/ngneat/transloco

• こういうのもある

Angular i18n API

https://angular.io/guide/i18n
Angular localization with Ivy | Angular Blog

• ロケールごとにビルドを分けることが前提
• @angular/localizeとは？
  • グローバルに $localize 関数を生やすパッケージ
  • i18n属性をテンプレートコンパイルした生成コード内で使われる
  • 今後 TSファイル内でも利用できるようになる
• LOCALE_ID に依存している
• DatePipeやCurrencyPipeもi18n機能の一部