RunTicket
2022年6月〜
##概要
大学の学食での利用を想定した、モバイルオーダーアプリケーションの開発および運用。
##担当領域
- ▸プロダクトマネージャー (PdM)
- ▸エンジニア: 要件定義・仕様決定・フロントエンド・バックエンド・インフラ
- ▸デザイナー: Figma
##技術的な工夫
- ▸フロントエンド: パフォーマンス最適化を重視し、レスポンスのキャッシュ化やCDNの導入を実施。サーバ負荷の軽減とユーザ体験の向上を両立させました。また、コンポーネントのメモ化により再レンダリング負荷を抑制しています。
- ▸バックエンド: 安価で安定性の高いFaaS (Cloud Functions) を採用。FaaSの動的IPによる外部API制限を回避するため、無料VPS上のNginxプロキシサーバを経由させる構成を構築し、システムの安定性を高めました。
##マネジメントでの取り組み
エンジニア兼PdMとして、以下の点に注力しチーム開発を牽引しました。
- ▸合意形成: 独断を避け、メンバーとの積極的な議論を通じて意見を集約。メリット・デメリットを天秤にかけた折衷案の策定。
- ▸進捗サポート: 実装が遅れているメンバーに対し、一方的な指示ではなくヒアリングを通じた「共に解決する姿勢」でモチベーションを維持。
##主な機能・システム構成
- ▸利用者向け: アカウント作成・ログイン、PWA対応、レスポンシブデザイン。
- ▸決済システム: PayPay / クレジットカード / Apple Pay / Google Pay 対応。
- ▸店舗向け: キッチンシステム(プリンター連携)、管理画面、売上レポート自動生成。
- ▸運用効率化:
- ▸動的メニュー更新: 夜間にシステムがメニューデータを自動書き換え。
- ▸スプレッドシート連携: 非エンジニアでもスプレッドシートからメニュー情報の変更が可能。
- ▸オペレーション維持: 従来の食券システムを活かすことで、店員の業務フローを変更せずに導入。
##技術スタック
[ SYS::DATA_TABLE ]
| カテゴリ | 技術・ツール |
|---|---|
| フロントエンド | React, TypeScript, Tailwind CSS, Emotion, Material UI, Storybook |
| バックエンド | Firebase, Node.js (Express), Python (ESC/POS), Google Apps Script |
| インフラ | Oracle Cloud (VM), Docker, Cloudflare (DNS/CDN), GitHub Actions |
| ハードウェア | Raspberry Pi 4 |
| 外部API | PayPay Web Payment, Stripe, Discord API |
| その他 | Swagger, Prettier, ESLint |
RENDERING DIAGRAM...
##関連リンク
© 2024 Hinata Saito Portfolio.
