フリーランス / 代表
小規模飲食店のPOSシステム
■ 担当業務 ・React/TypeScriptを用いたSPAアプリケーションの要件定義、設計、実装、テスト ・Supabaseを活用したリアルタイムデータベース設計と実装 ・ロールベース認証・認可システムの構築(従業員・店舗・管理者の3段階) ・飲み放題/単品注文の柔軟な注文管理システムの開発 ・歩合+時給+ドリンクバックを組み合わせた複雑な給与計算ロジックの実装 ・FCMを活用したプッシュ通知システムの構築 ・Vercelへのデプロイとインフラ構築 ■ 使用技術 ・言語/フレームワーク: TypeScript, React 18.x, Vite ・UI/デザイン: Material-UI v7, Tailwind CSS ・バックエンド/DB: Supabase (PostgreSQL, Realtime, Auth) ・通知: Firebase Cloud Messaging ・グラフ/データ可視化: Recharts, MUI X-Charts, MUI X-Data-Grid ・デプロイ: Vercel ・その他: Git, GitHub, PWA ■ 工夫した点 ・パフォーマンス: React.memoとカスタムフックによる再レンダリング最適化、Supabase Realtimeでのリアルタイム売上更新 ・UX向上: PWA化による店内でのオフライン対応、モバイルファーストなレスポンシブデザイン ・データ整合性: 複雑な注文フロー(席移動、会計分割、キャンセル処理)に対応する堅牢なデータベース設計 ・セキュリティ: Supabase RLS(Row Level Security)による厳密なアクセス制御、ロール別の機能制限 ・業務効率化: 打刻忘れのプッシュ通知、日次売上の自動集計とレポート生成 このシステムにより、紙の伝票管理から完全デジタル化を実現し、売上管理の透明性向上と給与計算の自動化を達成しました。