年末リリース:集中通知、クエリビルダー for Angular、そしてより賢いAI
12月リリースでは、アプリの構築や改良をより予測可能かつ効率的にするためのいくつかの改善点がまとめられています。
ズドラフコ・コレフ
6分で読めます
新しい集中通知UIは設計時のエラーや警告を集約し、作業中に問題を即座に把握できます。Angular開発者はQuery Builderコンポーネントを活用して、複雑なフィルタリングロジックをより細かく定義できるようになりました。また、AIアプリ作成のエントリーポイントを近代化し、コンテンツが多いページ、画像ギャラリー、カンバンボードなどの一般的なアプリパターンの生成品質を向上させ、今後の強固な基盤を築きました。
これらの新機能について詳しく説明する前に、初めてApp Builderについて学ぶ場合は、組織のアプリケーション開発プロセスの主要なツールと見なすべき理由を簡単に共有しましょう。
- ビジュアルアプリビルダー –経営幹部、エンタープライズアーキテクト、開発チームリーダー、デザイナー、開発者、ステークホルダーのための統合プラットフォームです。
- クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
- ローコード ツールは、Angular、React、Web Components、Blazorの量産対応コードを生成し、Figmaデザインをコードに変換します。
それでは、このApp Builderリリースの新要素を深く掘り下げていきましょう。
より迅速な検証とデバッグのための集中型設計時通知
このリリースでは、設計時のエラーや警告をアプリケーション全体に集約する中央通知UIが導入され、コード生成を妨げたりランタイムの失敗を引き起こす可能性のある問題を明確に把握できます。このシステムは、バインディングの破損、リソースの欠落や削除、パラメータの不一致、型の不一致などの一般的な問題を、影響を受けるエリアへの直接ナビゲーションをサポートする専用パネルで処理します。設計時検証に専念することで、App Builderチームは問題をエクスポートや展開前に早期発見できます。
データソースの要件、無効なプロパティバインディング、アクションターゲット、変数初期化の問題、APIリクエストの誤設定、アセットやテーマの欠落など、幅広いシナリオをカバーしています。これらのチェックを組み合わせることで、特にアプリケーションの複雑さが増す中で、より予測可能で信頼性の高いアプリ構築体験が提供されます。
クエリビルダー for Angular: デザインからコードへの高度なフィルタリング
新しいQuery Builderコンポーネントは、App Builderで構築されたAngularアプリで複雑なフィルタリングロジックを定義・管理する強力な方法を導入します。このプログラムは、2つの基本的な概念に基づいています。
- クエリビルダーのコンポーネント自体
- クエリ変数–データソースと効率的に連携するために設計された特殊な変数です。
クエリ変数は高度な表現をAPIパラメータとして渡すことでサーバー側のフィルタリングを可能にし、大規模なデータセットでも高性能を維持しながら作業できます。
クエリビルダーは2つの方法で使われます。
- エンドユーザーがキャンバス上で直接操作できるインタラクティブなUIコンポーネントとして
- クエリ変数の高度なエディタとしてApp Builder。
クエリビルダーを使用するアプリがエクスポートされると、生成されたAngularアプリケーションはコンポーネントの完全なサポートを含み、開発者は同じフィルタリング機能でローカルで引き続き構築できます。
クエリビルダーコンポーネントとクエリ変数はUI内でのクエリの構成や編集方法を定義しますが、それらのクエリを実行するには、それらを一貫して解釈し適用できるサーバー側のエンジンが必要です。このエンドツーエンドワークフローをサポートするために、App BuilderはAPIプロジェクトに直接統合可能な専用実行ライブラリに依存しています。
クエリビルダーをAPIプロジェクトに拡張する
APIプロジェクトでクエリビルダーのサポートを実装するには、2つのアプローチがあります。
| アプローチ | ベスト | 努力レベル |
|---|---|---|
NuGetパッケージ(Infragistics.QueryBuilder.Executor) |
迅速な統合、標準的なユースケース | 低め |
| 手動実装 | 完全なカスタマイズ、複雑な要件 | ミディアム・ハイ |
このガイドでは、APIプロジェクトでクエリビルダーモデルとユーティリティを実装し、ユーザー定義クエリを有効にする方法を説明します。
完全なエンドツーエンドのクエリビルダーワークフローを可能にするために、ユーザー定義クエリを実行するために必要なサーバーサイドロジックを提供するInfragistics.QueryBuilder.Executorライブラリを公開しました。このライブラリはAPIプロジェクトに直接統合されるように設計されています。
このライブラリには、クエリビルダーモデル、実行ユーティリティ、クエリ式を実行可能なSQLに変換するための拡張ポイントが含まれています。高度なフィルタリング、論理演算子、フィールド選択、サブクエリをサポートしており、複雑なデータ駆動型のシナリオに適しています。この統合のリファレンス実装はNorthwindAPI REST APIプロジェクトで利用可能で、エグゼキュータをコントローラーに配線し、実際のデータソースに適用する方法を示しています。
AI:何か新しいことは?
「新しいアプリを作成する」ダイアログを再設計しました。「美化された」現代的なインターフェースには、インスピレーションのためのプロンプトギャラリーと、以前の入力を簡単に再利用できる「Your Prompts」タブが追加されました。
また、私たちのAI生成は以下においてより良い構造的精度を提供するよう最適化されています:
- 全ページブログ記事
- 動的画像ギャラリー(およびカルーセル):
- そして、洗練されたカラムカードやタスクカードアプリを備えたカンバンボード:
まとめ
このリリースにより、App Builderは信頼性の高い環境として、自信を持ってアプリケーションを設計、検証、生成できる環境として強化されます。設計時の集中通知は問題を早期に検出するのに役立ちます。新しいAngular Query Builderは複雑なデータシナリオをより細かく制御できます。より洗練されたAI作成フローや、共通のアプリパターンの生成精度向上と相まって、これらのアップデートはチームがアイデアから実装へと、中断を減らし、より予測可能な結果で進むのを助けています。
もし前回の条件付きデータアクションに関するアップデートを見逃していた場合は、こちらをご覧ください。
新機能をぜひお試しくださいmy.appbuilder.dev
App Builderは、アプリ開発プロセスにおけるゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、新機能など、あらゆる組織にとって必須のツールです。今すぐお試しください!詳細については、以下をご覧ください。
To experience all the new features in the latest App Builder updates, visit your customer portal and install the latest version. As usual, we are excited to receive your feedback and hear what you would like to add or recommend. So please contact me at zkolev@appbuilder.dev and let me know how we can help you continue delivering value to your customers with Infragistics.
