JIGS-TMS 脱Flash・Angular移行

有償PoC ご提案書

株式会社Fabbi (Fabbi JSC + Fabbi Japan)
TDC Software 様 / 先行情報 (Senko Information) 様
2026年5月28日 ・ Rev 1.0

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

アジェンダ

  1. 基本方針 — なぜ今、Angular移行か
  2. 進め方 — AI-first 7ステップ + 6画面PoC
  3. 成果物・検証条件 — 何を、どう確かめるか
  4. チーム体制 — 日本側 / ベトナム側
  5. スケジュール — 13週間
  6. お見積り — 2プラン比較
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

① 基本方針

Flash (Flex) は EOL — 全 約370画面 (標準137 + 標準外57 + 住宅174) の Angular移行が不可避。

本PoCは全体移行の 前段 — リスクを抑え、見積精度を高める。

6画面で「共通基盤」を確立し、Phase1 へ資産として継承する。

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

① PoCの位置付け

提案ハイライト

  • 期間: 3ヶ月 (6月中旬開始)
  • スコープ: 6画面 (Tier A 2 + B 4) + 共通基盤
  • 契約: Ukeoi (請負) 月次精算・実工数精算
  • 2プラン: 標準 / PMO付き

投資回収

  • 共通基盤は使い捨てない
  • Angular基盤 85% / Java基盤 70% を Phase1 へ継承
  • スタック: Angular + Ignite UI / 既存Seasar2へREST in-place / Oracle維持
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

② 進め方 — AI-first 7ステップ + HITL

Step 内容 PIC
① 資産分析・KB構築 FARE で Flash資産 (MXML/AMF) を解析 Fabbi
② 環境・AI Skill 定義 Angular + Java REST 共通基盤を構築 Fabbi
②.5 中間レビュー 代表サンプルで方向性を合意 TDC様
③ TDD テストケース生成 実装前にテスト観点を確定 (品質ゲート) Fabbi
④ 移行実装 + UT NEXA AI生成 → HITL レビュー → UT Fabbi
⑤ 新旧比較テスト Flash ↔ Angular 全操作照合 ≥90% Fabbi
⑥ ドキュメント納品 設計書雛形・比較レポート (Markdown) Fabbi

FARE 逆解析 → NEXA AI生成 → TLレビュー (HITL) → UT → 新旧比較
Step7 本番展開は参考値 (お見積り対象外・PIC: TDC様)

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

② 2 Wave 実装

実装の流れ

  • 共通基盤を先行構築 → 各画面で再利用
  • Wave1 (W5-8): 業務画面 3 (送り状系・難易度高い先行)
  • Wave2 (W9-12): マスタ系 + 残り (速度ramp)
  • 週次レビュー: 有賀/高松/江原様

選定理由

  • 送り状系 = 業務の中核 (登録・配車・編集)
  • マスタ系 = 全画面が参照する基盤データ
  • Tier A 2 + B 4 → 複雑度の幅を網羅 → Phase1 見積 calibration
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

② 対象6画面 — FARE KB 分析 (実ソース解析)

画面 画面ID Tier LOC files AMF 主要構成・連携
送り状登録 JBus0200 A 2,050 24 8 MVC + 郵便番号マスタ連携
簡易セル送り状登録 JBus3700 A 5,500 24 6 7ステップウィザード・最大規模
送り状配車編集 JBus5300 B 3,000 63 4 HUB画面 — 8種ItemRenderer・送り状↔配車統合
キーボード送り状登録 JBus0230 B 2,800 18 2 高速キー入力特化
ドライバーマスタ JMst0600 B 1,500 21 5 配車で参照される基盤マスタ
得意先マスタ JMst0400 B 2,200 39 5 部材/回収マスタ + TgcbTargetSite連携

Tier = FARE 複雑度 (S/A/B/C/D) ・ files = Flash MXML/AS3 構成ファイル数 ・ AMF = バックエンド呼出メソッド数

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

画面相関図 — モジュール連携

center

送り状系 (配車編集=HUB) ↔ マスタ系 (ドライバー/得意先) ・ 全画面 AMF→REST 化 → Oracle

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

移行イメージ — Before / After

center

バックエンド (Java Seasar2 / Oracle) は維持、フロントエンドのみ Flash → Angular へ移行

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

システムアーキテクチャ

center

Angular SPA → REST/JWT → 既存 Java Seasar2 (in-place) → Oracle ・ AMF→REST 置換

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

② 共通基盤 = 投資回収 (Foundation Reusability)

PoC は「使い捨て」ではない。基盤は Phase1 全体移行へ継承 → コスト削減として還元。

Bucket 再利用率 Phase1 への継承
C Angular 共通基盤 85% routing / layout / auth / API client / Ignite ラッパー
D1 Java/API 共通基盤 70% REST controller / DTO / JWT / OpenAPI / test harness
D2 画面別 wrapper 0% 画面固有 — P1 で個別再見積
F 設計書雛形 (DD template) 100% DD テンプレート + 移行仕様書サンプル → 全画面標準適用
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

② 技術スタック (要旨)

フロントエンド (NEW)

  • Angular 17+ / TypeScript / Signals + RxJS
  • Ignite UI for Angular (ag-Grid級) ※TDC様提供
  • SCSS / Angular CLI + Webpack / Lazy-load

バックエンド (既存維持)

  • Java + Seasar2 — in-place REST 追加
  • REST + DTO/adapter (AMF→REST 拡張)
  • JWT + CORS (新規) / OpenAPI
  • Oracle (staging — TDC様提供)
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

③ 成果物・検証条件

成果物

  • Angular 6画面 (動作デモ + ソース)
  • Java REST wrapper (Seasar2 in-place)
  • 画面設計書 雛形 + 移行仕様書サンプル
  • 新旧比較テスト結果レポート
  • Phase1 全体ベース見積

成功基準 (Phase1トリガー)

  1. 6画面が Angular デモで動作
  2. 新旧比較 合格率 ≥ 90%
  3. ベース見積を KH が承認
  4. Phase1 移行 LOI 締結
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

④ チーム体制

側 役割 担当内容
日本 (Fabbi Japan) PMO 1名 (日本語ネイティブ) ※プランb KH窓口・スコープ/リスク調整・MTG運営
ベトナム (Fabbi Software) テクニカルリード 1名 アーキ・共通基盤・レビュー・HITL
ベトナム プロンプトエンジニア 1名 NEXA/AI生成・画面実装
ベトナム QCエンジニア 1名 新旧比較・品質
  • 氏名はキックオフ前に確定 (役割ベース提示)
  • 稼働: 1ヶ月目=基盤構築 / 2-3ヶ月目=実装+比較
  • TDC側: 藤沢様 (リード) + 有賀/高松/江原様 (レビュー)
Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

⑤ スケジュール — 13週間

週 フェーズ 内容 ゲート
W1 準備 kickoff・環境・6画面確定・Oracle接続
W2-4 共通基盤 Angular基盤 + Java REST基盤 + 1サンプル ◆M1 基盤レビュー
W5-8 Wave1 3画面 (A/B/B) + UT + 新旧比較 ◆M2 中間レビュー
W9-12 Wave2 3画面 (B/B/B) + UT + 比較 + フルデモ
W13 評価 全体回帰比較 + 全体ベース見積 + 報告 ◆M3 最終+見積

期間: 2026年6月中旬 → 9月初旬 (開発3ヶ月)・週次レビュー (毎金) + ゲート (W4/W8/W13)

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

お見積り (税抜)

項目 標準プラン (a) PMO付き (b)
Fabbi Offshore 開発工数 (77.8 MD) ¥1,683,000 ¥1,683,000
BrSE (VN側・日本語コミュニケーション) ¥750,000 —
FJ PMO (日本語ネイティブ窓口) — ¥1,350,000
AI 利用費 (FARE + LLM + NEXA) ¥234,000 ¥234,000
Infra 環境 (3ヶ月 × ¥40,000) ¥120,000 ¥120,000
Ignite UI ライセンス ¥0 ¥0
合計 (税抜) ¥2,787,000 ¥3,387,000

差額 ¥600,000 = (b)は BrSE → FJ PMO へ置換 ・ 契約: Ukeoi (請負) 月次精算

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

要協議事項 — PoC開始前に TDC様と要確認

# 項目 状態 / 想定
1 Ignite UI ライセンス TDC様 ご提供 (無償) 想定。28/5 MTG で最終確認
2 Staging Oracle アクセス VPN + アカウント + テストデータ。PoC clock = Oracle供与開始
3 契約形態 Ukeoi (請負) 月次精算 → Phase1 で請負継続
4 PoC 成功基準 合格率 ≥90% + UI差分目視承認 + LOI (本見積 §10)

留意: ST/UAT・本番デプロイは TDC様側。新規 Spring Boot 作らず既存 Seasar2 へ in-place。Oracle スキーマ変更なし。

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案

まとめ・次ステップ

6画面PoC → 共通基盤確立 → Phase1 全体移行

PoC成功基準クリア → Phase1 LOI へ

5/28 ご確認事項: ① プラン選択 (a/b) ② Ignite UIライセンス ③ 契約開始・kickoff日

ありがとうございます

Fabbi ｜ TDC JIGS-TMS 脱Flash・Angular移行 有償PoC ご提案