こんにちは!ソリューションコンサルタントの田上です。
「上流工程でのモックアップやプロトタイプの作成」はWeb開発において欠かせない重要なプロセスです。しかし、開発現場ではタイトなスケジュールで進めなければならないことも多く、モックアップやプロトタイプを作成する時間が、なかなか取れないことも多くあるのではないでしょうか。
そこで登場するのが、モックアップやプロトタイプよりもさらに高度な「実際に動作するプロダクションコード」までを手早く作成することができる「ローコードツール App Builder」です。
モックアップ、プロトタイプ、プロダクションコードは、似ていますが下記のような意味があります。
- モックアップ・・・低コストで作成する画面デザインの紙芝居(動的処理の実装なし)
- プロトタイプ・・・機能や画面を実際にインタラクション操作可能なプログラム(動的処理の実装あり)
- プロダクションコード・・・リリース本番環境に配置して動作可能な本番コード
インフラジスティックスの「App Builder」はWebアプリケーションのUIデザインをドラッグ&ドロップで作成することができるローコードツールです。App Builder で作成したUIデザインから、1ピクセルのズレもなく「コード(HTML , CSS , Angular , Blazor , WebComponents)」を自動生成することができる「WYSIWYGエディタ」になっています。
今回の記事では、App Builder を使って「Webアプリケーション(プロジェクトファイル一式)」を作成して、完成したWebアプリケーションを「プレビュー(URL共有)」するところまでを解説します。
本日の流れですが、
- 画面の「デザインレイアウト」を決めます。
- UI部品を「ドラッグ&ドロップ」で配置します。
- 完成したWebアプリケーションを「URLで共有」します。
UIデザインからプログラミングの業務フローを効率化できるローコードツール App Builder について、早速見て行きましょう。
続きを読む