App Builderリリース: 初期の高度なフィルタリング、新しい AI チャット UI、クエリビルダー

最新のApp Builderリリースでアプリ開発に素晴らしいキックスタートを与える準備をしてください!このアップデートには、これまでにない高性能なアプリを作成できるように設計された強力な新機能と拡張機能が詰め込まれています。このブログでは、これらのエキサイティングな追加機能に飛び込み、それらを見つける場所をご案内します。

ご存知かもしれませんが、安定した本番環境に対応した機能を提供するプロダクションリリースと、開発キッチンで準備しているものを探求したいアーリーアダプター向けに調整されたプレビューリリースの2つのトラックを提供しています。プレビュー トラックは、テスト、調査、貴重なフィードバックをできるだけ早く収集するためのものです。このアプローチにより、イノベーションが加速し、革新的な機能をいち早く紹介できるようになり、App Builder の成長を促進し、永続的な影響を与えることができると確信しています。

さっそく見ていきましょう!

製品版とプレビュー版

プロダクション リリースでは、すべてのグリッドでの初期拡張フィルタリングのサポートと、新しい並べ替えアクション機能が導入されています。この機能を使用すると、コンポーネントのインタラクションによってトリガーされるアクションの実行順序をカスタマイズできるため、アプリの動作をより詳細に制御できます。

プレビュー リリースには、本番環境のすべてに加えて、アプリ作成を効率化する会話型 AI エクスペリエンス、新しいクエリ変数タイプ (データ ソースと対話するように設計された特殊な変数、API リクエストを介して大規模なデータセットを動的にフィルタリングし、サーバーサイド フィルタリングでピーク パフォーマンスを実現する)、コンポーネント ツールボックスで利用できるようになった新しいクエリ ビルダー コンポーネントなど、いくつかのエキサイティングな追加機能が含まれています。

これらの新機能について詳しく説明する前に、初めてApp Builderについて学ぶ場合は、組織のアプリケーション開発プロセスの主要なツールと見なすべき理由を簡単に共有しましょう。

• ビジュアルアプリビルダー – プロダクトマネージャー、デザイナー、開発者、関係者のための統合プラットフォーム。
• クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
• ​ローコード ツールは、製品Figmaデザインから ​量産準備の整ったBlazor、Angular、React、およびWeb Componentsコードを生成します。

すべてのグリッドにわたる初期高度なフィルタリング

App Builderでは、エンドユーザーが最初からカスタマイズ可能なデータビューを利用できるように設計された、イニシャルアドバンストフィルタリングという強力な機能が導入されています。このクライアント側の機能により、ユーザーはフィルタリング式ツリーを構築でき、初期読み込み時に Grid、TreeGrid、HierarchicalGrid などの Grid に適用されます。アプリの設計時にこの機能を有効にすることで、ユーザーはデータ エクスペリエンスをシームレスに調整でき、好みに合わせて事前にフィルタリングされたデータでアプリを起動できます。

これで、グリッドを構成するときに高度なフィルタリングルールを定義できるため、事前設定された条件に基づいてアプリを実行するときにデータが自動的にフィルタリングされます。この機能は、App Builderのすべてのグリッドタイプで普遍的に使用でき、サポートされているすべてのプラットフォームと互換性のあるコードを生成します。

機能

• 高度なフィルタリングポップアップは、直感的なユーザーエクスペリエンスを提供します。
• 条件が追加または削除されたとき、または「フィルターをクリア」ボタンがクリックされたときに、更新後に自動的に閉じることなく、変更が即座に送信されます。
• ポップアップは外側でクリックした場合にのみ閉じ、その時点でオーバーレイは破棄されます。列が削除されると、式ツリーは自動的にリセットされ、グリッドから高度なフィルタリングが削除されると、式ツリーは保持されません。
• さらに、クエリが適用された列を削除すると、式ツリーがクリアされますが、データ ソースの変更やフィルター処理などのアクションを元に戻して、以前の状態に戻すことができます。
• リモート ページングを使用した設定の場合、システムはページングを優先してから、結果のデータセットに高度なフィルターを適用します。

複数のアクションの並べ替え

アクションの実行順序を変更したり、ドラッグ&ドロップでいつでもアクションを並べ替えたりできます(アウトラインパネルの並べ替えも同様です)。アクションはシーケンシャルであり、非同期アクションは次のアクションに進む前に待機されます。

クエリー・ビルダーの変数とコンポーネントの概要

App Builderのクエリ ビルダ コンポーネントは、2 つの主要な概念によって動作します。公式のステップバイステップガイドをご覧ください。

• ツールボックスのクエリ変数とクエリ ビルダー コンポーネント。

クエリ変数 (現在はプレビュー環境の一部としてのみ利用可能) は、データ ソースと対話する特殊な変数であり、API 要求を通じてデータを動的にフィルター処理することで大規模なデータセットを効率的に処理するように設計されています。これらのリクエストは、高度な式をパラメータとして駆動するサーバー側のフィルタリングを利用し、広範なデータを処理する際に最適なパフォーマンスを確保します。

この変数は Query Builder コンポーネントと統合され、動的なデータ管理と UI 駆動型のフィルタリングが可能になります。

クエリ変数の概念は、クエリ ビルダー コンポーネントが使用される 2 つの主要な方法をカバーしています。

• Query Builder コンポーネントは、エンドユーザーがツールボックスからドロップしたときにApp Builder Canvas から直接操作できる UI 要素です。
• Query Builder コンポーネントは、Query Variable エディタとしてApp Builderに統合されています。

API プロジェクトのクエリビルダーのサポート

このガイドでは、API プロジェクトにクエリ ビルダー モデルとユーティリティを実装して、ユーザー定義のクエリを有効にする方法について説明します。実装には、コントローラーの作成、クエリー・ビルダー・モデルの定義、およびこれらのクエリーから SQL ステートメントを実行および生成するためのユーティリティーの追加が含まれます。その結果、カスタマイズにより、ユーザーはサブクエリのサポート、フィルタリング、論理演算子、およびフィールド選択を使用して複雑なクエリを作成し、データソースに対して効率的に実行できます。

この実装は、既にNorthwindAPI REST APIプロジェクトの一部です。NorthwindAPI QueryBuilderController​モデルと NorthwindAPI QueryBuilder モデルの例を次に示します。

会話型AIエクスペリエンス

​プレビュー環境で利用可能になりました: AI を使用してデザイン要素を生成する新しい Chat UI エクスペリエンスをお試しください。これは実験的な機能であるため、問題が発生する可能性がありますが、それこそが私たちが求めているものです。あなたのフィードバックは私たちがそれを改善するのを助けます!

その他のリリースの改善

• 生成されたアプリケーションのフォーム リセット機能。
• Blazor、React、Web Componentsの無効な概要サポート。
• AngularアプリはIgnite UI for Angular 19.1.0を使用して生成されます
• Web コンポーネント アプリは、Ignite UI for Web Components 5.2.4 を使用して生成されます
• Blazorアプリは、Ignite UI for Blazor 24.4.85を使用して生成されます
• ReactアプリはIgnite UI for React 18.8.1を使用して生成されます

まとめ

結論として、App Builderはアプリ開発プロセスのゲームチェンジャーである。クラウドベースのビジュアル・ビルダー、ローコード機能、そして新機能を備えたこのツールは、あらゆる組織にとって必携のツールだ。今すぐお試しください！より詳細な情報が必要な場合は、こちらをご覧ください：

• Discordチャンネル。
• GitHub のディスカッション。
• ロードマップ

最新のApp Builderアップデートのすべてを体験するには、カスタマーポータルにアクセスして最新バージョンを入手してください。いつものように、私たちはあなたのフィードバックを受け取り、あなたが追加したいものや推奨したいものを聞くことに常に興奮しています。ですから、zkolev@appbuilder.devにメールを送って、Infragisticsで顧客に価値を提供し続けるために私たちがどのように支援できるかを教えてください。