概要
いろんな料理をみんなで分け合って食べた時の「食べた分だけ割り勘」を簡単に計算できるアプリです
友達とご飯したときに「これ一緒に食べよー」と一部の人と料理を分け合うシーンでも活躍します。
例えば「これは3人で分けてー」「このドリンクセットの値段は2人で分けたくて〜」など、料理ごとに分け方を柔軟に指定できます。
シンプルなUIとレスポンシブデザインで、スマートフォンからも快適に利用できます。
主な機能
- • 参加者の追加
- • 料理の追加
- • 食べた人を指定
- • 食べた分だけ計算
技術スタック
- • Vue.js
- • TypeScript
- • Tailwind CSS
- • Vite
- • GitHub Pages (デプロイ)
担当
企画・設計
ユーザー体験設計
機能要件の策定
UI/UXデザイン
ワイヤーフレーム作成
ビジュアルデザイン
フロントエンド開発
Vue.js実装
レスポンシブ対応
デプロイ・運用
GitHub Pagesでの公開
パフォーマンス最適化
企画・実装プロジェクトとして、企画から運用まで全工程を一人で担当しました。
詳細
開発背景
家族や友人との食事会で、割り勘や家計管理が煩雑になることが多く、もっと簡単に管理できるツールが欲しいと感じて開発を始めました。
「誰でも直感的に使える、シンプルな家計・割り勘アプリ」をコンセプトにしています。
技術的な工夫
Vue Composition API
Vue 3のComposition APIを活用し、ロジックの再利用性と保守性を高めています。
レスポンシブデザイン
Tailwind CSSでスマートフォンファーストのUIを実装し、どの端末でも快適に利用できます。
パフォーマンス最適化
Viteによる高速な開発環境とビルド最適化を行っています。