diff --git a/en/blazor-support.md b/en/blazor-support.md index 9664764..d391d2d 100644 --- a/en/blazor-support.md +++ b/en/blazor-support.md @@ -84,4 +84,5 @@ For a list of all supported components see [Generate App](generate-app/generate- * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) -* [Components]({environment:appbuilderBaseUrl}/components) \ No newline at end of file +* [Components]({environment:appbuilderBaseUrl}/components) +* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) \ No newline at end of file diff --git a/en/getting-started.md b/en/getting-started.md index 7b286e9..5c3dd85 100644 --- a/en/getting-started.md +++ b/en/getting-started.md @@ -109,4 +109,4 @@ In order to run the downloaded application, the following prerequisites need to * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Generate app](generate-app/generate-app-overview.md) -* [Indigo.Design Getting Started](https://www.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Indigo.Design Getting Started]({environment:infragisticsBaseUrl}/products/indigo-design/help/getting-started) \ No newline at end of file diff --git a/en/indigo-design-app-builder-components.md b/en/indigo-design-app-builder-components.md index a3f82b6..19f64cf 100644 --- a/en/indigo-design-app-builder-components.md +++ b/en/indigo-design-app-builder-components.md @@ -42,5 +42,5 @@ For more complex components, like an input field or say card component, you can * [App Themes](app-themes/app-themes.md) * [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) -* [Components]({environment:appbuilderBaseUrl}/components) +* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/en/interactions.md b/en/interactions.md index 531e556..6ae6a73 100644 --- a/en/interactions.md +++ b/en/interactions.md @@ -69,3 +69,4 @@ Note that we are constantly updating the Ignite UI App Builder with new interact * [Running Desktop App](running-desktop-app.md) * [Generate app](generate-app/generate-app-overview.md) * [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) +* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/en/open-api-swagger-support.md b/en/open-api-swagger-support.md index 6253dbc..df7a9f7 100644 --- a/en/open-api-swagger-support.md +++ b/en/open-api-swagger-support.md @@ -69,4 +69,5 @@ You can now make requests to a localhost or private networks. For more informati * [Flex Layouts](flex-layouts/flex-layouts.md) * [Running Desktop App](running-desktop-app.md) * [Generate app](generate-app/generate-app-overview.md) -* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) \ No newline at end of file +* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) +* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) \ No newline at end of file diff --git a/en/single-page-apps-and-navigation.md b/en/single-page-apps-and-navigation.md index 93c6683..e98e8b0 100644 --- a/en/single-page-apps-and-navigation.md +++ b/en/single-page-apps-and-navigation.md @@ -63,4 +63,5 @@ That's it for single page apps and the navigation feature. To summarize, child v * [Angular Routing](https://angular.io/start/start-routing) * [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started) * [App Builder Components]({environment:appbuilderBaseUrl}/components) +* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/jp/app-builder-overview.md b/jp/app-builder-overview.md index c17fa14..d6fe8fa 100644 --- a/jp/app-builder-overview.md +++ b/jp/app-builder-overview.md @@ -7,9 +7,9 @@ _language: ja # App Builder - 概要 -App Builder は、デザインからコード生成を行うソリューションであり、デザインおよび開発チームが実際の Web アプリケーションを迅速かつ簡単にデザインおよび構築できるようにし、専門的に構築されたコンポーネントを使用してリリース可能な Angular コードを生成します。[Ignite UI for Angular]({environment:infragisticsBaseUrl}/products/ignite-ui-angular) コントロールで作られた App Builder は [Indigo.Design]({environment:infragisticsBaseUrl}/products/indigo-design) への最新の追加です。 +App Builder は、デザインからコードまでのソリューションです。設計および開発チームが実際の Web アプリケーションを迅速かつ簡単に設計および構築できるようにし、専門的に構築されたコンポーネントを使用してリリース可能な Angular、Blazor、Web Components および React コードを生成します。 -[App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) を使用すると、ピクセル パーフェクトなアプリを驚くほど高速に構築でき、デザイン時間を大幅に節約し、アプリをデザインとまったく同じように見せることができます。これは新世代のデザイン ツールであり、デザイナーはデザイン システム アプローチとコンポーネント ライブラリを使用し、デザインされたものはすべて、高品質のアプリ コードを使用して、開発準備が整った状態でライブで実行されています。プロダクション レディなコードとは、デザインしたコンポーネント、スタイル、ビルドのセットアップなどがすべてリリース可能な Angular リポジトリになることを言います。したがって、あなたはデザインをして、インスタント リアル タイム プレビューをチェックし、App Builder がコードを実行します。App Builder は 100％ Web ベースであるため、何もダウンロードする必要はなく、重い IDE も、サード パーティの依存関係もありません。すべてが Web 上にあり、どのプラットフォームでもチーム全体がアクセスできます。 +[App Builder]({environment:appbuilderBaseUrl}/platform) を使用すると、ピクセル パーフェクトなアプリを驚くほど高速に構築でき、デザイン時間を大幅に節約し、アプリをデザインとまったく同じように見せることができます。これは新世代のデザイン ツールであり、デザイナーはデザイン システム アプローチとコンポーネント ライブラリを使用し、デザインされたものはすべて、高品質のアプリ コードを使用して、開発準備が整った状態でライブで実行されています。プロダクション レディなコードとは、デザインしたコンポーネント、スタイル、ビルドのセットアップなどがすべてリリース可能な Angular リポジトリになることを言います。したがって、あなたはデザインをして、インスタント リアル タイム プレビューをチェックし、App Builder がコードを実行します。App Builder は 100％ Web ベースであるため、何もダウンロードする必要はなく、重い IDE も、サード パーティの依存関係もありません。すべてが Web 上にあり、どのプラットフォームでもチーム全体がアクセスできます。 すでに用意されているアプリ テンプレートの 1 つを使用するか、プリセットのレイアウト オプションのいずれかを使用して、アプリの作成エクスペリエンスをすばやく簡単に開始して、すぐにアプリを作成できます。アプリのデザインを微調整し、テーマを交換するだけで完了です。事前設定されたテーマとタイポグラフィを使用するか、コントロールごと、画面ごと、またはアプリごとに、独自のアプリ テーマと企業ブランドに一致するようにカスタマイズします。App Builder で新しいアプリを起動し、これまでになく高速にビルドし、新しい機能を繰り返して、リリース可能なコードを入手してください。 diff --git a/jp/app-themes/app-themes.md b/jp/app-themes/app-themes.md index ef18c55..54f4681 100644 --- a/jp/app-themes/app-themes.md +++ b/jp/app-themes/app-themes.md @@ -16,7 +16,7 @@ _language: ja -[App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) は、UI 作成にデザイン システム アプローチを採用しており、アプリ レベルでテーマを適用できます。テーマを 1 回選択するだけで、そのテーマはアプリケーション全体に即座にグローバルに適用されます。これにより、メンテナンスが難しいローカル スタイルを作成する必要がなくなります。 +[App Builder]({environment:appbuilderBaseUrl}) は、UI 作成にデザイン システム アプローチを採用しており、アプリ レベルでテーマを適用できます。テーマを 1 回選択するだけで、そのテーマはアプリケーション全体に即座にグローバルに適用されます。これにより、メンテナンスが難しいローカル スタイルを作成する必要がなくなります。 ## App Builder テーマを切り替える @@ -53,5 +53,5 @@ Material から Fluent に切り替えると、コンポーネントの外観が * [Flex レイアウト](../flex-layouts/flex-layouts.md) * [Ignite UI for Angular テーマ化]({environment:infragisticsBaseUrl}/products/ignite-ui-angular/angular/components/themes/index) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/blazor-support.md b/jp/blazor-support.md index a155084..c37f225 100644 --- a/jp/blazor-support.md +++ b/jp/blazor-support.md @@ -84,5 +84,6 @@ Blazor アプリケーションの生成には、次の制限があります: * [App Builder コンポーネント](indigo-design-app-builder-components.md) * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) \ No newline at end of file +* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started) +* [コンポーネント]({environment:appbuilderBaseUrl}/components) +* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) \ No newline at end of file diff --git a/jp/design-to-code-story.md b/jp/design-to-code-story.md index fdaad45..2f9460d 100644 --- a/jp/design-to-code-story.md +++ b/jp/design-to-code-story.md @@ -7,7 +7,7 @@ _language: ja # デザインからコード作成の App Builder ストーリー -App Builder を使用して、ワンク リックでデザインからコードを作成できます。Figma、Sketch、Adobe XD ファイルをインポートしてアプリを簡単に作成できます。[Indigo.Design システム](https://jp.infragistics.com/products/appbuilder/ui-toolkit) プラグインを Figma、Sketch、Adobe XD 内で直接使用して、カスタム テーマの提供、画像アセットのインポート、そしてすべてのコンポーネントが App Builder ツールボックスのコントロールで 1 対 1 でマッピングされるようにします。 +App Builder を使用して、ワンク リックでデザインからコードを作成できます。まず、Figma または Sketch 用の [Indigo.Design システム](https://jp.infragistics.com/products/appbuilder/ui-toolkit) を使用してデザインを作成します。その後、Figma プラグインを使用して、App Builder でアプリとして公開できます。Sketch の場合、新しいアプリを作成するときに、Sketch ファイルを App Builder に直接インポートできます。インポートすると、UI キット コンポーネントがツールボックスで使用可能なコンポーネントにマップされます。これにより、データと変数を使用してアプリを拡張し、動的なアプリ エクスペリエンスを作成できます。

Indigo.Design UI キット

@@ -77,11 +77,7 @@ App Builder を使用して、ワンク リックでデザインからコード - [Figma UI キット](https://www.figma.com/@infragistics) - [Figma 用プラグイン](https://www.figma.com/community/plugin/1170035114372031474) - [サンプル アプリ](https://download.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps_Figma.zip) -- [Adobe XD UI キット](https://assets.adobe.com/public/c1a672c5-49e6-4df1-4d32-1c37fa234f1e) -- [Adobe XD 用プラグイン](https://exchange.adobe.com/creativecloud/plugindetails.html/app/cc/92c7dec5) -- [サンプル アプリ](https://download.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps_XD.zip) - [Sketch UI キット](https://dl.infragistics.com/products/Infragistics/Indigo.Design/ABECAC7231EE434C8CD3DC619BE6F75B/Infragistics_IndigoDesign_UI_Kit.zip) -- [Sketch 用プラグイン](https://dl.infragistics.com/products/Infragistics/Indigo.Design/9EB45F5BB4B3442F8B4CECB3EB403063/Infragistics_IndigoDesign_Sketch_Plugin.zip) - [サンプル アプリ](https://dl.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps.zip) ## その他のリソース @@ -89,5 +85,4 @@ App Builder を使用して、ワンク リックでデザインからコード
* [Figma UI キット](ui-kits/figma.md) -* [Adobe XD UI キット](ui-kits/adobe-xd.md) -* [Sketch UI キット](ui-kits/sketch.md) \ No newline at end of file +* [Sketch UI キット](ui-kits/sketch.md) diff --git a/jp/generate-app/generate-app-overview.md b/jp/generate-app/generate-app-overview.md index 86a73fe..308bfbb 100644 --- a/jp/generate-app/generate-app-overview.md +++ b/jp/generate-app/generate-app-overview.md @@ -111,4 +111,4 @@ Angular コード生成を備えた App Builder が市場に出てから数か * [アプリケーションをローカルで実行する](run-application-locally.md) * [アプリケーション コードのプレビュー](../preview-code.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/generate-app/run-application-locally.md b/jp/generate-app/run-application-locally.md index 22c1296..3b49504 100644 --- a/jp/generate-app/run-application-locally.md +++ b/jp/generate-app/run-application-locally.md @@ -34,4 +34,4 @@ App Builder を使用すると、プロ級の Ignite UI コンポーネントを * [アプリケーションを GitHub にアップロードする](upload-application-to-github.md) * [アプリケーション コードのプレビュー](../preview-code.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/generate-app/upload-application-to-github.md b/jp/generate-app/upload-application-to-github.md index 2ed36e9..e90ea94 100644 --- a/jp/generate-app/upload-application-to-github.md +++ b/jp/generate-app/upload-application-to-github.md @@ -65,4 +65,4 @@ App Builder ではなく、コードを使用して外部でアプリケーシ * [アプリケーションをローカルで実行する](run-application-locally.md) * [アプリケーション コードをプレビューする](../preview-code.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/getting-started.md b/jp/getting-started.md index 730cd06..af829a9 100644 --- a/jp/getting-started.md +++ b/jp/getting-started.md @@ -23,22 +23,18 @@ _language: ja ## App Builder を起動する -App Builder プロファイルに直接ログインするか、Indigo.Design でサインインします。ホーム画面が表示されます。ここから 3 つの主要な Indigo.Design 製品 (プロトタイプとユーザビリティ テスト)、および最新の App Builder ([アプリ] タブ) にアクセスできます。 +App Builder にアクセスするには、[https://appbuilder.dev](https://appbuilder.dev) に移動してサインインします。または、[https://my.appbuilder.dev](https://my.appbuilder.dev) にアクセスして App Builder を直接起動することもできます。アプリを作成および編集するには、有効なトライアル版または有料サブスクリプションが必要です。 -App Builder のホーム画面から、ユーザーは新しいアプリを起動し、既存のアプリをプレビューまたは編集できます。コンテキスト メニューを使用して、既存のアプリを名前変更、複製、またはアーカイブすることもできます。 +## 新しいアプリの作成 +[新しいアプリケーションの作成] ダイアログから新しいアプリケーションを作成するには、次の 3 つの方法があります。 -App Builder サインイン - +1. **サンプル アプリ** - 入門アプリは、App Builder を使用して作成されたアプリケーションを探索するのに役立ち、独自のユーザー スペースでそれらを変更することもできます。また、独自のアプリを最初から作成しなくても、より大きなアプリケーション用に生成されたコードをプレビューするための優れたソースです。App Builder を初めて使用する場合は、[Sample Apps] オプションを開始点として使用することをお勧めします。これは、ツールのすばらしい機能を利用してアプリケーションの構築を開始するための最も簡単な方法です。 +2. **アプリのレイアウト** - 定義済みレイアウトを使用して新しいアプリケーションを作成します。こちらには、空のテンプレートに基づいてアプリを作成するオプションもあります。 +4. **デザインのインポート** - Figma または Sketch 用の Indigo.Design UI キットを使用して作成された既存のデザイン ファイルがある場合、これをアプリの開始点として使用できます。これを行うには、デザイン、UI キット、サンプル デザイン ファイルを公開するためのプラグインが含まれる Indigo.Design システムを取得してください。 -Indigo.Cloud サインイン -![Indigo-Design-home-screen](./images/Indigo-Design-home-screen.gif) -

Indigo.Design ホーム画面

- -[App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) を初めて起動したときに表示されるのは、簡単なオンボーディング ツアーを提案するポップアップ ウィンドウです。次に表示されるのは、[新しいプロジェクト] の作成ダイアログです。新しいアプリを開始する方法は 4 つあります: -1. 既存のデザインから作成 - Sketch の Indigo.Design UI キットを使用して作成された既存の Sketch ファイルがある場合、この時点でアップロードして App Builder でデザインを続行できます。Sketch の絶対レイアウトと App Builder の Flex レイアウトの違いにより、Sketch ファイルの解析後に追加の調整が必要になる場合があります。 -2. サンプル アプリ - 入門アプリは、App Builder を使用して作成されたアプリケーションを探索するのに役立ち、独自のユーザー スペースでそれらを変更することもできます。また、独自のアプリを最初から作成しなくても、より大きなアプリケーション用に生成されたコードをプレビューするための優れたソースです。App Builder を初めて使用する場合は、[Sample Apps] オプションを開始点として使用することをお勧めします。これは、ツールのすばらしい機能を利用してアプリケーションの構築を開始するための最も簡単な方法です。 -3. 既定のレイアウト - 定義済みの基本レイアウトを使用して新しいアプリケーションを作成します。 -4. Blank (空白) - 新しいアプリを最初から作成します。 +
+> 注: Sketch の絶対レイアウトと App Builder の Flex レイアウトの違いにより、Sketch ファイルの解析後に追加の調整が必要になる場合があります。 +

[新しいプロジェクト] ダイアログ

@@ -104,7 +100,7 @@ App Builder は、ソフトウェア製品の検出、ソフトウェア製品 ## 問題の報告またはフィードバックの送信 -[このリポジトリ](https://github.com/IgniteUI/app-builder)は、問題や機能リクエストの送信、および製品の全般的なディスカッション、質問、共有したいフィードバックを対象としています。メールを送信することもできます。 +[このリポジトリ](https://github.com/IgniteUI/app-builder)は、問題や機能リクエストの送信、および製品の全般的なディスカッション、質問、共有したいフィードバックを対象としています。メールを送信することもできます。 ## その他のリソース
@@ -114,4 +110,4 @@ App Builder は、ソフトウェア製品の検出、ソフトウェア製品 * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [アプリを生成する](generate-app/generate-app-overview.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Indigo.Design はじめに]({environment:infragisticsBaseUrl}/products/indigo-design/help/getting-started) \ No newline at end of file diff --git a/jp/indigo-design-app-builder-components.md b/jp/indigo-design-app-builder-components.md index 12496f2..1ae5c5e 100644 --- a/jp/indigo-design-app-builder-components.md +++ b/jp/indigo-design-app-builder-components.md @@ -43,5 +43,5 @@ Mac でキーボード ショートカットの ctrl + E または cmd + E を
* [テーマ](app-themes/app-themes.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started) +* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/jp/interactions.md b/jp/interactions.md index d991180..cf707a0 100644 --- a/jp/interactions.md +++ b/jp/interactions.md @@ -7,7 +7,7 @@ _language: ja # インタラクション > [!NOTE] ->Ignite UI App Builder のインタラクション機能を使用して、ビューとコンポーネント間の特定のインタラクション (他のビューへの移動、アプリ コンポーネントの表示/非表示、開く/閉じるなど) を定義できます。 +>App Builder のインタラクション機能を使用して、ビューとコンポーネント間の特定のインタラクション (他のビューへの移動、アプリ コンポーネントの表示/非表示、開く/閉じるなど) を定義できます。 @@ -29,8 +29,8 @@ _language: ja ## はじめに -Ignite UI App Builder を使用して、ユーザーはアプリケーションのレイアウトや画面をデザインできるだけでなく、アプリケーションのインタラクション デザインを定義できます。インタラクションは、コンポーネントとビュー間、またはコンポーネント間のみに設定できます。この機能により、ボタン コンポーネントのクリック時にトリガーされるカレンダー コンポーネントの表示や非表示など、特定のアプリケーション シナリオを確立できます。これにより、ユーザーはお客様のニーズに合わせて優れた UX フローを構築できます。追加されたすべてのインタラクションはプレビュー モードだけでなく、生成後のアプリケーション コードでも使用できます。 -インタラクションを追加するには、最初にアクションをトリガーするコンポーネントを選択し、次に Ignite UI App Builder インターフェイスの右側のプロパティ パネルに移動してインタラクションまでスクロールします。次に、[+] アイコンボタンを選択して新しいインタラクションを作成します。これにより、以下で新しいインタラクションが作成されます。最初にインタラクション タイプを取得し、次にターゲット コンポーネントまたはビューを取得します。コンポーネントに追加できるインタラクションは 1 つのみです。作成したインタラクションはプレビュー モードでテストでき、インタラクション パネルで削除または編集できます。各インタラクションの使用方法については、以下の詳細な説明を参照してください。 +App Builder を使用して、ユーザーはアプリケーションのレイアウトや画面をデザインできるだけでなく、アプリケーションのインタラクション デザインを定義できます。インタラクションは、コンポーネントとビュー間、またはコンポーネント間のみに設定できます。この機能により、ボタン コンポーネントのクリック時にトリガーされるカレンダー コンポーネントの表示や非表示など、特定のアプリケーション シナリオを確立できます。これにより、ユーザーはお客様のニーズに合わせて優れた UX フローを構築できます。追加されたすべてのインタラクションはプレビュー モードだけでなく、生成後のアプリケーション コードでも使用できます。 +インタラクションを追加するには、最初にアクションをトリガーするコンポーネントを選択し、次に App Builder インターフェイスの右側のプロパティ パネルに移動してインタラクションまでスクロールします。次に、[+] アイコンボタンを選択して新しいインタラクションを作成します。これにより、以下で新しいインタラクションが作成されます。最初にインタラクション タイプを取得し、次にターゲット コンポーネントまたはビューを取得します。コンポーネントに追加できるインタラクションは 1 つのみです。作成したインタラクションはプレビュー モードでテストでき、インタラクション パネルで削除または編集できます。各インタラクションの使用方法については、以下の詳細な説明を参照してください。 ## 次へ移動 「次へ移動」は、ユーザーの子またはマスター ビューによって選択されたコンポーネントへの接続を設定できる最も簡単で基本的なインタラクションです。コンポーネントを取得してインタラクションを作成し、宛先ビューを取得します。デザイン時は、インタラクションによってコンポーネントやビューに視覚的な変更は加えられません。 @@ -69,4 +69,5 @@ Ignite UI App Builder は常に新しいインタラクションで更新され * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [アプリを生成する](generate-app/generate-app-overview.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) +* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started) +* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/jp/interface-overview.md b/jp/interface-overview.md index 79027c8..eed70b5 100644 --- a/jp/interface-overview.md +++ b/jp/interface-overview.md @@ -7,8 +7,8 @@ _language: ja # インターフェイスの概要 -Indigo App Builder のインターフェースは、すでに慣れているほとんどのデザイン ツールのインターフェースに似ていますが、多少違いがあります。しかし、すぐにそれに慣れるでしょう。 -Indigo Design AppBuilder には 4 つの主要なセクションがあります。 +App Builder のインターフェースは、すでに慣れているほとんどのデザイン ツールのインターフェースに似ていますが、多少違いがあります。しかし、すぐにそれに慣れるでしょう。 +App Builder には 4 つの主要なセクションがあります。 @@ -16,7 +16,7 @@ Indigo Design AppBuilder には 4 つの主要なセクションがあります ## ツールボックス -**ツールボックス**は左側のセクションであり、**[コンポーネント]、[ビュー]、[データ]、[テーマ]**、および **[アウトライン]** 用の 5 つのタブが含まれています。[コンポーネント] タブでは、使用可能なすべての Ignite UI for Angular コンポーネントに加えて、Absolute、Row、Column layout、Views container などの App Builder の一般的なコンポーネントにアクセスできます。コンポーネント リストの上部にある検索入力により、特定のコンポーネントを簡単に見つけることができます。すべてのコンポーネントは、応用に基づいてグループに簡単に分散されます。グレーアウトされたコンポーネントはまだ追加されていないため無効になっていますが、まもなく将来のアップデートで実装される予定です。[コンポーネント] タブの下に、[ビュー] タブがあります。[ビュー] タブでは、親子関係で表示されるアプリケーションのすべてのビューを見つけることができます。3 番目のタブは [データ] です。これは、すべてのデータソースと関連オプションが配置されている場所です。使用可能なすべてのデータソースを表示および編集し、新しいデータソースを追加できます。4 番目のタブでは、すべてのテーマ機能と、使用可能なすべての事前構成済みテーマにアクセスできます。独自のテーマを作成および編集して、すばやく切り替えることができます。最後の [アウトライン] タブには、選択したアプリ ビューのコンポーネントの詳細な階層が表示されます。 +**ツールボックス**は左側のセクションであり、**[コンポーネント]、[ビュー]、[データ]、[テーマ]**、および **[アウトライン]** 用の 5 つのタブが含まれています。[コンポーネント] タブでは、デザイン キャンバスに追加して使用できるように構成できる、App Builder で使用可能なすべてのコンポーネントにアクセスできます。コンポーネント リストの上部にある検索入力により、特定のコンポーネントを簡単に見つけることができます。[コンポーネント] タブの下に、[ビュー] タブがあります。[ビュー] タブでは、親子関係で表示されるアプリケーションのすべてのビューを見つけることができます。3 番目のタブは [データ] です。これは、すべてのデータソースと関連オプションが配置されている場所です。使用可能なすべてのデータソースを表示および編集し、新しいデータソースを追加できます。4 番目のタブでは、すべてのテーマ機能と、使用可能なすべての事前構成済みテーマにアクセスできます。独自のテーマを作成および編集して、すばやく切り替えることができます。最後の [アウトライン] タブには、選択したアプリ ビューのコンポーネントの詳細な階層が表示されます。 ## デザイン キャンバス @@ -32,4 +32,4 @@ Indigo Design AppBuilder には 4 つの主要なセクションがあります
* [App Builder コンポーネント](indigo-design-app-builder-components.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) diff --git a/jp/open-api-swagger-support.md b/jp/open-api-swagger-support.md index ffa535f..b3b8250 100644 --- a/jp/open-api-swagger-support.md +++ b/jp/open-api-swagger-support.md @@ -70,4 +70,5 @@ API 仕様は YAML または JSON で記述できます。このフォーマッ * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [アプリを生成する](generate-app/generate-app-overview.md) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) \ No newline at end of file +* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started) +* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) \ No newline at end of file diff --git a/jp/preview-code.md b/jp/preview-code.md index e897995..2bd699c 100644 --- a/jp/preview-code.md +++ b/jp/preview-code.md @@ -40,5 +40,5 @@ _language: ja * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/share-preview-edit-app.md b/jp/share-preview-edit-app.md index cd91815..79b960e 100644 --- a/jp/share-preview-edit-app.md +++ b/jp/share-preview-edit-app.md @@ -86,5 +86,5 @@ _language: ja * [オープン API/Swagger サポート](open-api-swagger-support.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) diff --git a/jp/single-page-apps-and-navigation.md b/jp/single-page-apps-and-navigation.md index 0a54293..510aa57 100644 --- a/jp/single-page-apps-and-navigation.md +++ b/jp/single-page-apps-and-navigation.md @@ -15,7 +15,7 @@ _language: ja -Ignite UI App Builder のもう 1 つの機能は、単一ページのアプリとナビゲーションです。ページに基づいたデザイン アプローチとは異なり、App Builder では、ユーザーのナビゲート方法に基づいて挿入または切り替えられる個別のビューを作成できます。このアクションを確認するには、[+ 新しいアプリ] ボタンを使用して新しいアプリを作成し、定義された上部ナビゲーションを表示するデフォルトのレイアウトの 1 つを選択します。 +App Builder のもう 1 つの機能は、単一ページのアプリとナビゲーションです。ページに基づいたデザイン アプローチとは異なり、App Builder では、ユーザーのナビゲート方法に基づいて挿入または切り替えられる個別のビューを作成できます。このアクションを確認するには、[+ 新しいアプリ] ボタンを使用して新しいアプリを作成し、定義された上部ナビゲーションを表示するデフォルトのレイアウトの 1 つを選択します。

メニュー ボタンからレイアウト プリセットを追加し、[Create New App] を選択する

@@ -61,5 +61,6 @@ Views container には、アプリの読み込み時に 2 つの子ビューの * [コードをプレビューしてアプリを生成する](preview-code.md) * [Angular ルーティング (英語)](https://angular.io/start/start-routing) -* [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) +* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started) +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) +* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview) diff --git a/jp/ui-kits/figma.md b/jp/ui-kits/figma.md index 3b95317..28b12a9 100644 --- a/jp/ui-kits/figma.md +++ b/jp/ui-kits/figma.md @@ -84,5 +84,4 @@ Figma プラグイン、UI キット、およびサンプル アプリは[アセ
* [デザインからコード作成のストーリー](../design-to-code-story.md) -* [Adobe XD UI キット](adobe-xd.md) * [Sketch UI キット](sketch.md) diff --git a/jp/ui-kits/sketch.md b/jp/ui-kits/sketch.md index 1a906db..e8aee0c 100644 --- a/jp/ui-kits/sketch.md +++ b/jp/ui-kits/sketch.md @@ -3,12 +3,12 @@ ここ数年で、デザインからコードへの強力な動きが生まれ、Sketch が中断したところから再開しました。目標は、Sketch のデザインを使用可能なコードに簡単に変換できるようにする、シームレスで一貫性のある使いやすいプロセスを作成することです。 > [!NOTE] -> [Adobe XD UI キット](https://dl.infragistics.com/products/Infragistics/Indigo.Design/ABECAC7231EE434C8CD3DC619BE6F75B/Infragistics_IndigoDesign_UI_Kit.zip)、[Sketch 用プラグイン](https://dl.infragistics.com/products/Infragistics/Indigo.Design/9EB45F5BB4B3442F8B4CECB3EB403063/Infragistics_IndigoDesign_Sketch_Plugin.zip)、および[サンプル アプリ](https://dl.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps.zip)をダウンロード。 +> [Sketch XD UI キット](https://dl.infragistics.com/products/Infragistics/Indigo.Design/ABECAC7231EE434C8CD3DC619BE6F75B/Infragistics_IndigoDesign_UI_Kit.zip)および[サンプル アプリ](https://dl.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps.zip)をダウンロード。 ## App Builder Sketch インポーター 以下は、App Builder を使ってドラッグアンドドロップでデザインからコードを作成する 4 つの簡単な手順です。 -手順 1: Indigo.Design アプリのホーム画面で [新しいアプリ] をクリックします。 +手順 1: App Builder のメイン メニューで [新しいアプリ] をクリックします。 Sketch Design から新しい Angular アプリを作成します。 @@ -37,11 +37,9 @@ IDE の右上にあるボタンを使用して、アプリを生成するか、 ## Sketch アセットのダウンロード -Sketch プラグイン、UI キット、およびサンプル アプリは、[アセットのダウンロード ページ](https://cloud.indigo.design/resources/sketch)からダウンロードできます。 +Sketch UI キットは、以下の直接リンクからダウンロードできます: -または、以下の直接リンクから: - [Sketch UI キット](https://dl.infragistics.com/products/Infragistics/Indigo.Design/ABECAC7231EE434C8CD3DC619BE6F75B/Infragistics_IndigoDesign_UI_Kit.zip) -- [Sketch 用プラグイン](https://dl.infragistics.com/products/Infragistics/Indigo.Design/9EB45F5BB4B3442F8B4CECB3EB403063/Infragistics_IndigoDesign_Sketch_Plugin.zip) - [サンプル アプリ](https://dl.infragistics.com/products/Infragistics/Indigo.Design/Samples/Infragistics_IndigoDesign_Sample_Apps.zip) ## その他のリソース @@ -50,4 +48,3 @@ Sketch プラグイン、UI キット、およびサンプル アプリは、[ * [デザインからコード作成へのストーリー](../design-to-code-story.md) * [Figma UI キット](figma.md) -* [Adobe XD UI キット](adobe-xd.md) diff --git a/jp/web-components-support.md b/jp/web-components-support.md index 190fd56..bec1694 100644 --- a/jp/web-components-support.md +++ b/jp/web-components-support.md @@ -61,4 +61,4 @@ App Builder を使用すると、依存関係のないコンポーネントを * [Flex レイアウト](flex-layouts/flex-layouts.md) * [Desktop アプリの実行方法](running-desktop-app.md) * [Indigo.Design はじめに](https://jp.infragistics.com/products/indigo-design/help/getting-started) -* [Indigo.Design コンポーネント](https://jp.infragistics.com/products/indigo-design/help/components/components-overview) \ No newline at end of file +* [App Builder コンポーネント]({environment:appbuilderBaseUrl}/components) \ No newline at end of file