カレンダー機能付き受注売上管理アプリ開発
公開可能な範囲で、業種・相談内容・対応範囲・成果概要を掲載しています。個人情報や非公開情報は、許可なく掲載していません。
MAO工房の担当範囲
要件整理、画面・API・データ構造の設計、認証、実装、PWA対応、Cloudflare PagesとAPI公開基盤の構築を担当。
成果物
- ・受注売上管理Webアプリ
- ・APIとデータベース構成
- ・カレンダー・集計・PWA機能
- ・公開・運用基盤
今回の対応範囲について
顧客名、勤務先、利用人数、案件規模、予算、作業時間削減率は掲載していません。保守範囲や追加開発は個別合意が必要です。
📋 プロジェクト概要
受注・取引先・従業員・勤怠データを一元管理し、カレンダーで予定を確認できるWebアプリを開発。API、画面、認証、データ分離、公開基盤まで担当。
🔍 課題・問題点
中小規模事業者では、受注・売上・勤怠などがExcelや紙で個別管理されており、進捗や利益率の把握が困難でした。特に工期管理や担当者スケジュールを一覧で見られず、案件単位の見通しが立ちにくいという課題がありました。
💡 実施内容・担当範囲
FastAPI＋SQLModelによる堅牢なバックエンドと、React＋TypeScriptによる直感的なフロントエンドを構築。案件の工期をカレンダー上で可視化できるUIを設計し、売上・コスト・利益をリアルタイムに集計。PWA対応によりスマートフォンからも軽快に動作します。AWS EC2で常時稼働するバックエンドと、Cloudflare Pagesでの静的ホスティングにより、低コスト運用を実現しました。
🎯 確認できる成果
受注、取引先、従業員、勤怠、売上を一つのWebアプリで登録・参照できる状態を構築。カレンダー表示、集計、スマートフォンからの操作を確認。
システム概要
受注・売上・従業員勤怠を一元管理できるWebベースの受注売上管理アプリです。
バックエンドには FastAPI + SQLModel（マルチテナント対応）、フロントエンドには React + TypeScript + Vite + TailwindCSS を採用。
クラウド環境として AWS EC2＋Cloudflare Pages を組み合わせ、APIとフロントエンドを分けて運用できる構成にしています。
課題
- カレンダー機能と案件を紐づけてわかりやすい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対応でスマホやタブレットからもスムーズに操作可能
まとめ
- 依頼者様に最適化した細かい調整が可能なシステムが完成
- PCとスマートフォンで利用できる画面を実装
- 顧客ごとにデータを分けられる構成を実装
- 公開後の保守、バックアップ、追加開発は個別に範囲を確認
使用技術スタック
- バックエンド：FastAPI, SQLModel, SQLite, JWT
- フロントエンド：React, TypeScript, Vite, TailwindCSS
- インフラ：AWS EC2, Cloudflare Pages, Cloudflare Tunnel
- その他：PWA, REST API, SPA構成
関連する実績
この実績に近い相談先
業務効率化・システム開発
Excel、受注管理、顧客管理、問い合わせ管理、小さな業務システム化を整理します。
同じような課題でお困りではありませんか？
このプロジェクトと近い相談内容は、関連サービスと料金の目安を確認してからお問い合わせいただけます。 まずは作業前ヒアリング・概算見積もりの範囲で状況をお聞かせください。