概要
現場出張に関わる作業報告書、経費精算、承認フローを一元管理する業務システムです。複雑な業務プロセスを電子化し、部署間の情報共有とワークフローの効率化を実現しました。
現場作業員は、PC・タブレット・スマートフォンからアクセスし、作業報告書の作成や経費精算の申請を行います。写真・ファイル添付機能により、現場の状況を視覚的にも共有できます。
多段階承認フローにより、部署や業務内容に応じた柔軟な承認ルートを設定。承認者への自動通知により、承認待ちによる業務の停滞を防いでいます。
Points
要件定義からリリースまでを単独で完遂し、最新技術スタック（Next.js 15、TypeScript、Supabase）を採用して、モダンで拡張性の高いアーキテクチャを実現しました。
バックエンドはクリーンアーキテクチャの原則に基づき、Domain層・Application層・Infrastructure層・Presentation層を明確に分離しました。Monorepo構成により、フロントエンド・バックエンド・共通型定義を効率的に管理しています。
ユーザビリティを重視した実装により、現場での利便性を最大化しています。
- ・作業報告書への画像添付とメール送信機能
- ・メンバー社員の経費精算の一括入力と製番別集計
- ・多段階承認フローの柔軟な設定
- ・リアルタイム通知とスケジューリング通知
- ・現場ごとのファイル共有機能
- ・AIによる音声認識と自動要約機能
- ・レスポンシブ対応によるマルチデバイス対応
- ・Zodによる堅牢な入力検証とエラーハンドリング
Stacks
-
フロントエンド :
- Next.js 15（App Router）、
- TypeScript、
- CSS(TailwindCSS、shadcn/ui、Lucide-icons)、
- Libraries(React Hook Form、Zod、TanStack Query、zustand、FullCalendar...)
-
バックエンド :
- Hono（高性能APIフレームワーク）、
- Supabase（PostgreSQL、Storage）、
- kintone、
- Prisma ORM、
- Libraries(Nodemailer、date-fns、zod...)
-
ｲﾝﾌﾗ・その他 :
- Clerk（認証・認可）、
- GoogleCloud（フロントエンド・API・バッチ）、
- Monorepo構成（Turborepo）、
- クリーンアーキテクチャ、
- GitHub Actions（CI/CD）
