新機能: よりスマートな AI 機能、ピボット グリッドの機能強化などを備えたApp Builder

最新のApp Builderリリースでは、強力なAI機能、視覚化コンポーネント、データ処理の容易化、およびユーザーインタラクションの改善が、設計からコードまでのワークフローにもたらされます。ピボットグリッドは、データフィールドからディメンションと値を自動的に生成することで効率をさらに一歩高め、すぐに使用できるピボットビューを数秒で提供します。よりスムーズな UI エクスペリエンスのために、スタイルを適用して選択した値を格納する [選択したリスト項目] 機能に加えて、データ グリッドを操作するときに有意義なフィードバックを提供する新しい [空のグリッド] テンプレートと [読み込みインジケーター] テンプレートが追加されました。

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

• ビジュアルアプリビルダー –経営幹部、エンタープライズアーキテクト、開発チームリーダー、デザイナー、開発者、ステークホルダーのための統合プラットフォームです。
• クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
• ​ローコード ツールは、Angular、React、Web Components、Blazorの量産対応コードを生成し、Figmaデザインをコードに変換します。

今回は、App BuilderのAI視点で見た新機能から始めます。

よりスマートな AI 機能で生産性を向上

このリリースでは、アプリの生成をより速く、より正確に、操作しやすくするいくつかの機能強化が行われています。よりクリーンな出力構造から、ビューやテーマを生成する新しい方法まで、AI 機能がワークフローによりシームレスに統合されるようになりました。

より構造化されたアプリ出力

AI が生成したアプリには、レイアウト、コンポーネント構成、コンテンツ構造が改善されました。これは、生成されたアプリが手動でクリーンアップする必要が少なくなり、不整合を修正するのではなく、デザインとロジックの改良に集中できることを意味します。

キーボードショートカットと確認ダイアログ

​AI チャット パネルとデザイン領域のキーボード ショートカットにより、生産性と安全性が向上します。

• Ctrl/Cmd + Shift + C– 現在のビューで新しいチャットを開始します
• Ctrl/Cmd + Alt + C– 新しいビューで新しいチャットを開始する
• F2– 選択した履歴項目の名前を変更する
• Ctrl/Cmd + Shift + A– デザイン領域のどこからでも GenAI パネルを開きます

さらに、チャット ステップやセッション全体の削除などの破壊的なアクションが確認ダイアログをトリガーするようになり、偶発的なデータ損失を防ぎ、AI の動作をプラットフォームの他の部分と一致させるようになりました。

画像からビューを生成する

これで、1 つ以上の画像をアップロードし、AI に対応するアプリ ビューを自動的に生成できます。この機能により、デザイン ワークフローが合理化され、ビジュアル アセットが数秒で機能的なアプリ レイアウトに変換されます。

AIを活用したテーマ管理

​AIの支援により、テーマの作成と更新が簡単になりました。App Builder入力に基づいてテーマを生成、変更、削除できるため、アプリケーション全体で一貫したブランドとスタイルを維持できます。

よりスマートなデータソース生成

AI は、グリッドやデータ チャートなどのコンポーネントに対してより正確なデータ ソースを生成するようになり、セットアップ時間が短縮され、生成されたアプリがすぐに機能するようになります。

理由:

AI プロンプトのための音声テキスト変換

音声テキスト変換のサポートにより、AI との対話はさらに直感的になります。プロンプト領域のマイクボタンをクリックし、指示を話すと、テキストフィールドに直接書き起こされるのを見ることができ、ハンズフリーのワークフローや迅速なアイデアのキャプチャに最適です。

これらの AI アップグレードにより、アプリの構築がより速く、よりスマートになり、よりインタラクティブになるhttps://preview.appbuilder.dev/を体験してください。

さて、App Builderプロダクションのウェブサイトに戻ります。このApp Builderリリースの新機能

自動生成されたビューでよりスマートにピボット

ピボットグリッドの設定がこれまで以上に簡単になりました。行、ディメンション、および値を手動で定義する代わりに、App Builderは接続するデータ ソースに基づいてピボット ビューを自動的に生成します。ピボット グリッドをキャンバスにドロップし、データにバインドするだけで、レイアウトが作成されます。

これはですね：

• セットアップの迅速化
• 構成手順の削減
• そして、データに対する即時の洞察。

レイアウトは後でいつでも調整できますが、自動生成により、時間を節約し、生産性を向上させる機能的な出発点が得られます。

ピボットのセットアップがいかに簡単であるかを確認してください。

選択したリスト項目機能による UX の改善

App Builderのリストは、よりインタラクティブになりました。リスト項目選択のサポートにより、選択した項目のスタイルが一貫して設定され、後で使用するためにその値が保存される動的なステートフル リストを作成できるようになりました。この機能は、データバインドされたリストで使用できます。リスト項目が手動で宣言されている場合、[項目選択を有効にする] オプションは適用されません。これにより、次のようなシナリオが開かれます。

• ポートフォリオで選択した株式を強調表示する
• ディレクトリ内のアクティブな顧客のマーク
• または、単純な選択ベースのワークフローを構築します

さらに、選択状態を変数にバインドできるため、アプリケーションロジックの他の部分で簡単に再利用して適用できます。

リスト選択が実際にどのように機能するかは次のとおりです。

空と読み込み中のテンプレートでグリッドに命を吹き込む

グリッドは、ユーザーフィードバックを改善するために設計された 2 つの新しい状態、空のグリッド テンプレートと読み込みインジケーター テンプレートをサポートするようになりました。これらの状態により、表示するデータがない場合、またはデータがアクティブに取得されている場合にユーザーに通知できます。

• 空のグリッドテンプレート: レコードが返されない場合に、テキスト、アイコン、または画像を使用してプレースホルダーを構成し、結果が返されない可能性のある動的クエリに最適です。

• 読み込みインジケーターテンプレート: 非同期データ呼び出しの進行中に読み込み UI を表示し、待機時間中に明確なフィードバックを提供します。

どちらのテンプレートもApp Builderプロパティパネルで設定でき、データグリッド、ツリーグリッド、階層グリッド、および行アイランドでサポートされます。isLoadingフラグはコード生成後に手動で設定する必要がありますが、App Builderはデザイン時の設定を処理するため、ユーザー エクスペリエンスのカスタマイズに集中できます。

まとめ…

このリリースは、App Builderでスケーラブルで最新のアプリ エクスペリエンスを提供するという Microsoft の継続的な取り組みを反映しています。複雑なデータ グリッドの設計、堅牢な検証ルールの適用、DevOps ワークフローの合理化など、このアップデートにより、より迅速に行動し、より適切に構築するためのツールが提供されます。

今すぐappbuilder.devの新機能をお試しください

App Builderは、アプリ開発プロセスにおけるゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、新機能など、あらゆる組織にとって必須のツールです。今すぐお試しください!詳細については、以下をご覧ください。

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

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