株式会社ベストスキップのロゴ
業種から探す/証券

証券口座における入出金(振込)処理システム

正確性は譲らず、開発生産性は3倍へ。

証券口座と銀行口座をまたぐ入出金処理を、JSPからAngular SPAへ刷新。自社のAngularソース自動生成ツールを用い、生産性を3倍に引き上げました。

01

お客さまの課題

  • Case 01

    入出金処理は、絶対に間違えられない

    誤送金 ・ 二重処理は信用問題に直結する。仕様の網羅性と回帰テストを譲れない。

  • Case 02

    JSP ベースのUIが、保守限界に来ている

    画面ごとに独自実装が膨らみ、改修コスト ・ 学習コストが高止まり。

  • Case 03

    振込フローが業務種別ごとに分岐

    即時振込 ・ 予約振込 ・ 取消 ・ 取引時間外などのパターンが多く、コードが肥大化。

  • Case 04

    リリースサイクルが事業スピードに追いつかない

    画面追加 ・ 改修に時間がかかり、商品 ・ 業務改善のスピードが阻害される。

02

ソリューション

SPA × 自動生成 × 自動テストで、正確性と生産性を両立。

  • 2台のモニターで旧JSP画面と新Angular SPA画面を対比する開発者の写真
    Step 01

    JSP から Angular SPA へ移行

    サーバーサイドレンダリングから、フロントエンドSPA構成へ刷新。UI/UXを統一しつつ、画面追加 ・ 改修の生産性を底上げします。

  • 自社製Angularソース自動生成ツールの画面クローズアップと開発者の手元の写真
    Step 02

    Angular ソース自動生成ツール

    自社開発のAngularソース自動生成ツールで、定型画面の実装を自動化。手書きコードを大幅に減らし、品質と速度を同時に確保します。

  • 大型モニターに振込ロジックや例外処理を共通モジュール化したアーキテクチャ図を映して議論する写真
    Step 03

    業務ロジックを共通化

    振込ロジック ・ 取引可能時間 ・ 例外処理を共通モジュール化し、業務種別ごとの分岐を構造化。コードの肥大化を抑えます。

  • 回帰・E2Eテストの自動化ダッシュボード(生産性向上の数値)を確認する写真
    Step 04

    テスト自動化で生産性 3 倍

    回帰テスト ・ E2E テストを自動化し、リリースのたびに人手検証する負荷を軽減。従来比3倍の生産性を実現しました。

主な構成要素

  • 01Angular SPA フロントエンド
  • 02Angular ソース自動生成ツール(自社)
  • 03業務ロジック共通モジュール
  • 04勘定系 ・ 銀行 API 連携
  • 05自動テスト基盤
  • 06監視 ・ 取引ログ
04

関連ユースケース

Tech StackAngularJava / SpringTypeScriptOracle / PostgreSQLJasmine / KarmaJenkins / GitLab CI