開発ツール/プラットフォーム 開発ツール/プラットフォーム記事一覧へ

[新製品・サービス]

キヤノンITS、ローコード開発基盤「WebPerformer-NX」に画面設計AI支援を追加

画像から画面定義を自動生成、レイアウトのズレも補正

2026年3月27日(金)日川 佳三(IT Leaders編集部)

キヤノンITソリューションズは2026年3月27日、ローコード開発・実行環境「WebPerformer-NX」の新版で、生成AIによる画面デザインの設計支援機能を追加したと発表した。新版は同年3月30日から提供する。価格(税別)は、年間契約で月額14万円から。

 キヤノンITソリューションズ(キヤノンITS)の「WebPerformer-NX」は、クラウド型のWebアプリケーション開発・実行環境である(関連記事キヤノンITS、ローコード開発基盤「WebPerformer-NX」に生成AIのSQL提案/構文チェック機能)。

 専用のUIエディタで部品を配置する操作で、アプリケーションの画面を設計する。PC用とモバイル用のWeb画面をそれぞれ設計・実装できる。Webサーバー側で動く業務ロジックの開発にはJavaScriptやSQLを利用する。

 直近数回のバージョンアップでは、生成AIを活用した開発支援機能を追加してきた。業務ロジックのJavaScriptコードを生成する「AIコードサジェスト」、SQLを生成する「AI SQLサジェスト」、コードの不正な構文や文法ミスを検出する「AIコードフィックス」である。

 新版では、生成AIによる開発支援機能をアプリケーション画面にまで拡張し、画面デザインの設計・修正をAIが支援できるようにした(図1)。

図1:アプリケーション開発時に使えるWebPerformer-NXの生成AI機能(出典:キヤノンITソリューションズ)
拡大画像表示

 追加したAI機能の1つ「AI UIサジェスト」は、開発者がアップロードした画面レイアウト画像を参考に、画面構成やレイアウトの特徴を解析し、必要なコンポーネントを配置した画面定義案を提示する。

 追加したもう1つのAI機能「AI UIモディファイ」は、画面に配置した各コンポーネントを生成AIが解析し、要素間のズレや余白のばらつきを自動で補正する。画面全体のバランスや視認性を考慮したレイアウト案を提示する。

関連キーワード

キヤノンITソリューションズ / WebPerformer / ローコード開発

関連記事

トピックス

[Sponsored]

キヤノンITS、ローコード開発基盤「WebPerformer-NX」に画面設計AI支援を追加キヤノンITソリューションズは2026年3月27日、ローコード開発・実行環境「WebPerformer-NX」の新版で、生成AIによる画面デザインの設計支援機能を追加したと発表した。新版は同年3月30日から提供する。価格(税別)は、年間契約で月額14万円から。

PAGE TOP