App Builderリリース:マルチアクションサポート、AIビュー生成、リモートデータ処理など
App Builderの最新リリースは、アプリを構築する最も簡単な方法を提供するための取り組みを拡張したものです。当社の新機能により、ワークフローが大幅に強化され、柔軟性が向上し、開発期間が短縮されます。
ズドラフコ・コレフ
7分で読めます
App Buildersの最新リリースで紹介したエキサイティングな新しいアップデートを共有できることを嬉しく思います。いつものように、彼らはあなたのアプリ開発プロセスをさらに合理化することを目指しています。アプリ作成プロセスの柔軟性とリモートデータ操作時のパフォーマンスを向上させる主要な機能を導入しました。これには、マルチアクションのサポートにより、1回の操作(クリック、行選択など)で複数のアクションがトリガーされ、より複雑なワークフローが可能になりました。
また、AIプロンプトを使用してページビューを作成する新しい方法も追加しました。さらに、カード、行、列のレイアウトなどの非グリッド要素に対してリモートデータ処理(ページングを使用)を設定できるようになり、リモートサーバーから小さなデータセットを動的にフェッチして表示することでパフォーマンスが大幅に向上しました。
さらに、ツールボックスに新しいコンポーネントであるカルーセルと、新しい無効化サマリー機能を導入しました。これらのアップデートにより、ローコードでハイパフォーマンスなアプリ開発の頼りになるプラットフォームとしてのApp Builderの地位は、引き続き強化されます。
新機能とすべての新機能について詳しく説明する前に、App Builderについて初めて学ぶ場合は、組織のアプリケーション開発プロセスの主要なツールと見なす必要がある理由を簡単に共有します。
- ビジュアルApp Builder– プロダクトマネージャー、デザイナー、開発者、ステークホルダーのための統合プラットフォーム。
- クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
- Figmaデザインから量産対応のBlazorコード、Angularコード、Web Components、Reactコードを生成するローコードツールです。
マルチアクションのサポート
1回のインタラクション(クリック、行選択など)で複数のアクションをトリガーできるようになり、より複雑なワークフローが可能になりました。App Builderでのインタラクションの管理は、トリガーごとに複数のアクションが導入されたことでさらに強力になりました。以前は、ユーザーはイベントごとに 1 つのアクションしか定義できなかったため、複雑なワークフローを処理する柔軟性が制限されていました。このアップデートにより、ボタンのクリックや行選択の変更など、1 つの操作で複数のアクションをトリガーできるようになり、追加の回避策なしでより豊富なアプリの動作が可能になりました。
App Builderの新しいマルチアクションサポートにより、インタラクションデザインの柔軟性が向上します - この新機能により、ユーザーはさまざまなアクションを同時に、または1つのインタラクション内で順番に実行するように構成できます。その結果、イベントが発生すると、さまざまな変数の値の設定、コンポーネントの開閉、別のページへの移動、コンポーネント固有のアクションの実行など、複数の事前定義済操作を実行できます。この機能により、ワークフローの自動化が大幅に強化され、動的でインタラクティブなアプリケーションの構築が容易になります。
詳細なウォークスルーは、前回のウェビナーの一部として見ることができます。
実際のユースケース
ユーザーがグリッド内の行を選択するシナリオを考えてみましょう。マルチアクションを使用すると、選択したCustomerIDをキャプチャする変数と、さらに処理するために完全なCustomerオブジェクトを保存する変数など、複数の変数を一度に設定できるようになりました。これにより、必要なデータをすべてすぐに利用でき、追加の操作は必要ありません。
別の例は、レコードを管理するための編集ダイアログです。データカードの編集ボタンをクリックすると、システムは変数を設定して現在編集されているアイテムを追跡すると同時に、モーダルダイアログを開いてレコードを表示できます。この合理化されたアプローチにより、UI の応答性と直感性が維持されます。これをさらに拡張して、更新を送信すると、フォームの送信、ダイアログの終了、スナックバーへの確認メッセージの表示など、複数のアクションを実行でき、シームレスなユーザーエクスペリエンスを提供します。
アプリケーションビューを作成するためのジェネレーティブAI
App Builder AIでは、ビュー作成のためのジェネレーティブAI機能を導入しています。これらの機能により、ユーザーはフリーテキストプロンプトを使用してUIレイアウトを生成できます。
ステップバイステップの「はじめに」の記事は、こちらからご覧いただけます。
また、App BuilderのAI機能に関するウェビナーも開催しました。
「Create a detailed login screen」というプロンプトと結果の画像が表示されます。
このリリースで導入されたその他の機能:
- プロンプトベースのビュー生成: ユーザーは、プロンプトを入力して UI コンポーネントを生成し、新しいビューの追加、置換、作成などの反復アクションを通じて出力を調整できます。コンテキストアウェアな動作により、レイアウトの変更に柔軟性が保たれます。
- 公式ヘルプトピックのユースケースの例:デモンストレーションには、ログイン画面と自動車サービス予約ビュー用のAI生成テンプレートが含まれており、詳細なユーザープロンプトに基づく構造化されたレイアウトとコンポーネント生成を紹介しています。
リモートデータ操作による効率的なデータ処理
App BuilderのRemote Data Operationsにより、大規模なデータセットの効率的な管理が簡単になりました。この機能により、ユーザーはCard、Column Layout、Absoluteレイアウト、Row Layoutなどのコンポーネントを使用してデータを反復処理でき、Paginatorコンポーネントは必要なデータページのみがサーバーからフェッチされるようにします。これにより、パフォーマンスとスケーラビリティが大幅に向上します。ここでは、トピックの全文を見つけることができます。
また、App Builderでリモート データ処理機能を設定して使用する方法に関する詳細なチュートリアルもご覧ください。
主な利点
- 最適化されたパフォーマンス: 必要なデータのみをフェッチし、サーバーの負荷を軽減し、アプリの応答性を向上させます。
- スケーラビリティ: オンデマンドで小さなデータ チャンクを取得することで、大規模なデータセットを効率的に処理します。
- 柔軟なUI構成:カードなどの繰り返しコンポーネントをカスタムレイアウトに配置しながら、ページング機能を活用できます。
- シームレスなページネーション設定:ペジネータを自動的に追加し、直感的な設定でリモートページング設定を簡素化します。
コンポーネントファーストのリモートデータの仕組み
ユーザーがデータに対してコンポーネントを繰り返し (JSON 配列を反復処理するカードなど)、データ ソースからエンドポイントを選択すると、API がサポートしている場合はリモート ページングを有効にできます。App Builderは Paginator を自動的に追加し、ユーザーは Remote Paging Configurator を使用してページング設定を構成できます。pageIndex や pageSize などの内部変数が作成され、ページを変更すると、必要なデータのみをフェッチする新しいサーバー要求がトリガーされます。
リモート・データ・ページングの設定
- データに対してコンポーネントを繰り返す:サポートされているコンポーネント(カード、列レイアウト、絶対レイアウトなど)をドラッグアンドドロップして、データを選択します。
- データソースの選択: JSON 応答を提供する REST エンドポイントまたは Swagger 定義を選択します。
- ページネーションを有効にする: ページングをオンに切り替えるApp Builderと、ペジネータを追加するときにコンポーネントが行レイアウトでラップされます。
- セットアップのプレビュー: 構成をテストして、データのフェッチとナビゲーションがスムーズであることを確認します。
グリッド概要の切り替え
グリッドサマリーの切り替え– 列ごとのサマリーを有効/無効にするプロパティを追加しました。
ツールボックスのカルーセルコンポーネント
カルーセルコンポーネントをコンポーネントツールボックスに追加しました。実際の使用例については、Movies Samples アプリにアクセスしてください。
最後に一言
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.
