App Builder リリース: AI、CSS Grid Layout など

8月、App Builder に新しいマイルストーンがやってきました。App Builder AI、CSS Grid Layout など、多くの新機能を備えた新しい App Builder リリースをご紹介します。ぜひお読みください。

Zdravko Kolev Last Updated Feb 11, 2025 1min read

8月、App Builder の大きなマイルストーンをお知らせできることを大変喜ばしく思います。この App Builder リリースは、アプリ開発を大幅に加速させる強力な新機能と強化を導入し、堅牢なアプリケーション構築がこれまで以上に容易になります。CSS Grid Layout や AI 駆動画像およびデータソース生成などの最先端機能、ならびに全体的なユーザーエクスペリエンスの向上により、App Builder はローコード開発の可能性を再定義し続けています。

React コード生成とすべての新しい機能について説明する前に、App Builder について初めて学ぶ場合は、アプリケーション開発プロセスで重要なツールとして検討すべき理由をご紹介します。

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

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

デモをリクエスト

App Builder AI

今日のペースの速い開発環境では、前進し続けるには専門知識以上のものが必要です。適切なツールが必要です。当社の新しい AI 駆動機能 は、退屈なタスクを自動化することで開発プロセスを合理化するように設計されています。画像生成からデータソース作成まで、App Builder AI は生産性を向上させ、開発者とデザイナーが得意なことに集中できるようにします。それは、革新することです。

AI 画像生成を伴う App Builder リリース

クイックポーリングをご記入ください。App Builder の最新 AI 機能についてのご意見をお聞かせください。また、他にどのようなことを期待されますか。お客様のご意見はアプリ開発の将来を形作るのに役立ちます。

CSS Grid Layout

この App Builder リリースでは、CSS Grid Layout も導入されており、複雑でレスポンシブな Web デザインの作成を容易にする新しい強力なレイアウトシステムが App Builder にもたらされます。ユーザーは行と列を手動で定義でき、レイアウトを正確に制御できるようになります。

これまでのところ、この機能は何をカバーしていますか？

UI では、特定の列数と行数を設定できます。
グリッドレイアウトは、調整が加えられると同時にリアルタイムで更新されます。
装飾品はグリッド線、列、行境界をデザイン中に表示します。これらのインジケータは、最終出力に影響を与えることなくグリッド構造を視覚化するのに役立ちます。
各列と行は、各行と列のユニット選択用ドロップダウンを通じて、fr、rem、px、またはパーセンテージユニットを使用して個別にサイズ設定できます。

CSS Grid Layout の例

レイアウトモード間の切り替え (たとえば、Flex から Grid へ) に小さな制限があります。これにより、レイアウト情報が失われます。ただし、いつでも元に戻す/やり直す機能を使用して変更を復元できます。

次のリリース反復では、より堅牢な並べ替え機能とより効率的な動的コンテンツ処理が含まれます。

App Builder リリース - グローバルアプリケーション & コンポーネントサイジング

この App Builder リリースで導入されたもう 1 つの強化は、アプリケーション全体の一貫性を維持するための 2 つの主要機能を備えた新しいサイジング機能です。

アプリケーションレベルでのグローバルサイジング: テーマ内のすべてのコンポーネントのグローバルサイズを設定します。設定を解除のままにする場合は、デフォルトのテーマサイズを適用できます。
コンポーネント固有のサイジング: グローバルサイズをコンポーネント単位でオーバーライドします。コンポーネントを選択すると、テーマに基づくデフォルトサイズが自動的に適用され、標準サイズが明確に示されます。

サイジングの例

これらの機能により、デザインが統一された外観と感触を維持し、必要に応じてカスタマイズできる柔軟性も確保できます。

データソースの自動バックグラウンドリフレッシュ

データが常に最新の状態であることを保証するため、App Builder はデータソースの自動バックグラウンドリフレッシュを導入しました。この機能は、バックエンド開発者と連携して作業する場合に特に便利です。データソースの Rest API に加えられた変更がワークフローを中断することなくリアルタイムで反映されるためです。

自動更新: 新しいエンドポイント、エンティティ、またはプロパティが自動的に検出され、直感的な UI を通じて変更が通知されます。
シームレスな統合: バックグラウンドリフレッシュは静かに機能し、必要に応じてデータソースを更新するため、中断することなくビルドを続行できます。

自動バックグラウンドリフレッシュの例

改善と新しい機能

データソース用の新しいドリルダウンピッカー: カスタムドリルダウンピッカーが導入され、大規模なデータソースコレクションのナビゲーションが容易になりました。この改善はフィルタリングをサポートしており、必要なデータソースを迅速かつ効率的に見つけることができます。

新しいデータソースピッカー

PostgreSQL 内部 db サポート: App Builder SDK および On-Premise は、PostgreSQL、MySQL、SQL Server を内部データベースとしてサポートするようになりました。ただし、これらのデータベースは、データベースに接続するエンドポイントを作成しない限り、App Builder で構築されたアプリケーションのデータソースとして直接利用できません。
アプリ機能のダウンロードと復元: UI を通じて直接アプリケーションテンプレートをダウンロードおよびアップロードできるようになったため、異なる環境で、または共有ワークスペース機能を使用しないでアプリを再利用または共有するプロセスが簡素化されました。

テンプレートのダウンロード/アップロードの例

まとめると、App Builder はアプリ開発プロセスにおけるゲームチェンジャーです。クラウドベースのビジュアルビルダー、ローコード機能、および新機能により、あらゆる組織にとって必須のツールです。ぜひお試しください。詳細をご希望の場合は、以下をご確認ください。

すべてを体験するには、appbuilder.dev にアクセスして App Builder の使用を開始してください。当社の最新開発の排他的プレビューをご希望の場合は、App Builder Preview 環境をご確認ください。いつものとおり、お客様のフィードバックをお待ちしており、追加または推奨事項をお聞かせください。zkolev@appbuilder.dev にメールを送信していただき、Infragistics で引き続き顧客に価値をお届けするのをどのようにサポートできるかお聞かせください。

App Builder リリース: AI、CSS Grid Layout & その他