App Builderリリース: AI、CSS グリッド レイアウトなど
8月には、App Builderの新たなマイルストーンである、App Builder AI、CSSグリッドレイアウト、その他の改善点を紹介する新しいリリースを迎えます。詳細については、ブログ記事をご覧ください。
ズドラヴコ・コレフ
5分で読めます
この8月にApp Builderのもう一つの大きな節目を発表できることを嬉しく思います。このApp Builderリリースでは、アプリ開発を大幅に加速する強力な新機能と拡張機能が導入され、堅牢なアプリケーションをこれまで以上に簡単に構築できます。CSS グリッドレイアウトや AI 駆動の画像およびデータソース生成などの最先端の機能に加え、全体的なユーザーエクスペリエンスの向上により、App Builderはローコード開発の可能性を再定義し続けています。
React Code Generationとすべての新機能について詳しく説明する前に、App Builderについて初めて学ぶ場合は、組織のアプリケーション開発プロセスの主要なツールとして Code Generation を検討すべき理由を簡単に説明します。
- ビジュアルアプリビルダー – プロダクトマネージャー、デザイナー、開発者、関係者のための統合プラットフォーム。
- クラウドベースの WYSIWYG ドラッグ アンド ドロップ ツールにより、企業はこれまでより 80% 速く完全なビジネス アプリを設計および構築できます。
- FigmaおよびSketch設計から量産対応のBlazorコード、Angularコード、Web Components、およびReactコードを生成するローコードツールです。
App Builder AI
今日のペースの速い開発環境では、一歩先を行くには専門知識だけでなく、適切なツールが必要です。当社の新しいAI駆動型機能は、面倒なタスクを自動化することで開発プロセスを合理化するように設計されています。画像の生成からデータソースの作成まで、App Builder AIは生産性を向上させ、新しい創造的な道を切り開くため、開発者やデザイナーは最も得意なこと、つまりイノベーションに集中できます。
App Builderの最新のAI機能についてのご意見や、アプリ開発の未来を形作るのに役立つその他のご意見をお聞かせください。
CSS グリッドレイアウト
このApp Builderリリースでは、CSSグリッドレイアウトも導入され、新しい強力なレイアウトシステムをApp Builderにもたらし、複雑で責任あるWebデザインを簡単に作成できます。ユーザーは行と列を手動で定義できるようになり、レイアウトを正確に制御できるようになりました。
この機能はこれまでに何をカバーしていますか?
- UIでは、特定の列数と行数を設定できます。
- グリッド レイアウトは、調整が行われるとリアルタイムで更新されます。
- 装飾は、デザイン中にグリッド線、列、行の境界を表示します。これらの指標は、最終出力に影響を与えることなくグリッド構造を視覚化するのに役立ちます。
- 各列と行は、各行と列の単位を選択するためのドロップダウンを使用して、
fr、rem、px、またはパーセンテージの単位を使用して、個別にサイズを設定できます。
レイアウトモードの切り替え(FlexからGridなど)には、小さな制限があります。これにより、レイアウト情報が失われますが、いつでも元に戻す/やり直し機能を使用して変更を復元できます。
次のリリースのイテレーションでは、より堅牢な並べ替え機能と、より効率的な動的コンテンツ処理について説明します。
App Builderリリース with Global Application & Component Sizing
このApp Builderリリースで導入されたもう1つの拡張機能は、アプリケーション間の一貫性を維持するための2つの主要な機能を備えた新しいサイジング機能です。
- アプリケーションレベルでのグローバルサイジング: テーマ内のすべてのコンポーネントにグローバルサイズを設定し、未設定のままにしてデフォルトのテーマサイズを適用できるようにするオプションもあります。
- コンポーネント固有のサイズ設定: グローバル サイズをコンポーネントごとに上書きします。コンポーネントを選択すると、テーマに基づくデフォルトサイズが自動的に適用され、標準サイズが明確に表示されます。
これらの機能により、デザインはまとまりのあるルックアンドフィールを維持し、必要に応じて柔軟にカスタマイズできます。
データソースのバックグラウンド自動更新
データを常に最新の状態に保つために、App Builderではデータ ソースのバックグラウンド自動更新が導入されました。この機能は、バックエンド開発者と連携して作業する場合に特に便利で、データソースの Rest API に加えられた変更がワークフローを中断することなくリアルタイムで反映されます。
- 自動更新: 新しいエンドポイント、エンティティ、またはプロパティは自動的に検出され、直感的なUIを通じて変更が通知されます。
- シームレスな統合:バックグラウンド更新は静かに動作し、必要に応じてデータソースを更新するため、中断することなく構築を続行できます。
改善点と新機能
- データ ソース用の新しいドリルダウン ピッカー: カスタム ドリルダウン ピッカーを導入し、データ ソースの大規模なコレクションを簡単に移動できるようになりました。この機能強化により、フィルタリングがサポートされ、必要な正確なデータソースを迅速かつ効率的に見つけることができます。
- PostgreSQLのサポート: App Builderは、SDKとオンプレミスの両方でPostgreSQLをサポートするようになり、データ管理の選択肢が広がりました。
- アプリの機能のダウンロードと復元: UI から直接アプリケーション テンプレートを簡単にダウンロードおよびアップロードできるようになったため、さまざまな環境でアプリを再利用または共有するプロセスや、共有ワークスペース機能を使用せずに直接アプリを再利用または共有するプロセスが簡素化されました。
結論として、App Builderはアプリ開発プロセスのゲームチェンジャーである。クラウドベースのビジュアル・ビルダー、ローコード機能、そして新機能を備えたこのツールは、あらゆる組織にとって必携のツールだ。今すぐお試しください！より詳細な情報が必要な場合は、こちらをご覧ください：
To experience everything, head over to appbuilder.dev and start using the App Builder. If you’re curious to get 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.
