アプリケーション開発に役立つ生成AI機能クラウド型DX推進プラットフォーム・WebPerformer-NX
WebPerformer-NXでは、生成AIを活用することで、システム開発のDX推進を支援しています。
本ページでは、「生成AI機能」がアプリケーション開発を行う開発者の課題や悩みにどのように応え、開発や業務の進捗をどのように支援できるのかについて、想定されるシチュエーションを交えながらご紹介します。
生成AIがレイアウト情報に基づいて簡単にUI作成
画面開発の生産性を高める「AI UIサジェスト」
アプリケーションの画面作成においてこんなお悩みはありませんか?
配置や設定に時間がかかり、画面作成が進まない
- 特有の画像配置・設定に慣れてない
- ユーザと画面イメージをすりあわせたいが、画面作成に時間がかかる
開発者間での品質のばらつきがあり、開発最適化ができていない
- 開発品質が、開発者のスキルに依存してばらついてしまう
-
※
課題はあくまでも一例です
生成AIがアプリケーションの画面開発をサポートします
生成AIが画面案を作成して提案し、画面作成をより効率的に進めることができます
- 生成AIがWebPerformer-NX特有のコンポーネント設定を代わりに対応します
- 画面を素早く作成できることで、開発の早い段階でユーザとの画面イメージのすり合わせが可能に
開発者間での品質のばらつきを標準化します
- 生成AIが提案した画面を基に画面作成することが可能となるため、品質がばらつきづらくなる
AI UIサジェスト機能
画面レイアウト情報(画像データ)をアップロードすることで、生成AIが画面構成やレイアウトの特徴を解析し、リアルタイムに画面を作成(コンポーネントを配置し、UI定義を生成)する機能です。
画面情報を基に画面を作成し提案
生成AIが画像情報を基に画面を作成し提案。開発者は、提案された画面を基に、業務部門の細かな要望を反映することができ、開発業務の効率化と、開発者のスキルによる品質のばらつきを標準化します。

画面レイアウト調整の細かな作業はAIにお任せ
画面レイアウト調整をサポートする「AI UIモディファイ」
画面レイアウト調整においてこんなお悩みありませんか?
画面レイアウトの細かな調整に骨が折れる
- 画面のバランスを見ながら、ピクセル単位での調整等のコンポーネントの配置を調整するのに苦心
画面内のコンポーネントのスタイル(ボタンの色やサイズ等)変更が手間
- コンポーネント別にスタイル変更をする必要があり、同じような設定を何度も行う必要がある
生成AIが解決をサポートします
生成AIが画面レイアウト調整やコンポーネントのスタイル変更を自動で行います
- AIに指示をするだけで、AIが自動で画面を解析し、レイアウト調整を楽に行うことができる
- AIへの1度の指示で、AIが画面内のコンポーネントのスタイル変更を実施するため、画面全体としてコンポーネントのスタイルの変更が楽に
AI UIモディファイ機能
開発者に代わり、作成したUI定義に配置された各コンポーネントをAIが解析し、要素間のズレや余白のばらつきなどを自動で補正する機能です。
レイアウト調整の細かな作業から脱却
AIが画面情報を読み込み、自動で解析して、画面調整を行います。これにより、開発者が画面全体のレイアウト調整の細かな作業負担を軽減し、開発の効率化に寄与します。

AI コードサジェスト/AI SQLサジェストで知識・技術を平準化し、
人材不足に負けない開発を支援
システム開発のDXを支える「AI コードサジェスト」
アプリ開発においてこんなお悩みありませんか?
JavaScriptのコード生成や、SQL生成に慣れていなくて、
いちから書くのが大変
- 人によって経歴が違うので、スキルはバラバラ
- 経験の浅い技術者への十分な教育をする時間もなかなか取れない
- 結果、急な開発ニーズがある際に開発者が集まらないこともあり、なかなか開発が進まない
生成AIが解決をサポートします
日本語で指示したらコードやSQL文を提案してくれるので、記述が楽に!
- 一定の水準での開発を生成AIが支援するため、リソース不足に負けない開発実現に寄与します
- 熟練技術者に依存することなく、開発スピードを一定レベル担保し、人材不足に負けない開発を支援します
AI コードサジェスト/AI SQLサジェスト機能
やりたいこと(命令)を記述することで、リアルタイムでコード/SQL文を提案する機能です。
生成AIが提案するコード/SQL文を使って開発をよりスムーズに
開発者が「やりたいこと」(命令)を日本語で記述すると、生成AIが提案したコード/SQL文を参考に開発ができるようになります。
これにより、従来のようにゼロからコードを書く負担が軽減されることで、アプリケーション作成におけるハードルが下がります。
生成AIが提案するコード/SQL文を迅速に提案し素早くサービスを構築
要求された内容だけでなく、画面に設定された入力項目の情報も考慮してコードを提案します。
WebPerformer-NX特有の関数・変数にも対応したコードを生成するため、より開発者の要望に沿うことを可能とし、記述ミスのない正確なコードで手戻りを削減します。また、ソースコードの可読性を保ち、第三者の確認工数軽減に寄与します。

-
※
画面は、ご利用のタイミングにより変更されている可能性があります。

-
※
画面は、ご利用のタイミングにより変更されている可能性があります。
AIによる構文エラーチェックで、コードエラーの対応を効率化
システム開発のDXを支える「AI コードフィックス」
コーディングした構文の確認において、こんなお悩みはありませんか?
構文にエラーがないか確認するのに時間がかかる
- コーディングした全文からエラー箇所を探すのが大変
- エラー箇所に対して、どのような変更を加えるべきか考えるのが大変
生成AIが解決をサポートします
生成AIが構文エラーを確認し、修正イメージを提案するので、プログラム実装の工程を効率化!
- AIがコーディングされたJavaScriptの構文をチェックし、構文エラーがあるときはエラー箇所を指摘します
- AIがエラー箇所に対して修正後の構文を提案します
AI コードフィックス機能
AIがJavaScriptの文章中のエラーを探し、修正文をリアルタイムで提案する機能です。
AIがコーディングされたJavaScriptの構文をチェック
コーディングされたJavaScriptの構文をチェック。エラーがある場合、エラー箇所を指摘し、正しいコードを提案します。
開発者はエラー対応を効率的に進めることで、アプリ開発の業務に注力できます。

-
※
画面は、ご利用のタイミングにより変更されている可能性があります。
AIドキュメントアシストの活用でWebPerformer-NXの操作に不慣れな人の開発をサポート
システム開発のDXを支える「AI ドキュメントアシスト」
新しいツールを使い始めたとき、こんなお悩みありませんか?
情報の保管場所に見当がつかず、
どこを検索していいのか分からない
- 経験が浅く、開発中にわからないことが多いが、都度、経験豊富なメンバーに相談するのは気が引ける
-
WebPerformer-NXを初めて使うので、操作に慣れるまでに時間がかかりそう。新しいことを覚えるのが面倒
- マニュアルのボリュームが多く、どこに何があるのか分からない
生成AIが解決をサポートします
-
AIがマニュアルの中から適切な操作方法を見つけ出し、即座に教えてくれるため、わからないことの即時解決をサポートします
- AI ドキュメントアシスト機能を活用することで、周りの開発者への相談頻度を減らし、独力で開発業務を進行できるようになるため、業務効率化に繋げることができます
AI ドキュメントアシスト機能
ユーザーが直面している課題に対して、必要な解決策を効率的に見つけ出すことができる機能です。
マニュアルの検索が容易に
必要な情報へ迅速にアクセスすることができるようになります。
これにより、作業中断の頻度が下がり、お客さまのよりスムーズなサービスの構築を支援します。
チャットボット形式での質問ができるため、質問に直結した回答を提示
質問に対して生成AIが回答をするため、自らがマニュアルを見て確認するよりも、より直観的に回答を得ることができます。

-
※
画面は、ご利用のタイミングにより変更されている可能性があります。
クラウド型DX推進プラットフォーム 導入のご相談・お問い合わせ
キヤノンITソリューションズ株式会社 デジタルサービス統括本部