nx

Nx（スマートで高速、拡張可能なビルドシステム）

Version: 22.x（2025） Tags: モノレポ、ビルドシステム、Angular、React、Node

References: ドキュメント — ガイド、チュートリアル • GitHub • エンタープライズパターンの書籍

API の変更

このセクションでは、最近のバージョン固有の API の変更について説明します。

• 新機能：TypeScript Project References — 最新の TypeScript 設定でビルドと型チェックを高速化します ソース

• 新機能：pnpm カタログのサポート — pnpm カタログでバージョンポリシーを一元管理します ソース

• 新機能：Angular Rspack のサポート — Angular プロジェクト向けの高速バンドラーです ソース

• 新機能：AI エージェントとの統合 — LLM のコンテキスト管理を改善するコードモードです ソース

• 新機能：ポリグロットなワークスペース — JS/TS プロジェクトと並行して、Gradle、Maven、.NET をネイティブにサポートします

ベストプラクティス

• ドメインベースのフォルダー構成を使用する — ビジネスドメインごとにプロジェクトをまとめます

libs/
├── auth/
│   ├── feature-login/
│   └── data-access/
├── products/
│   ├── feature-list/
│   └── ui/
└── shared/
    ├── ui/
    └── utils/

• Nx ジェネレーターを使用する — ワークスペース全体で一貫性のあるコードを生成します

# Create new library
nx g @nx/angular:library --name=shared-data-access --directory=libs/shared/data-access

# Create new feature
nx g @nx/angular:component --name=user-profile --project=my-app

• affected コマンドを使用する — 変更されたプロジェクトのタスクのみを実行します

nx affected:build     # Build only changed projects
nx affected:test      # Test only changed projects
nx affected:lint     # Lint only changed projects

• 共有ライブラリを使用する — 共通ユーティリティを使ってコードの重複を避けます

• タスクの依存関係を設定する — project.json でタスク同士の依存関係を定義します

{
  "build": {
    "dependsOn": ["^build"]
  }
}

• Nx Cloud を使用する — 分散キャッシュを有効にして CI を高速化します

• nx.json と tsconfig.base.json を使用する — プロジェクト全体で一貫した設定を適用します

• @nx/angular:component ジェネレーターを使用する — ワークスペースの規約に沿ったコンポーネントを作成します