diff --git a/docs/angular/src/content/jp/components/general/cli-overview.mdx b/docs/angular/src/content/jp/components/general/cli-overview.mdx index 375be73cb3..1b76e9c67a 100644 --- a/docs/angular/src/content/jp/components/general/cli-overview.mdx +++ b/docs/angular/src/content/jp/components/general/cli-overview.mdx @@ -1,18 +1,50 @@ --- -title: Angular Schematics | Angular CLI | Ignite UI for Angular | インフラジスティックス -description: Angular Schematics & Ignite UI CLI は Ignite UI for Angular コンポーネントでプロジェクトを作成して変更できるためのヘルプを提供します。 -keywords: igniteui for angular, angular schematics, cli, infragistics, インフラジスティックス +title: Angular Schematics & Ignite UI CLI | Ignite UI for Angular | インフラジスティックス +description: Ignite UI CLI と Ignite UI for Angular Schematics コレクションは、Ignite UI for Angular 用に事前設定された Angular プロジェクトとコンポーネント ビューをスキャフォールドします。AI アシスタント統合のための MCP サーバーも含まれます。 +keywords: ignite ui for angular, angular schematics, ignite ui cli, スキャフォールディング, infragistics, インフラジスティックス _language: ja +last_updated: "2025-04-06" llms: - description: "CLI ツールでは、Ignite UI for Angular の定義済みのプロジェクト テンプレートが含まれ、アプリ開発を効率的に行うことができます。" + description: "Ignite UI CLI と Ignite UI for Angular Schematics コレクションは、Ignite UI for Angular 用に事前設定された Angular プロジェクトとコンポーネント ビューを生成するための、2 つの補完的なスキャフォールディング ツールです。" --- # Angular Schematics & Ignite UI CLI -CLI ツールでは、Ignite UI for Angular の定義済みのプロジェクト テンプレートが含まれ、アプリ開発を効率的に行うことができます。プロジェクトにさらに追加できる Ignite UI for Angular コンポーネントを備えたビューの選択により、開発者の生産性が大幅に向上します。 +Ignite UI CLI と Ignite UI for Angular Schematics コレクションは、Ignite UI for Angular 用に事前設定された Angular プロジェクトとコンポーネント ビューを生成するための、2 つの補完的なスキャフォールディング ツールです。どちらもガイド付きのステップ バイ ステップ ウィザードと非インタラクティブなコマンド モードを提供します。両者は同じプロジェクト出力を生成し、ワークフローへの統合方法が異なるだけです。 -[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) は、さまざまなフレームワーク用のアプリケーションを作成およびスキャフォールディングするためのスタンドアロン コマンドライン ツールです。使用方法の詳細と例については、[Ignite UI CLI を使用した作業の開始](./cli/getting-started-with-cli.mdx)トピックを参照してください。 +このページで説明する Angular 向けツールチェーンでは、Blazor や Web Components のプロジェクト管理は解説の対象外としています。別のグローバル ツールを使用しない Angular 専用の Schematics ワークフローには、`@igniteui/angular-schematics` を Angular CLI と共に直接使用してください。Ignite UI for Angular を使用するのにどちらのツールも必須ではありません。ライブラリは[作業の開始ガイド](./getting-started.mdx)で説明されているとおり、手動でインストールして設定することもできます。 -[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-schematics) は [Angular CLI](https://angular.io/guide/schematics#schematics-for-the-angular-cli) で使用するコレクションとして利用できます。Ignite UI CLI のようなコア機能を提供しますが、Schematics ワークフローと統合され、製品に特化しています。[Ignite UI for Angular をインストールする](./getting-started.mdx#ignite-ui-for-angular-のインストール)と、schematics コレクションがプロジェクトに追加されます。使用方法の詳細と例については、[Ignite UI for Angular Schematics を使用した作業の開始](./cli/getting-started-with-angular-schematics.mdx)トピックを参照してください。 +## Ignite UI CLI -ツールの両方のバージョンは、さまざまなプロジェクト、コンポーネント、およびシナリオビュー (テンプレート) を許可し、[Ignite UI CLI を使用したガイド付きステップ バイ ステップモード](./cli/step-by-step-guide-using-cli.mdx)および [Ignite UI for Angular Schematics](./cli/step-by-step-guide-using-angular-schematics.mdx) を提供します。 +[Ignite UI CLI](https://github.com/IgniteUI/igniteui-cli) は、Angular、React、jQuery に対応した、アプリケーションの作成とスキャフォールディングを行うためのスタンドアロンのグローバル コマンドライン ツールです。`npm install -g igniteui-cli` でインストールし、`ig` コマンドで実行します。 + +CLI は、ガイド付きウィザード (`ig` または `ig new`) と非インタラクティブなプロジェクト作成 (`ig new --framework=angular --type=igx-ts`)、コンポーネントのスキャフォールディング (`ig add`)、開発サーバー (`ig start`)、そして AI アシスタント統合のための組み込み MCP サーバー (`ig mcp`) を提供します。 + +セットアップ手順と使用可能なすべてのコマンドについては、[Ignite UI CLI を使用した作業の開始](./cli/getting-started-with-cli.mdx)を参照してください。 + +## Ignite UI for Angular Schematics + +[Ignite UI for Angular Schematics](https://github.com/IgniteUI/igniteui-cli/tree/master/packages/ng-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 を使用した作業の開始](./cli/getting-started-with-angular-schematics.mdx)を参照してください。 + +## ステップ バイ ステップ ガイド + +どちらのツールも、ガイド付きのインタラクティブ モードと直接的なコマンド モードをサポートします。 + +- [Ignite UI CLI を使用したステップ バイ ステップ ガイド](./cli/step-by-step-guide-using-cli.mdx) +- [Ignite UI for Angular Schematics を使用したステップ バイ ステップ ガイド](./cli/step-by-step-guide-using-angular-schematics.mdx) + +## AI アシスタント統合 (MCP) + +Ignite UI CLI には、AI コーディング アシスタント (GitHub Copilot、Claude、Cursor など) を最新の Ignite UI コンポーネント ドキュメントおよび API リファレンスに接続する組み込みの MCP (Model Context Protocol) サーバーが含まれています。設定後、AI アシスタントはコンポーネント API を照会したり、セットアップ ガイドを取得したり、エディターを離れることなく正確な Ignite UI for Angular コードを生成したりできます。 + +MCP サーバーを起動するには: + +```cmd +ig mcp +``` + +クライアント設定 (VS Code、Claude Desktop、Cursor など) および利用可能なツールの詳細については、[Ignite UI CLI MCP](../ai/cli-mcp.mdx) を参照してください。