3つの生成AI機能「ビュー生成・データソース生成・画像生成」を強化した「App Builder AI」でWebアプリケーション開発を大幅加速
UI/UX開発ツールキットを開発・販売するインフラジスティックス・ジャパン株式会社は、ローコードツール「App Builder」の生成AI機能を大幅に強化し、プレビュー版としてリリースしました。このプレビュー版リリースでは、3つの生成AI機能を強化しています。特に業務システム開発の画面設計フェーズにおいてUI主導の開発を可能にし、関係者間の認識共有や合意形成にかかる時間を大幅に短縮します。
◼︎「App Builder AI」最新機能の概要
最新のリリースでは、3つの機能が強化されています。
- AIビュー生成: テキストプロンプトから「UI部品 および ビュー画面」を自動生成する。
- AIデータソース生成: テキストプロンプトから「テストデータ」を自動生成する。
- AIイメージ生成: テキストプロンプトから「画像」を自動生成する。
◼︎「App Builder AI」最新機能の詳細
1. AIビュー生成
テキストプロンプトから、UIコンポーネントとビューレイアウトを自動生成します。生成後のUIビューはローコード開発ツール「App Builder」上で編集可能。必要に応じてコードを自動生成し、直接編集も可能です。( React / Angular / Web Components / Blazor のフレームワークに対応 )
【実際の利用画面: AIビュー生成】
- 【A】プロンプトを入力
- 【B】UIコンポーネント(画面の部品となるパーツ)がデザインとJSON形式で生成される
- 【C】「App Builder」のビュー画面に追加し、直接編集
【入力しているプロンプト】
自動車整備ショップ向けアプリの予約画面をデザインしてください。ユーザーが一般的な車両メンテナンスサービスを予約できるようにします。アクセントカラーには#0099FFを利用し、ボタンのテキストカラーはWhiteにしてください。画面には以下のセクションを含めます。
車両選択: ドロップダウンメニューからメーカー、モデル、年式を選択
サービスを選択: 6つのカードから希望のサービスを選択 (各カードにはサービス名、料金、説明、「選択ボタン」を表示 )
予約日時の選択: カレンダーから日付を選び、8つボタンから空き時間を選択
予約確認: 選択したサービスを一覧表示し、「予約を確定」と「キャンセル」ボタンを配置
レイアウトは列と行を意識した構造とし、車両選択から予約確定までスムーズに進める設計にします。
- 【D】AIで生成したUIコンポーネントを直接編集
- 【E】Angular / Blazor / React / Web Components のフレームワークを選択
- 【F】GitHubに直接プッシュ または ZIPファイル へ書き出し
2. AIデータソース生成
テキストプロンプトから、業務シナリオに基づくテストデータを自動生成します。プロトタイプ段階から実際の利用が想定されるデータセットを短時間で生成することで、具体的な利用を想定したアプリケーション設計が可能です。
【実際の利用画面: AIデータソース生成】
- 【G】プロンプトを入力
- 【H】サンプルデータセットが生成される
- 【 I 】データセットはJASON形式でも確認可能
【入力しているプロンプト】
システムプロトタイプ用のデータセットを作成してください。
メーカー: 車の代表的なメーカー, モデル: 車の代表的なモデル, 年式:, サービス選択: それぞれの選択/不選択, オイル交換,タイヤ交換,ブレーキパッド交換,バッテリー交換,エアコンガス交換,車検, 予約日時:
3. AIイメージ生成
テキストプロンプトから、アプリケーション内に配置する画像を生成します。素材の調達や作成のために異なるプラットフォームを利用する手間を省きます。
【実際の利用画面: AIイメージ生成】
- 【J】プロンプトを入力
- 【K】アプリケーションの素材となる画像が生成される
【入力しているプロンプト】
自動車メンテナンスのサービス選択メニューに表示する横長のアイコン１つずつ作成して。画像を切り取って使いたいのでテキストは含めないで。
サービス名 [オイル交換]
◼︎「App Builder AI」の使用方法について
「App Builder AI」の全ての情報はこちらからご覧いただけます。: https://www.appbuilder.dev/ja/platform/ai
「App Builder AI」の操作方法についてはこちらからご覧いただけます。: https://www.appbuilder.dev/ja/help/ai/getting-started
◼︎「App Builder AI」のデータ保護とプライバシーについて
「App Builder AI」はエンタープライズ利用を想定してデータ保護を優先しています。
プロンプト・出力・埋め込み・トレーニングデータの記録に関連して、ユーザーとして識別できる情報は保存しません。入力および出力情報は外部と共有されず、データはOpenAIモデルの改善には使用されません。
◼︎提供開始時期と価格
- 「App Builder AI」の最新機能は、現在プレビュー版として利用できます。(プレビュー版サイト: https://preview.appbuilder.dev/ )
- プレビュー版は「App Builder」製品ライセンスをお持ちの全ての方が利用できます。
(※ App Builder または Infragistics Ultimate プランが対象となります。)
(※ 詳しい価格はこちらからご覧いただけます: https://jp.infragistics.com/how-to-buy/product-pricing)
◼︎インフラジスティックスについて
インフラジスティックス・ジャパン株式会社は、UI/UX開発ツールキットなどを開発・販売する米国インフラジスティックス社の日本法人として2006年に設立されました。Webやデスクトップ、モバイル業務アプリケーション開発における工数削減や生産性向上を支援する、開発チームのためのオールインワンUI/UX開発ツールキットを提供します。日本国内で6,000社以上に利用されています。
https://jp.infragistics.com/
【本件に関するお問い合わせ先】
インフラジスティックス・ジャパン株式会社 マーケティング部
電子メール: JapanPR@infragistics.com
TEL: 050-1745-6258 (代表)
引用
