App Builderリリース: リモート・ページングおよびデータ・ソース・マッピング機能
最新のApp Builderリリースがリリースされ、多数の新しいエキサイティングな機能が導入され、柔軟性とパフォーマンスの両方が向上しています。CSS グリッド レイアウトの親子変更のサポートを導入し、堅牢なデータ ソース マッピング機能によるデータ バインディングの強化、リモート ページングのサポートによるグリッド コンポーネントとツリー グリッド コンポーネントの改善などを行いました。これらのアップデートを今すぐご覧ください!
ズドラフコ・コレフ
4分で読めます
アプリ開発プロセスをさらに効率化するために設計された最新のApp Builderリリースのエキサイティングなアップデートを共有できることを嬉しく思います。CSS グリッド レイアウトの親子変更のサポートなど、柔軟性とパフォーマンスを向上させる主要な機能を導入し、レイアウト内の要素をシームレスに再配置できるようにしました。また、強力なデータソースマッピング機能も追加され、スキーマの変更が発生した場合のUIバインディングがさらに簡単になりました。さらに、グリッドとツリーグリッドはリモートページングをサポートするようになり、リモートサーバーから小さなデータセットを動的にフェッチして表示することでパフォーマンスが大幅に向上します。これらのアップデートにより、ローコードでハイパフォーマンスなアプリ開発のための頼りになるプラットフォームとしてのApp Builderの地位を確固たるものにし続けています。
新機能とすべての新機能について詳しく説明する前に、App Builderについて初めて学ぶ場合は、組織のアプリケーション開発プロセスの主要なツールと見なす必要がある理由を簡単に共有します。
- ビジュアルApp Builder– プロダクトマネージャー、デザイナー、開発者、ステークホルダーのための統合プラットフォーム。
- クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
- FigmaおよびSketch設計から量産対応のBlazorコード、Angularコード、Web Components、およびReactコードを生成するローコードツールです。
グリッド リモート ページングのサポート
新しいグリッドリモートページング機能を使用すると、グリッドはサーバーからデータを動的にロードし、データセット全体ではなく必要な部分のみをフェッチできます。これは、大規模なデータセットに特に役立ち、パフォーマンスを向上させ、読み込み時間を短縮します。開発者とユーザーは、単一の API エンドポイントを使用するか、ページ分割されたデータと合計レコード数に個別のエンドポイントを使用するかにかかわらず、ニーズに合わせてリモート ページングを構成できます。データ要求を効率的に管理することで、グリッドはサーバーやクライアントに負担をかけることなく、よりスムーズなエクスペリエンスを保証します。
リモートページングはどのように機能しますか?
リモート・ページングは、データを「ページ」に分割し、リモート・サーバーから個別に要求します。これにより、必要なデータ・スライスのみが一度にロードされます。これは、ツールの組み込みプロパティを使用して、グリッドコンポーネントとツリーグリッドコンポーネントの両方に対して構成できます。
ユーザーは、コンフィギュレータを使用して、リモートページングが機能するために必要なすべてのものを設定します。何が必要ですか?
- pageIndex– フェッチするレコードのページインデックス。このパラメータを指定しない場合、フェッチは先頭 (ページ 0) から開始されます。
- pageSize– ページごとに取得するレコードの最大数。このパラメータを指定しない場合、すべてのレコードがフェッチされます。
- totalRecords– Paginator が適切な計算を行い、データ レコードを Grid に渡すために使用するレコードの合計数を返します。
開発者は、API がデータを処理する方法と合計レコード数に応じて、2 つのアプローチに従ってリモート ページングを実装できます。
- データと合計レコード数に結合されたエンドポイントを使用する– この場合、API はページングされたデータとレコードの合計数の両方を 1 つの応答で返します。
次に、サポートされているデータ構造の一例を示します。
{
"items": [
{
"categoryId": 0,
"description": "string",
"name": "string"
}
],
"totalRecordsCount": 0,
"pageSize": 0,
"pageNumber": 0,
"totalPages": 0
}- データと合計レコード数に別々のエンドポイントを使用する– この設定では、ページングされたデータを取得するための API 呼び出しと、合計レコード数を取得するための 2 つの API 呼び出しが行われます。
開発者は、App Builder のコンフィギュレーターを使用して、Page index、Page size、Total records などのパラメーターを指定して、リモートページングを簡単に設定できます。この柔軟性により、最小限の手動構成で、高性能でスケーラブルなアプリケーションを簡単に構築できます。
リモートページング機能の詳細については、こちらをご覧ください。
CSS グリッド レイアウトの親子変更のサポート
Shift + マウスドラッグを使用して、グリッドセルのコンテンツを簡単に親しみ直しします。
マッピングをサポートするデータソース
マッピングをサポートするデータソースを使用すると、スキーマの変更が発生したときにインターフェイスを介して UI バインディングを選択できます。つまり、エンドポイント、スキーマ、またはプロパティに変更があった場合、アプリケーションの既存のバインディングを新しいバインディングに簡単にマップできるようになりました。
結論として、App Builderはアプリ開発プロセスのゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、新機能により、あらゆる組織にとって必須のツールとなっています。今すぐお試しください!詳細については、以下をご覧ください。
To experience everything, head over to appbuilder.dev and start using the App Builder. If you want an exclusive preview of our latest developments, check our App Builder Preview environment. As usual, we are always excited to get your feedback and hear what you want to add or recommend. So, please email me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
