このページの本文へ

アプリケーション開発に役立つ生成AI機能クラウド型DX推進プラットフォーム・WebPerformer-NX

WebPerformer-NXでは、生成AIを活用することで、システム開発のDX推進を支援しています。
本ページでは、「生成AI機能」がアプリケーション開発を行う開発者の課題や悩みにどのように応え、開発や業務の進捗をどのように支援できるのかについて、想定されるシチュエーションを交えながらご紹介します。​

生成AIがレイアウト情報に基づいて簡単にUI作成

画面開発の生産性を高める「AI UIサジェスト」

アプリケーションの画面作成においてこんなお悩みはありませんか?

画像:PCを操作しながら考え込む女性のイラスト

配置や設定に時間がかかり、画面作成が進まない

  • 特有の画像配置・設定に慣れてない
  • ユーザと画面イメージをすりあわせたいが、画面作成に時間がかかる

開発者間での品質のばらつきがあり、開発最適化ができていない

  • 開発品質が、開発者のスキルに依存してばらついてしまう
  • 課題はあくまでも一例です
生成AIがアプリケーションの画面開発をサポートします
画像:生成AIのサポートで悩みが解消される女性のイメージ

生成AIが画面案を作成して提案し、画面作成をより効率的に進めることができます

  • 生成AIがWebPerformer-NX特有のコンポーネント設定を代わりに対応します
  • 画面を素早く作成できることで、開発の早い段階でユーザとの画面イメージのすり合わせが可能に

開発者間での品質のばらつきを標準化します

  • 生成AIが提案した画面を基に画面作成することが可能となるため、品質がばらつきづらくなる

AI UIサジェスト機能

画面レイアウト情報(画像データ)をアップロードすることで、生成AIが画面構成やレイアウトの特徴を解析し、リアルタイムに画面を作成(コンポーネントを配置し、UI定義を生成)する機能です。

画面情報を基に画面を作成し提案

生成AIが画像情報を基に画面を作成し提案。開発者は、提案された画面を基に、業務部門の細かな要望を反映することができ、開発業務の効率化と、開発者のスキルによる品質のばらつきを標準化します。

AI UIサジェスト機能のイメージ

画面レイアウト調整の細かな作業はAIにお任せ

画面レイアウト調整をサポートする「AI UIモディファイ」

画面レイアウト調整においてこんなお悩みありませんか?

画像:PCの前で困った表情をする男性のイラスト

画面レイアウトの細かな調整に骨が折れる

  • 画面のバランスを見ながら、ピクセル単位での調整等のコンポーネントの配置を調整するのに苦心

画面内のコンポーネントのスタイル(ボタンの色やサイズ等)変更が手間

  • コンポーネント別にスタイル変更をする必要があり、同じような設定を何度も行う必要がある
生成AIが解決をサポートします
画像:生成AIのサポートで悩みが解消される男性のイメージ

生成AIが画面レイアウト調整やコンポーネントのスタイル変更を自動で行います

  • AIに指示をするだけで、AIが自動で画面を解析し、レイアウト調整を楽に行うことができる
  • AIへの1度の指示で、AIが画面内のコンポーネントのスタイル変更を実施するため、画面全体としてコンポーネントのスタイルの変更が楽に

AI UIモディファイ機能

開発者に代わり、作成したUI定義に配置された各コンポーネントをAIが解析し、要素間のズレや余白のばらつきなどを自動で補正する機能です。

レイアウト調整の細かな作業から脱却

AIが画面情報を読み込み、自動で解析して、画面調整を行います。これにより、開発者が画面全体のレイアウト調整の細かな作業負担を軽減し、開発の効率化に寄与します。

AI UIモディファイ機能のイメージ

AI コードサジェスト/AI SQLサジェストで知識・技術を平準化し、
人材不足に負けない開発を支援

システム開発のDXを支える「AI コードサジェスト」

アプリ開発においてこんなお悩みありませんか?

画像:PCを操作する困り顔の女性のイメージ

JavaScriptのコード生成や、SQL生成に慣れていなくて、
いちから書くのが大変

  • 人によって経歴が違うので、スキルはバラバラ
  • 経験の浅い技術者への十分な教育をする時間もなかなか取れない
  • 結果、急な開発ニーズがある際に開発者が集まらないこともあり、なかなか開発が進まない
生成AIが解決をサポートします
画像:PCを操作する笑顔の女性のイメージ

日本語で指示したらコードやSQL文を提案してくれるので、記述が楽に!

  • 一定の水準での開発を生成AIが支援するため、リソース不足に負けない開発実現に寄与します
  • 熟練技術者に依存することなく、開発スピードを一定レベル担保し、人材不足に負けない開発を支援します

AI コードサジェスト/AI SQLサジェスト機能

やりたいこと(命令)を記述することで、リアルタイムでコード/SQL文を提案する機能です。

生成AIが提案するコード/SQL文を使って開発をよりスムーズに

開発者が「やりたいこと」(命令)を日本語で記述すると、生成AIが提案したコード/SQL文を参考に開発ができるようになります。
これにより、従来のようにゼロからコードを書く負担が軽減されることで、アプリケーション作成におけるハードルが下がります。

生成AIが提案するコード/SQL文を迅速に提案し素早くサービスを構築

要求された内容だけでなく、画面に設定された入力項目の情報も考慮してコードを提案します。
WebPerformer-NX特有の関数・変数にも対応したコードを生成するため、より開発者の要望に沿うことを可能とし、記述ミスのない正確なコードで手戻りを削減します。また、ソースコードの可読性を保ち、第三者の確認工数軽減に寄与します。

AI コードサジェスト/AI SQLサジェストに関して
  • 画面は、ご利用のタイミングにより変更されている可能性があります。
AI コードサジェスト機能の操作イメージ
  • 画面は、ご利用のタイミングにより変更されている可能性があります。

AIによる構文エラーチェックで、コードエラーの対応を効率化

システム開発のDXを支える「AI コードフィックス」

コーディングした構文の確認において、こんなお悩みはありませんか?

図:エラー確認で悩んでいる男性のイメージ

構文にエラーがないか確認するのに時間がかかる

  • コーディングした全文からエラー箇所を探すのが大変
  • エラー箇所に対して、どのような変更を加えるべきか考えるのが大変
生成AIが解決をサポートします
画像:生成AIのサポートで悩みが解消されるイメージ

生成AIが構文エラーを確認し、修正イメージを提案するので、プログラム実装の工程を効率化!

  • AIがコーディングされたJavaScriptの構文をチェックし、構文エラーがあるときはエラー箇所を指摘します
  • AIがエラー箇所に対して修正後の構文を提案します

AI コードフィックス機能

AIがJavaScriptの文章中のエラーを探し、修正文をリアルタイムで提案する機能です。

AIがコーディングされたJavaScriptの構文をチェック

コーディングされたJavaScriptの構文をチェック。エラーがある場合、エラー箇所を指摘し、正しいコードを提案します。

開発者はエラー対応を効率的に進めることで、アプリ開発の業務に注力できます。

AI コードフィックスの操作イメージ
  • 画面は、ご利用のタイミングにより変更されている可能性があります。

AIドキュメントアシストの活用でWebPerformer-NXの操作に不慣れな人の開発をサポート

システム開発のDXを支える「AI ドキュメントアシスト」

新しいツールを使い始めたとき、こんなお悩みありませんか?

画像:PCを操作しながら困まり顔の男性のイメージ

情報の保管場所に見当がつかず、
どこを検索していいのか分からない

  • 経験が浅く、開発中にわからないことが多いが、都度、経験豊富なメンバーに相談するのは気が引ける
  • WebPerformer-NXを初めて使うので、操作に慣れるまでに時間がかかりそう。新しいことを覚えるのが面倒
  • マニュアルのボリュームが多く、どこに何があるのか分からない
生成AIが解決をサポートします
  • AIがマニュアルの中から適切な操作方法を見つけ出し、即座に教えてくれるため、わからないことの即時解決をサポートします
  • AI ドキュメントアシスト機能を活用することで、周りの開発者への相談頻度を減らし、独力で開発業務を進行できるようになるため、業務効率化に繋げることができます

AI ドキュメントアシスト機能

ユーザーが直面している課題に対して、必要な解決策を効率的に見つけ出すことができる機能です。

マニュアルの検索が容易に

必要な情報へ迅速にアクセスすることができるようになります。
これにより、作業中断の頻度が下がり、お客さまのよりスムーズなサービスの構築を支援します。

チャットボット形式での質問ができるため、質問に直結した回答を提示

質問に対して生成AIが回答をするため、自らがマニュアルを見て確認するよりも、より直観的に回答を得ることができます。

AI ドキュメントアシストの操作イメージ
  • 画面は、ご利用のタイミングにより変更されている可能性があります。

クラウド型DX推進プラットフォーム 導入のご相談・お問い合わせ

キヤノンITソリューションズ株式会社 デジタルサービス統括本部