Next.js TypeScript Tailwind CSS Docker
経理データ照合システム
銀行データ・買掛金・売掛金の照合作業を自動化。CSVアップロードで差分を可視化し、経理業務を効率化。
背景
銀行データ・買掛金・売掛金の照合作業は、かつて紙で行っていた。その後Excelに移行し、さらにパワークエリで効率化を試みたが、それでも1日がかりの作業だった。パワークエリは動作がもっさりし、複雑な突き合わせには限界があった。
データベースを使った自作システムに置き換えたことで、照合結果が数秒で出るようになり、作業時間を1日から2時間に短縮した。
概要
経理部門のデータ照合（マッチング）作業を効率化するWebシステムです。2つのCSVをアップロードするだけで自動照合し、差分を可視化します。
主な機能
照合タイプ
- 銀行データ照合: 日付+金額で1対1照合、グループマッチング（1対多）にも対応
- 買掛金照合: 摘要から仕入先名を自動抽出して照合
- 売掛金照合: 得意先名+部門でグループ化して照合
操作機能
- ドラッグ&ドロップでCSVアップロード
- Shift-JIS自動変換（Excel出力ファイル対応）
- リアルタイム検索・絞り込み
- 結果の色分け表示（一致/不一致/片方のみ）
- Excel互換CSVエクスポート
技術スタック
| 項目 | 技術 |
|---|---|
| フレームワーク | Next.js 16 (App Router) |
| 言語 | TypeScript |
| スタイリング | Tailwind CSS v4 |
| CSVパース | PapaParse |
| 文字エンコーディング | encoding-japanese |
| デプロイ | Vercel / Docker |
担当範囲
社内DXプロジェクトとして企画・設計・実装を担当。