新機能: 条件付きデータアクションなど、App Builderの最新アップデート
6月のリリースでは、App Builderに条件付きデータアクション、グリッドマスター・ディテール、スペイン語ローカライゼーションなど、エキサイティングな更新が実装されます。詳細をご覧ください。
Zdravko Kolev 1min read App Builderの6月リリースでは、アプリ開発を加速し、ユーザーの操作を効率化するために設計された新しい生産性機能が導入されます。条件付きデータアクション搭載のApp Builderなら、APIコールの成功または失敗に基づいてワークフローにスマートなロジックを組み込むことができます。コード不要です。新しいグリッドマスター・ディテールテンプレートを使用すると、展開可能なコンテキストアウェアなビューで行データを視覚的に豊かにできます。また、グローバルチームのために、プラットフォーム全体でスペイン語ローカライゼーションが導入されています。新しいチャイルドレベルのルーティング機能、デザイン時の拡張機能、アウトラインおよびコンテインドアイコンボタンなどの拡張UIバリアントと組み合わせると、このリリースは、より多くのデザイン力とロジック制御をあなたの指先に置きます。
これらの新しい機能に深く掘り下げる前に、App Builderについて初めて学ぶという場合、なぜそれを組織のアプリケーション開発プロセスにおける重要なツールと考えるべきか、簡単に共有させてください。
- ビジュアルアプリビルダー - C段階エグゼクティブ、エンタープライズアーキテクト、開発チームリーダー、デザイナー、開発者、およびステークホルダー向けの統一プラットフォーム。
- クラウドベースのWYSIWYGドラッグ&ドロップツール。これにより、企業は完全なビジネスアプリをこれまでの80倍高速に設計および構築できます。
- ローコードツールは、Angular、React、Web Components、およびBlazor向けの本番対応コードを生成し、Figmaデザインをコードに変換します。
このApp Builderリリースの新機能は何ですか?
グリッドをマスター・ディテールテンプレートで拡張します
App Builderのマスター・ディテールテンプレートは、データグリッドに強力なインタラクティブ性をもたらします。展開可能な行を有効にすることで、ユーザーは各レコードに関連する詳細情報(顧客の最近の注文、従業員のパフォーマンス、車両の移動履歴など)をグリッド内で直接表示できます。
App Builderの直感的なデザイン時サポートを使用すると、カード、テキストブロックなどのコンポーネントを展開された詳細エリアにドラッグ・アンド・ドロップでき、現在の行のデータコンテキストにバインドできます。平坦なテーブルを超えた情報豊かなUIを構築する、高速で柔軟な方法です。
これを使用するには、プロパティパネルからグリッド詳細オプションを有効にし、コンポーネントを追加して、行データにバインドするだけです。
次のデモをご覧ください。
上記のデモは、CRMアプリケーション内に適用されたマスター・ディテールレイアウトの動作を紹介しています。顧客を選択すると関連する注文が表示され、さらに各注文が動的に関連する注文の詳細を読み込む方法を示しています。
このセットアップでは:
- メインビューは顧客のリストを表示し、顧客を選択すると、その顧客の注文を確認できます。
- セカンダリオーダー詳細グリッドが追加され、選択された注文の行コンテキストにバインドされています。
- このコンテキスト駆動バインディングにより、ユーザーが特定の注文を選択すると、オーダー詳細グリッドは関連情報のみを表示するように更新されます。
これは、コンテキストデータバインディングを使用して、ドリルダウン体験を簡単に構築する方法を示しており、ユーザーが手動配線や追加コードなしに階層的なデータ関係を探索できるようにします。
すべてをライブでプレビューし、生成されたコードでアプリをエクスポートします。特定の高度なバインディング(行ごとのパラメータ化データソースやダイアログなどのオーバーレイコンポーネント)は現在コード生成ではサポートされていないことに注意してください。完全なヘルプトピックをここで確認してください。
スマーターワークフロー: 条件付きデータアクション搭載のApp Builder
このリリースでは、App Builderが条件付きデータアクションを導入します。これはデータリクエストの結果に基づいてアプリの動作を制御する強力な方法です。初期アクションが成功または失敗した場合にのみトリガーする後続アクションを定義できます。たとえば、フォーム送信が成功した後にサクセスバナーを表示したり、失敗した場合はエラーメッセージを表示したりします。
この機能は、シンプルで焦点を当てた状態を保ちます。現在、条件はデータアクションのみに限定されており、特定のHTTPコードを確認する必要なく、シンプルな成功/失敗の評価をサポートしています。条件内で変数を使用することもでき、入力、結果、またはユーザー定義の変数を参照しているかどうかを明確にするのに役立つコンテキストドロップダウンから利点を得ることができます。これは、より知的でレスポンシブなアプリロジックへの基礎的なステップです。コード不要です。
下記のデモは、HRダッシュボードアプリケーション内で実行中の条件付きアクションの出力を紹介しています。新しい従業員の追加のプロセスを動的に処理し、結果に基づいてコンテキストナビゲーションを提供することで、アプリのフローを拡張できる方法を示しています。
ここで何が起こっているかを説明します:
- 従業員グリッドに新しい行が追加されると、条件付きアクションがバックエンドへのPUTリクエストをトリガーします。
- リクエストが成功すると、2つのことが起こります:
- 新しく作成された従業員オブジェクトを保存するために変数が設定されます。
- スナックバー通知が表示され、成功を確認し、新しい従業員のデータで事前入力されたフォームビューへのナビゲーションボタンを提供します。
- リクエストが失敗した場合、ダイアログウィンドウが表示されてユーザーに問題を通知します。
- フォームビューで従業員を編集して更新を送信した後、2番目のスナックバーが表示され、ユーザーをチームビューに案内します。ここでは、新しく追加または更新された従業員を含む、従業員の完全なリストを確認できます。
このフローは、条件付きアクションがどのようにシームレスなマルチステップユーザー体験(UX)を調整するかを示しています。データ作成から簡単なアプリ内ナビゲーション、単一行のコードも不要です。
¡Hola! App Builderがスペイン語に対応します
App Builderはスペイン語ローカライゼーションを提供するようになりました。スペイン語を話すユーザーがデザインサーフェス、ツールボックス、プロパティパネルなどをナビゲートしやすくなります。このアップデートにより、ブラウザの言語設定または設定に基づいてインターフェイスを自動的に適応させることで、より多くのアクセシビリティと包括性に関連した体験が実現されます。
パスおよびクエリパラメータを備えたチャイルドレベルルーティングの導入
App Builderでのルーティングに対する大きな改善を発表できて嬉しいです。パスおよびクエリパラメータを備えたチャイルドレベルルーティングの完全なサポートです。この機能により、アプリケーション階層内にネストされたビューコンテナ(ルーターアウトレット)を設定する機能が導入され、開発者はマルチレベルナビゲーション構造を簡単に設計できます。マスター・ディテール体験(例: Customers → Orders → OrderDetails)を構築しているか、深くネストされたUIを構築しているかに関わらず、App Builderは5レベルの深さまでのルーティング階層をサポートするようになりました。ナビゲーションおよびターゲットピッカーへのUI拡張により、より直感的なセットアップが可能になります。
クエリパラメータ、ナビゲーションロジック & ランタイム動作
パスパラメータに加えて、App Builderには、すべてのプラットフォーム向けの堅牢なクエリパラメータサポートが含まれるようになりました。同じ名前を持つ複数のパラメータを処理するための戦略も含みます。コード生成ロジックは正しいクエリパラメータ使用を反映するように更新され、ルーティングアクションとシームレスに統合されています。さらに、ナビゲーション動作が改善されています。ルートへのナビゲーション(/)は、最も深い有効なルートまで自動的にドリルダウンするようになり、必要なパラメータが未定義の場合にのみ停止します。このインテリジェントルーティング動作はアプリプレビュー体験を強化し、複雑なデータドリブンナビゲーションフローを自信を持って構築するための基盤を設定します。
新しいアイコンボタンバリアント: コンテインドとアウトライン
App Builderは、アイコンボタンコンポーネントのコンテインドおよびアウトラインバリアントをサポートするようになりました。これは、私たちのデザインシステムとFigma UIキットで利用可能なオプションと一致しています。これらの新しいスタイルは、太字で塗りつぶされた外観を目指しているかミニマリストアウトラインを目指しているかに関わらず、アプリの視覚的トーンをマッチングする際により大きなフレキシビリティを提供します。このアップデートは、App Builder UIでのデザイン時設定、更新されたコンポーネント定義を使用した正確なコード生成、Figmaからのシームレスなインポートを含む、プラットフォーム全体にわたる完全なサポートを提供します。これはデザインからコードへの一貫性を維持します。
まとめ
6月のリリースは、App Builderで拡張性が高く、最新のアプリ体験を提供するという継続的なコミットメントを反映しています。複雑なデータグリッドを設計しているか、堅牢な検証ルールを適用しているか、またはDevOpsワークフローを効率化しているかに関わらず、このアップデートは、より高速に移動してより良い構築をするためのツールを提供します。
appbuilder.devで新機能を今すぐお試しください。
App Builderはアプリケーション開発プロセスにおけるゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、および新機能により、それはあらゆる組織にとって必須のツールです。今すぐお試しください。詳細が必要な場合は、以下の確認をお勧めします:
最新のApp Builderアップデートのすべてを体験するには、カスタマーポータルにアクセスし、最新バージョンを取得してください。いつものように、フィードバックをお聞かせいただき、追加したい機能やお勧めの内容をお知らせいただく事をいつも楽しみにしています。zkolev@appbuilder.devまでメールでご連絡いただき、Infragisticsを通じて顧客への価値の提供を継続する際に、どのようにお手伝いできるかお知らせください。
製品アップデート
app builder low code low code development product release product updates
