App Builder リリース: リモートページングとデータソースマッピング機能

このApp Builderリリースは、アプリ開発プロセスをさらに効率化するために設計されています。CSSグリッドレイアウトの親要素変更サポートなどを追加しました。

Zdravko Kolev Last Updated Mar 6, 2025 1min read

最新のApp Builderリリースの興奮度溢れる更新についてお知らせできて嬉しいです。アプリ開発プロセスをさらに効率化するために設計されたこのリリースでは、柔軟性とパフォーマンスを向上させる重要な機能を導入しました。これには、レイアウト内の要素をシームレスに再配置できるCSSグリッドレイアウトの親要素変更サポート、スキーマ変更時にUIバインディングをさらに簡単にする強力なデータソースマッピング機能が含まれています。さらに、グリッドとツリーグリッドでのリモートページング対応により、リモートサーバーから動的にデータセットを取得・表示することで、パフォーマンスが大幅に向上しました。これらの更新により、App Builderはローコード・高パフォーマンスなアプリ開発のための最高のプラットフォームとしての地位をさらに確固たるものにしています。

App Builderについて初めて学ぶ方のために、新機能とその機能について詳しく説明する前に、なぜこれを組織のアプリケーション開発プロセスの重要なツールとして考慮すべきなのかを簡単にお伝えしたいと思います。

ビジュアルApp Builder–プロダクトマネージャー、デザイナー、開発者、ステークホルダーのための統一プラットフォーム。
企業が従来よりも80%高速で完全なビジネスアプリを設計・構築できるクラウドベースのWYSIWYGドラッグ&ドロップツール。
FigmaとSketchのデザインから本番環境対応のBlazorコード、Angularコード、Webコンポーネント、Reactコードを生成するローコードツールです。

App Builderを試す App Builderを試す App Builderを試す

デモをリクエスト

グリッドのリモートページング対応

新しいグリッドリモートページング機能により、グリッドはサーバーからデータを動的に読み込み、データセット全体ではなく必要な部分のみを取得できます。これは特に大規模なデータセットに対して有用であり、パフォーマンスを向上させてロード時間を短縮します。開発者とユーザーは、単一のAPIエンドポイントを使用する場合でも、ページングされたデータと総レコード数のための別々のエンドポイントを使用する場合でも、ニーズに応じてリモートページングを設定できます。データリクエストを効率的に管理することで、グリッドはサーバーやクライアントに負荷をかけることなくスムーズなエクスペリエンスを実現します。

最新App Builderリリースのリモートページング機能

リモートページングの仕組み

リモートページングはデータを「ページ」に分割し、リモートサーバーから個別にリクエストします。これにより、必要なデータのみが一度に読み込まれることが保証されます。このツール内のビルトインプロパティを使用して、グリッドとツリーグリッドの両方のコンポーネントに対して設定できます。

ユーザーはコンフィグレーターを使用して、リモートページングが機能するために必要なすべてを設定します。何が必要ですか?

pageIndex – 取得するレコードのページインデックス。このパラメーターが提供されない場合、フェッチは最初(ページ0)から開始されます。
pageSize – ページごとに取得するレコードの最大数。このパラメーターが提供されない場合、すべてのレコードが取得されます。
totalRecords – Paginatorが適切な計算を行い、データレコードをグリッドに渡すために使用する、レコードの総数を返します。

開発者は、APIがデータと総レコード数を処理する方法に応じて、2つのアプローチのいずれかに従うことでリモートページングを実装できます。

データと総レコード数のための統合エンドポイントの使用 – この場合、APIは単一のレスポンスでページングされたデータと総レコード数の両方を返します。

これはサポートされているデータ構造の例です:

{
  "items": [
    {
      "categoryId": 0,
      "description": "string",
      "name": "string"
    }
  ],
  "totalRecordsCount": 0,
  "pageSize": 0,
  "pageNumber": 0,
  "totalPages": 0
}

データと総レコード数のための別々のエンドポイントの使用 – このセットアップでは、2つのAPIコールが実行されます。1つはページングされたデータを取得し、もう1つは総レコード数を取得します。

開発者はApp Builderのコンフィグレーターを使用して、ページインデックス、ページサイズ、総レコードなどのパラメーターを指定することで、リモートページングを簡単に設定できます。この柔軟性により、最小限の手動設定で高パフォーマンスでスケーラブルなアプリケーションを構築することが容易になります。

リモートページング機能について詳しくはこちら

CSSグリッドレイアウトの親要素変更サポート

Shift + マウスドラッグを使用して、グリッドセルコンテンツの親要素を簡単に変更できます。

親要素変更

マッピング対応のデータソース

マッピング対応のデータソースにより、スキーマ変更時にインターフェースを通じてUIバインディングを選択できます。言い換えれば、エンドポイント、スキーマ、またはプロパティに変更がある場合、アプリケーションの既存のバインディングを新しい同等のものに簡単にマップできるようになりました。

App Builder リリース: リモートページングとデータソースマッピング機能

結論として、App Builderはアプリ開発プロセスのゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、そして新しい機能により、あらゆる組織にとって必須のツールです。今すぐ試してみてください!詳細については、以下をご確認することをお勧めします:

すべてを体験するには、appbuilder.devにアクセスしてApp Builderの使用を開始してください。最新の開発のための独占的なプレビューが必要な場合は、App Builder Preview環境をご確認ください。いつものように、皆様のフィードバックを聞かせていただき、何を追加または推奨したいのかお聞きするのを楽しみにしています。そのため、zkolev@appbuilder.devにメールをしていただき、Infragisticsを通じて顧客に継続的に価値を提供できるようお手伝いできることをお知らせください。