カレンダー機能付き受注売上管理アプリ開発

システム概要

受注・売上・従業員勤怠を一元管理できるWebベースの受注売上管理アプリです。
バックエンドには FastAPI + SQLModel（マルチテナント対応）、フロントエンドには React + TypeScript + Vite + TailwindCSS を採用。
クラウド環境として AWS EC2（常時稼働）＋Cloudflare Pages（無料ホスティング） を組み合わせ、運用コストを抑えながら高い安定性を実現しています。

課題

• カレンダー機能と案件を紐づけてわかりやすいUIのアプリが存在せずに困っていた
• Excelや紙での個別管理により、受注・勤怠・売上データが分散していた
• 案件ごとの工期や担当者を俯瞰できず、スケジュール管理が煩雑になっていた
• クラウド型SaaSでは機能過多・コスト高にもかかわらず、細かい部分の融通が利かず、不満があった

開発内容と技術構成

• バックエンド：FastAPI＋SQLModel（SQLiteマルチテナント構成）
  • JWT認証／CORS対応／会社別DB分離
• フロントエンド：React＋TypeScript＋Vite＋TailwindCSS
  • SPA構成・モーダル操作・カレンダー連動表示
• PWA対応：ServiceWorkerによるオフラインキャッシュ
• 運用環境：AWS EC2上にAPI常駐、Cloudflareトンネル経由で公開
• 公開環境：依頼者様所有ドメインでCloudflare Pagesにホスティング

成果と効果

• 案件・取引先・従業員・勤怠データを統合し、1つのWebアプリで完結
• カレンダー画面で工期・進捗を一目で把握
• 案件単位の売上・利益率を自動集計
• クラウド構成により、メンテナンスとアップデートを容易化
• PWA対応でスマホやタブレットからもスムーズに操作可能

まとめ

• 依頼者様に最適化した細かい調整が可能なシステムが完成
• 直感的に操作できるUI設計で、初見でも迷わずに利用可能
• スマホ対応により、現場スタッフの勤怠登録が迅速化
• 顧客ごとに専用環境を構築できるマルチテナント対応で、セキュリティ面でも安心感のある構成
• 定期バックアップと監視体制を含む運用代行プランの提供
• 各社専用環境のスケール展開が可能（マルチテナント運用）
• MAO工房の「地域密着×低コスト」システム提供モデルとして販売

使用技術スタック

• バックエンド：FastAPI, SQLModel, SQLite, JWT
• フロントエンド：React, TypeScript, Vite, TailwindCSS
• インフラ：AWS EC2, Cloudflare Pages, Cloudflare Tunnel
• その他：PWA, REST API, SPA構成