angular-best-practices-transloco について
angular-best-practices-transloco は、Angular の Transloco による実行時国際化を扱う追加スキルです。ルート単位の遅延読み込み、言語の動的切り替え、決定的な翻訳テストを案内します。
主な機能
- 01ルート単位の翻訳遅延読み込み
- 02実行時の言語切り替え
- 03TranslocoTestingModule のテストガイダンス
活用シーン
- 01Transloco の実行時国際化の導入
- 02ルートごとの翻訳読み込み
- 03モック翻訳を使った Angular コンポーネントのテスト
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/インストール後、Claude Code で/angular-best-practices-translocoを入力して読み込まれたか確認します。
同梱ファイルAGENTS.md
詳細
Angular Transloco のベストプラクティス
ランタイムの国際化、遅延読み込みされる翻訳、テストのための Transloco ルールです。Angular を幅広くカバーするには、コアの angular-best-practices スキルと併用してください。
リンク
適用する場面
translocoパイプまたはディレクティブを使ってランタイム i18n を追加するとき- スコープを使って、ルートごとに翻訳ファイルを遅延読み込みするとき
TranslocoTestingModuleを使うテストを作成するとき
ルール
| ルール | 影響度 | 説明 |
|---|---|---|
| ルートごとに翻訳ファイルを遅延読み込みする | MEDIUM | ルートが有効になったときにのみ、スコープ付きの翻訳を読み込みます |
| テストで翻訳をモックする | MEDIUM | HTTP による翻訳の読み込みを行わず、高速で決定論的なテストを実行します |
| ランタイム i18n に Transloco を使う | MEDIUM | アプリを再ビルドせずに言語を動的に切り替えられます |
インストール
skills.sh/alfredoperez/angular-best-practices からインストールします。
- コアスキル：angular-best-practices
- このアドオン：angular-best-practices-transloco
コメント
Markdown 対応