Webシステム2026年

勤怠・工数・業務管理Webシステム

中堅システム開発会社

受託開発を行うIT企業の社員・管理者向けに、勤怠打刻、作業報告、日報、各種申請、業務ごとの工数・売上集計を一つにまとめたWebシステム。会社単位でデータを分けるマルチテナント構成で、日々の記録から集計までを支えます。

勤怠・工数・業務管理Webシステム

実績情報

OVERVIEW
クライアント
中堅システム開発会社受託開発を中心に事業を展開するIT企業。社内外の工数管理・勤怠管理の効率化を進めている。
業界
IT
対応時期
2026年
開発期間
6か月~12か月
担当範囲
企画/提案/制作/保守運用
対応環境
Web / Windows デスクトップ / macOS

課題・解決・効果

CASE STUDY
  1. 課題

    CHALLENGE
    • 勤怠・工数・業務報告が別々の仕組みで管理されていた
    • APIと画面が別リポジトリで変更の同期やレビューが煩雑だった
    • 機能追加のたびに型定義の不整合が発生しやすかった
  2. 解決

    SOLUTION
    • Next.jsとHonoで勤怠・工数・業務管理を統合したWebシステムを開発
    • フロントとAPIを履歴を保ったままモノレポへ統合
    • コンテナ化してAWS Fargateへ自動デプロイする仕組みを整備
  3. 効果

    RESULT
    • 勤怠と工数を一つのシステムで記録・集計できるようになった
    • APIと画面の変更を一度にレビューでき品質が安定した
    • 機能追加のリードタイムが短くなった

主な機能

FEATURES
  • 出勤・退勤の打刻と締め期間単位の勤怠実績
  • 日次の作業報告と業務別・日別の工数集計
  • 提出先選択とフィードバック付きの日報
  • 有給・残業・時差出勤などの申請と承認
  • 社員別・業務別の月次タスクスケジュール
  • 業務ごとの経費・売上・利益率の管理
  • 一斉メール・お知らせ配信と権限別メニュー設定
  • ICカード(RFID)による打刻連携

技術スタック

TECHNOLOGY
対応環境
  • Web
  • Windows デスクトップ
  • macOS
開発言語
  • TypeScript
  • SQL (PL/pgSQL)
  • C#
フロントエンド
  • Next.js 16
  • React 19
  • Zod 4
バックエンド
  • Hono 4
  • Drizzle ORM
  • Node.js 26
データベース
  • PostgreSQL 18
インフラ・実行環境
  • AWS (ECS Fargate, RDS, S3, SES, SQS)
  • GitHub Actions
  • Docker
主なライブラリ
  • Drizzle ORM
  • Zod
  • ExcelJS
  • argon2
  • AWS SDK v3
  • Vitest
  • Playwright
  • koffi
外部連携
  • メール通知 (Amazon SES)
  • RFIDリーダー連携
  • CSV / Excel出力

技術的なポイント

ENGINEERING

システム構成Next.js(画面)とHono(API)を同じFargateタスクで動かし、ALB経由で公開。データはRDS for PostgreSQL、添付ファイルはS3に保存し、メール通知はSES・SQSを利用する。

  1. 1APIを route / service / repository の3層に分け、JWTの会社IDで全データをテナント分離
  2. 2別々だったフロントとAPIのリポジトリを git subtree で履歴を保ったまま1つのモノレポへ統合
  3. 3変更した機能と依存関係からテスト対象を選ぶCIと、本番ブランチでのDockerイメージ検証・ECR登録を自動化
  4. 4申請通知はOutbox方式でキューに積みSESから送信し、配信結果をSQS経由で取り込む構成
  5. 5RFIDリーダーを読むブリッジアプリをWindows / macOS向けに配布し、ブラウザの打刻と連携

同様のシステム開発をご検討の方へ

要件が固まっていない段階でも構いません。課題やご予算に合わせて最適な進め方をご提案します。

お問い合わせ・ご相談

関連する実績

RELATED WORKS