Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Promote to production #215

Merged
merged 4 commits into from
Apr 12, 2024
Merged
Show file tree
Hide file tree
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
3 changes: 2 additions & 1 deletion en/blazor-support.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
* [Components]({environment:appbuilderBaseUrl}/components)
* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview)
2 changes: 1 addition & 1 deletion en/getting-started.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
* [Indigo.Design Getting Started]({environment:infragisticsBaseUrl}/products/indigo-design/help/getting-started)
2 changes: 1 addition & 1 deletion en/indigo-design-app-builder-components.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

1 change: 1 addition & 0 deletions en/interactions.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
3 changes: 2 additions & 1 deletion en/open-api-swagger-support.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
* [Getting Started]({environment:appbuilderBaseUrl}/help/getting-started)
* [Indigo.Design Components]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview)
1 change: 1 addition & 0 deletions en/single-page-apps-and-navigation.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)

4 changes: 2 additions & 2 deletions jp/app-builder-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 で新しいアプリを起動し、これまでになく高速にビルドし、新しい機能を繰り返して、リリース可能なコードを入手してください。

Expand Down
4 changes: 2 additions & 2 deletions jp/app-themes/app-themes.md
Original file line number Diff line number Diff line change
Expand Up @@ -16,7 +16,7 @@ _language: ja
</div>
</section>

[App Builder]({environment:infragisticsBaseUrl}/products/indigo-design/app-builder) は、UI 作成にデザイン システム アプローチを採用しており、アプリ レベルでテーマを適用できます。テーマを 1 回選択するだけで、そのテーマはアプリケーション全体に即座にグローバルに適用されます。これにより、メンテナンスが難しいローカル スタイルを作成する必要がなくなります。
[App Builder]({environment:appbuilderBaseUrl}) は、UI 作成にデザイン システム アプローチを採用しており、アプリ レベルでテーマを適用できます。テーマを 1 回選択するだけで、そのテーマはアプリケーション全体に即座にグローバルに適用されます。これにより、メンテナンスが難しいローカル スタイルを作成する必要がなくなります。

## App Builder テーマを切り替える

Expand Down Expand Up @@ -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)

5 changes: 3 additions & 2 deletions jp/blazor-support.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
* [はじめに]({environment:appbuilderBaseUrl}/help/getting-started)
* [コンポーネント]({environment:appbuilderBaseUrl}/components)
* [Indigo.Design コンポーネント]({environment:infragisticsBaseUrl}/products/indigo-design/help/components/components-overview)
9 changes: 2 additions & 7 deletions jp/design-to-code-story.md
Original file line number Diff line number Diff line change
Expand Up @@ -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 キット コンポーネントがツールボックスで使用可能なコンポーネントにマップされます。これにより、データと変数を使用してアプリを拡張し、動的なアプリ エクスペリエンスを作成できます

<img class="box-shadow" src="./images/indigo-design-ui-kit.PNG" />
<p style="width: 100%; text-align:center;">Indigo.Design UI キット</p>
Expand Down Expand Up @@ -77,17 +77,12 @@ 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)

## その他のリソース

<div class="divider--half"></div>

* [Figma UI キット](ui-kits/figma.md)
* [Adobe XD UI キット](ui-kits/adobe-xd.md)
* [Sketch UI キット](ui-kits/sketch.md)
* [Sketch UI キット](ui-kits/sketch.md)
2 changes: 1 addition & 1 deletion jp/generate-app/generate-app-overview.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
2 changes: 1 addition & 1 deletion jp/generate-app/run-application-locally.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
2 changes: 1 addition & 1 deletion jp/generate-app/upload-application-to-github.md
Original file line number Diff line number Diff line change
Expand Up @@ -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)
Loading
Loading