Angular Schematics & Ignite UI CLI
Ignite UI CLI と Ignite UI for Angular Schematics コレクションは、Ignite UI for Angular 用に事前設定された Angular プロジェクトとコンポーネント ビューを生成するための、2 つの補完的なスキャフォールディング ツールです。どちらもガイド付きのステップ バイ ステップ ウィザードと非インタラクティブなコマンド モードを提供します。両者は同じプロジェクト出力を生成し、ワークフローへの統合方法が異なるだけです。
このページで説明する Angular 向けツールチェーンでは、Blazor や Web Components のプロジェクト管理は解説の対象外としています。別のグローバル ツールを使用しない Angular 専用の Schematics ワークフローには、@igniteui/angular-schematics を Angular CLI と共に直接使用してください。Ignite UI for Angular を使用するのにどちらのツールも必須ではありません。ライブラリは作業の開始ガイドで説明されているとおり、手動でインストールして設定することもできます。
Ignite UI CLI
Ignite UI CLI は、Angular、React、jQuery に対応した、アプリケーションの作成とスキャフォールディングを行うためのスタンドアロンのグローバル コマンドライン ツールです。npm install -g igniteui-cli でインストールし、ig コマンドで実行します。
CLI は、ガイド付きウィザード (ig または ig new) と非インタラクティブなプロジェクト作成 (ig new <name> --framework=angular --type=igx-ts)、コンポーネントのスキャフォールディング (ig add)、開発サーバー (ig start)、そして AI アシスタント統合のための組み込み MCP サーバー (ig mcp) を提供します。
セットアップ手順と使用可能なすべてのコマンドについては、Ignite UI CLI を使用した作業の開始を参照してください。
Ignite UI for Angular Schematics
Ignite UI for Angular Schematics は、Angular CLI に統合される schematics コレクションです。ng add igniteui-angular を実行すると、このコレクションはプロジェクトに自動的に追加されます。プロジェクト作成には ng new --collection="@igniteui/angular-schematics"、コンポーネントのスキャフォールディングには ng g @igniteui/angular-schematics:component を実行します。
Schematics コレクションは、ネイティブの Angular CLI ワークフロー内で、CLI と同じコア プロジェクト テンプレートおよびコンポーネント ビューを提供します。MCP サーバーは含まれていません。AI アシスタント統合には、Angular CLI プロジェクトと併せて Ignite UI CLI を使用してください。
セットアップ手順については、Ignite UI for Angular Schematics を使用した作業の開始を参照してください。
ステップ バイ ステップ ガイド
どちらのツールも、ガイド付きのインタラクティブ モードと直接的なコマンド モードをサポートします。
AI アシスタント統合 (MCP)
Ignite UI CLI には、AI コーディング アシスタント (GitHub Copilot、Claude、Cursor など) を最新の Ignite UI コンポーネント ドキュメントおよび API リファレンスに接続する組み込みの MCP (Model Context Protocol) サーバーが含まれています。設定後、AI アシスタントはコンポーネント API を照会したり、セットアップ ガイドを取得したり、エディターを離れることなく正確な Ignite UI for Angular コードを生成したりできます。
MCP サーバーを起動するには:
ig mcpクライアント設定 (VS Code、Claude Desktop、Cursor など) および利用可能なツールの詳細については、Ignite UI CLI MCP を参照してください。