業務改善・DXWebシステム
複雑な承認プロセスに対応した帳票作成・管理システムの開発
プロジェクト概要
製造・建設業における現場帳票の作成・承認・管理を統合するWebシステムの開発を担当。複数の承認者・差し戻しフロー・PDF出力といった複雑な要件を、約3ヶ月という短期間で実装した。
VIETISはVue.jsによるリッチなフロントエンドとNode.jsバックエンドを構築。専任QAエンジニアをチームに配置することで、承認フローのエッジケースを網羅的にテストし、高品質な納品を実現した。
課題と解決策
CHALLENGE
承認ルートの柔軟な設定（部門別・金額別の多段階承認）、差し戻し時のデータ保持、PDF出力の帳票レイアウト忠実度など、要件が複雑で実装難易度が高い機能が多数あった。
SOLUTION
承認フローエンジンを汎用的に設計し、設定ファイルで承認ルートを柔軟に変更できる構造を採用。PDF生成はサーバーサイドレンダリングで帳票レイアウトの精度を確保。専任QAが全フローの網羅的なテストを担当した。
成果
- 約3ヶ月という短期間で複雑な承認フローシステムを本番リリース。
- 専任QAによる網羅的なテストにより、リリース後の不具合を最小化。
- 帳票のデジタル化と承認プロセスの電子化により、紙ベース業務からの脱却を実現。
- 承認状況のリアルタイム確認が可能になり、承認待ち時間の短縮と業務効率化を達成。
進め方
01
要件定義・承認フロー設計
関係部署へのヒアリングをもとに承認ルートのパターンを整理。フローエンジンの汎用設計を策定した。
02
フロントエンド・バックエンド並行開発
Vue.jsで帳票入力UIと承認ダッシュボードを開発。Node.jsでAPIと承認フローエンジンを実装した。
03
PDF生成機能の実装
帳票のデザインデータをもとにPDFレイアウトを実装。Puppeteerを活用してピクセル精度のPDF出力を実現した。
04
専任QAによる全フロー検証・本番リリース
専任QAが承認・差し戻し・権限別アクセスを網羅的にテスト。検証完了後に本番リリースを実施した。
関連する実績
すべての実績を見る →
