一元化通知、Angular用クエリビルダー、より高度なAI - App Builder
12月のリリースでは、アプリの構築と改善をより予測可能かつ効率的にするための複数の改善がもたらされます。新しい一元化通知UIは、設計時のエラーと警告を集約し、作業中に問題を即座に把握することができます。
Zdravko Kolev 1min read 新しい一元化通知UIは、設計時のエラーと警告を集約し、作業中に問題を即座に把握することができます。Angular開発者はクエリビルダーコンポーネントを活用して、複雑なフィルタリングロジックをより自由に定義できるようになりました。また、AI アプリケーション作成のエントリーポイントを現代化し、コンテンツ量の多いページ、画像ギャラリー、Kanbanボードなどのよくあるアプリパターンの生成品質を向上させました。これにより、今後の強固な基盤が確立されました。
これらの新機能について詳しく説明する前に、App Builderについて初めて学ぶ方のために、組織のアプリケーション開発プロセスにおいて App Builder がいかに重要なツールであるかを簡単に説明したいと思います。
- ビジュアルアプリビルダー - C-level経営幹部、エンタープライズアーキテクト、開発チームリーダー、デザイナー、開発者、および利害関係者のための統合プラットフォーム。
- クラウドベースのWYSIWYGドラッグ&ドロップツール。企業が完全なビジネスアプリを従来の80%高速に設計・構築することができます。
- ローコードツールは、Angular、React、Web Components、およびBlazor用の本番対応コードを生成し、Figmaデザインをコードに変換します。
それでは、このApp Builderリリースの新機能について詳しく紹介していきましょう。
より高速な検証とデバッグのための一元化設計時通知
このリリースでは、アプリケーション全体の設計時エラーと警告を集約する一元化通知UIが導入され、コード生成をブロックしたり実行時の障害を引き起こす可能性のある問題について明確に把握できます。このシステムは、バインディングの破損、欠落またはリソースの削除、無効なパラメーター、型の不一致などの一般的な問題を表示し、すべてが専用パネルに集約され、影響を受けた領域への直接ナビゲーションがサポートされます。設計時検証に専念することで、App Builderはチームが問題を早期に発見するのを支援し、エクスポートや本番環境へのデプロイの前に対処することができます。
これは、データソースの要件、無効なプロパティバインディング、アクションターゲット、変数の初期化の問題、API リクエストの設定ミス、および欠落しているアセットやテーマなど、多くのシナリオをカバーしています。これらのチェックが組み合わされることで、特にアプリケーションが複雑さが増すに従い、より予測可能で信頼性の高いアプリ構築体験が提供されます。
Angular用クエリビルダー：設計からコードへの高度なフィルタリング
新しいクエリビルダーコンポーネントは、App Builderで構築されたAngularアプリで複雑なフィルタリングロジックを定義・管理するための強力な方法を導入しています。これは2つのコアコンセプトに基づいています。
- クエリビルダーコンポーネント自体
- クエリ変数 - データソースとの効率的な相互作用を目的に設計された特殊な変数。
クエリ変数は、サーバー側フィルタリングを有効にし、高度な式をAPIパラメーターとして渡すことで、大規模なデータセットを扱いながら高いパフォーマンスを維持できます。
クエリビルダーは2つの方法で使用されます。
- エンドユーザーがキャンバス上で直接操作するインタラクティブなUIコンポーネントとして
- App Builder内のクエリ変数の高度なエディタとして。
クエリビルダーを使用するアプリがエクスポートされると、生成されたAngularアプリケーションはコンポーネントに対する完全なサポートを含め、開発者は同じフィルタリング機能を使用して、ローカルで構築を継続できます。
クエリビルダーコンポーネントとクエリ変数がUI内でクエリがどのように構成・編集されるかを定義していますが、それらのクエリを実行するには、一貫性を持ってクエリを解釈・適用できるサーバー側エンジンが必要です。このエンドツーエンドワークフローをサポートするために、App Builderは、APIプロジェクトに直接統合できる専用実行ライブラリに依存しています。
APIプロジェクトへのクエリビルダーの拡張
APIプロジェクトでクエリビルダーサポートを実装するには、2つのアプローチがあります。
アプローチ
最適な用途
労力レベル
NuGetパッケージ(Infragistics.QueryBuilder.Executor)
迅速な統合、標準的な使用例
低
手動実装
完全なカスタマイズ、複雑な要件
中〜高
このガイドでは、APIプロジェクトでクエリビルダーモデルとユーティリティを実装し、ユーザー定義クエリを有効にする方法の説明があります。
エンドツーエンドのクエリビルダーワークフローを実現するために、我々は、ユーザー定義クエリを実行するために必要なサーバー側ロジックを提供する**Infragistics.QueryBuilder.Executor**ライブラリを公開しました。このライブラリはAPIプロジェクトに直接統合するように設計されています。
このライブラリは、クエリビルダーモデル、実行ユーティリティ、およびクエリ式をSQLに実行可能な形式に変換するための拡張性を備えた接点を含みます。これは高度なフィルタリング、論理演算子、フィールドの選択、およびサブクエリをサポートしており、複雑なデータ駆動型シナリオに適しています。この統合のリファレンス実装は、**NorthwindAPI REST APIプロジェクト**で利用でき、実行者をコントローラーに接続し、実際のデータソースに適用する方法を示しています。
AI：何が新しいのか？
「新しいアプリを作成」ダイアログを再設計しました。インスピレーションを得るためのプロンプトギャラリーと、以前の入力を簡単に再利用できる「自分のプロンプト」タブが含まれた「美化された」モダンインターフェースが新しく登場しました。
また、AI生成は以下の領域での構造精度を向上させるために最適化されました。
- フルページのブログ投稿
- 動的画像ギャラリー（カルーセル）。
- 改善されたカラムとタスクカードアプリを備えたKanbanボード。
まとめ
このリリースにより、App Builderは、アプリケーションを信頼を持って設計、検証、生成するための信頼できる環境として強化されました。一元化設計時通知により問題を早期に発見することができ、新しいAngular クエリビルダーは複雑なデータシナリオをより自由に制御することができます。より洗練されたAI作成フローとよくあるアプリパターンの生成精度の向上と組み合わせることで、これらの更新により、チームはアイデアから実装へより少ない中断でより予測可能な結果をもたらすことができます。
前回の条件付きデータアクションについてのアップデートを見落とした場合は、こちらをご確認ください。
新機能を今すぐ試してみたい場合は、my.appbuilder.devを訪問してください。
App Builderはアプリケーション開発プロセスのゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、そして新機能を備えた App Builder は、あらゆる組織にとって必須のツールです。今すぐ試してみてください！詳しい内容については、以下をご確認することをお勧めします。
最新のApp Builderの更新にあるすべての新機能を体験するには、顧客ポータルにアクセスし、最新バージョンをインストールしてください。いつものように、皆様からのフィードバックをお待ちしており、追加や推奨していただきたい内容をお聞かせください。Infragistics の zkolev@appbuilder.dev までお気軽にお問い合わせください。皆様が引き続き顧客に価値を提供し続けるのをお手伝いします。
