Angularでのシステム開発
こんなお悩みありませんか?
- Angularは機能が多いけど、どの機能を使えばいいの?
- Angularは学習コストが高いと言われているけど大丈夫かな?
- たくさんファイルがあるけど関連を正しく維持できるかな?
VSAGなら解決できます!
- VSAGでは、業務システムで標準的に使用される機能でサンプルシステムをご提供しますので、まずはサンプルシステムにある機能を使用すれば開発に着手できます。
- サンプルシステムやハンズオンセミナーで初めての方でも安心して開発を始めることができます。
- VSSDの設計情報からコードを自動生成するので、容易にコード間の関連を維持できます。
製品概要
ローコード開発ツール(VSAG)のラインナップに、新たにAngularが追加されました。
VSSDで設計した情報からAngularのアプリケーションを自動生成します。
Verasym System Designer
VSSDは、システム開発における要件定義、外部設計(基本設計)、内部設計(詳細設計)など、システムの設計を行うための専用ツールです。VSSDでは、画面設計やテーブル設計などドキュメントの種類毎に専用のインターフェースが用意されており、設計者が効率よく設計作業を行える機能が多数用意されています。
Verasym Application Generator
VSAGは、VSSDの設計情報からプログラムソースを生成するローコード開発ツールです。画面項目、メソッドの引数、DBへの問い合わせ・更新定義など、項目情報を忠実にプログラムソースとして出力することで、設計情報とプログラムソースが常に同期のとれた状態を容易に実現・維持することが可能です。
メリット
-
シームレスな連携
「VSSD」とのシームレスな連携により最新のプログラムソースを自動生成
-
コーディング量
プログラムソースの自動生成でコーディング量を大幅削減
-
保守性
設計書が常に最新化されているのでシステムの保守性がアップ
コード生成イメージ
VSAG for Angularは、VSSDで設計した画面定義書からフロントエンドはコンポーネント(TypeScript)とHTML、バックエンドはSpring Frameworkのコントローラー(Java)、通信で使用されるDTOをそれぞれのクラスとして生成します。
また、データベースへのアクセスも設計情報から問合せ(Select)更新(Insert,Update,Delete)のクラスを自動生成します。
豊富なサンプルも用意!
-
一覧画面
-
登録・更新画面
-
入力補助画面
-
多段の明細やページャーにも対応した一覧画面