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