2025年をスタート！App Builderの新しいIndigo UIキット for Figmaが登場
新年のスタートを切った今、App Builder™の最新イノベーションを皆様にお届けします。Figma用の新しいIndigo UIキットです。詳しくはこちらをご覧ください。
Zdravko Kolev 1min read 新年を迎えた今、App Builderにさらなるイノベーションをもたらすことができて嬉しく思います。アプリケーション開発プロセスを強化するために設計されたこれらの更新により、これまで以上に効率的で視覚的に素晴らしく、高性能なアプリケーションを作成することができます：
- Indigo UI Kit for Figma – App Builderとシームレスに統合し、Angular、Blazor、Web Components、React向けに視覚的に設計してコード生成することができます。
- グリッド列テンプレートの自動値バインディング – テンプレート構成をシンプルにし、時間を節約してエラーを削減します。
これらの新機能の詳細に進む前に、App Builderについて初めて学ぶ場合のために、なぜそれを組織のアプリケーション開発プロセスにおける重要なツールとして検討すべきかを簡単に説明させてください：
- ビジュアルアプリビルダー – プロダクトマネージャー、デザイナー、開発者、ステークホルダーのための統一プラットフォーム。
- クラウドベースのWYSIWYGドラッグ&ドロップツール。企業が従来より80%高速に完全なビジネスアプリを設計・構築できるようになります。
- ローコードツール – Figmaデザインから本番環境対応のBlazer、Angular、React、Web Componentsコードを生成します。
App Builderを試す App Builderを試す App Builderを試す
Figma用Indigo UIキット
Indigo.Design Figma UIキットのバージョン1.5の リリース、そして新たな追加としてIndigo UIキットのリリースをお知らせできて嬉しいです！
Indigo UIキットは、プロジェクトを洗練された独自の美的センスで昇華させるために設計された、カスタムインハウステーマです。既存のサービスとシームレスに組み合わさることで、このキットは創造的な可能性を拡張し、デザインが際立つようになります。
何より良いことに、すべてのUIキットはApp Builderと統合され、Angular、Blazor、Web Components、Reactに対して視覚的に設計し、本番環境対応のコードを簡単に生成できます。
では、バージョン1.5では何が新しくなったのでしょうか？
最新の更新では、すべてのUIキット全体でユーザビリティ、柔軟性、カスタマイズを改善するための一連の拡張機能が導入されています：
- コンポーネントの新しいバリアント：
- カレンダーとデートピッカーの垂直マルチビューオプション。
- デートピッカーとタイムピッカーのアクションボタントグル。より大きな柔軟性が得られます。
- カスタマイズの強化：
- ナビゲーションバーコンポーネントのアイコンとアクションのブール値プロパティ。
- ナビゲーションドロワーの無効化されたアイテムの状態。改善されたコントロール機能。
- スプリッター、タブ、その他のコンポーネントのカスタマイズオプションが充実しました。
- デザインの強化：
- テキストエリアのヒント。
- ダークモードコンポーネントのコントラスト向上。
- ボタン、ステッパー、グリッドなどの配置、パディング、色設定を最適化しました。
UIキットに詳しくない場合は、ここが学習を始めるのに良い場所です。
一言で言えば、Indigo.Designは、ビジュアルデザイン、UXプロトタイピング、コード生成、アプリ開発のための統一プラットフォームです。ユーザー体験に焦点を失うことなく、できるだけ迅速にピクセルパーフェクトなアプリを提供したいデザイン・開発チームを対象としています。
このプラットフォームは、3つの主要なモジュール（UIキット、プロトタイプ/ユーザビリティスタディ、App Builder）で構成されています。Figma用UIキットは実際のUIコントロールとコンポーネントにマッピングされ、生産性を向上させるツールが備わっています。各UIキットは、色、タイポグラフィ、サイズなどを厳密に実装・遵守しています。プロトタイプとユーザビリティスタディは、製品または機能のユーザーエクスペリエンスを測定し改善するのに役立ちます。一方、App Builderは、ユーザーがウェブ環境で自分のアプリケーションを構築し、Angular、React、Blazor、またはWeb Componentsコードを生成することができます。
さあ、その可能性を探索する準備はできていますか？今すぐ最新のIndigo UIキットを試して、デザインワークフローを向上させましょう。また、このブログ記事で説明されているデザインからコードへのストーリー全体を読むこともできます。
グリッド列テンプレートの自動値バインディング
グリッド列のテンプレート構成では、多くの場合、コンポーネントの値プロパティをセルのデータコンテキストにバインドする必要があります。簡潔ですが、このステップは見落とされる可能性があり、エラーや予期しない動作につながる可能性があります。
当社の新しい自動値バインディング機能は、プロセスをシンプル化することでこの問題に対応しています。どのように機能するのか？編集テンプレートに最初のサポート対象フォームコントロールコンポーネントを追加すると、その値プロパティが自動的に対応するセルのデータコンテキストにバインドされます。
主な詳細：
- この機能は、編集テンプレートにのみ適用されます（表示テンプレートやヘッダーテンプレートには適用されません）。
- 同じテンプレート内またはネストされたコンポーネント内の後続のコンポーネントは、自動バインドされません。
- コピー/貼り付けまたは再親化によって追加されたコンポーネントは、影響を受けません。
- この機能の前に作成されたテンプレートの既存の構成は、変更されないままです。
- サポート対象コンポーネント – 値/チェック済み/コンテンツを含むフォームコントロール値を持つすべてのコンポーネントがサポートされています。
この機能強化により、手動作業を削減し、より一貫したテンプレート動作を確保することで、ワークフローが向上します。
その他のリリース改善
- AngularアプリはIgnite UI for Angular 19.0.0を使用して生成されます
- Web ComponentアプリはIgnite UI for Web Components 5.1.2を使用して生成されます
- BlazorアプリはIgnite UI for Blazor 24.2.6を使用して生成されます
- ReactアプリはIgnite UI for React 18.7.4を使用して生成されます
まとめ
結論として、App Builderはアプリケーション開発プロセスにおけるゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、新機能を備えて、あらゆる組織にとって必須のツールです。今すぐ試してみてください！詳細については、次をご覧になることをお勧めします：
最新のApp Builder更新のすべてを体験するには、顧客ポータルにアクセスして、最新バージョンを入手してください。いつも通り、皆様からのフィードバックをいただき、何を追加または推奨したいのかをお聞きするのは嬉しいです。ですので、zkolev@appbuilder.devにメールをいただき、Infragisticsを通じて顧客に価値を提供し続けるのにどのようにお役立てできるかをお聞かせください。
