【要約】売上予測WebアプリをFastAPI + Prophet + Reactで個人開発してリリースした話 [Qiita_Trend] | Summary by TechDistill
> Source: Qiita_Trend
Execute Primary Source
// Problem
- ・既存の需要予測ツールの高コスト性。
- ・導入における技術的ハードルの高さ。
- ・フロントとバックのドメイン分離に伴うCORSエラー。
- ・Render無料プラン使用時のコールドスタートによる初回リクエストの遅延。
// Approach
1.予測エンジンにProphetを採用。季節性や祝日効果を自動でモデルに組み込む。
2.FastAPIでAPIを構築。
CORSMiddlewareを用い、本番環境ではallow_originsを特定ドメインに制限。3.React (Vite) とRechartsでUIを構築。
useMemoで統計計算を効率化。4.
html2canvasにより、グラフのPNG保存機能を実装。5.Renderの遅延対策として、フロントエンドにローディングスピナーを実装。
// Result
- ・CSV入力のみで予測グラフを出力する仕組みを実現。
- ・表示範囲に応じた統計情報（平均・最大・最小）の自動算出。
- ・Rechartsによるインタラクティブなグラフ表示。
- ・グラフの画像ダウンロード機能の提供。
Senior Engineer Insight
> 個人開発として、技術選定のバランスが極めて良い。Prophetの採用は、パラメータ調整の工数を削減する実戦的な判断だ。FastAPIとPythonの親和性も高く、開発速度を優先できている。ただし、RenderのコールドスタートはUXを著しく損なう。商用展開には、サーバーレスの起動遅延対策や、計算リソースのスケール設計が必須となる。CORSの厳格な管理は、セキュリティの基本として評価できる。