メンタル処方カフェとは？

【世界観】 ただの“飲食店”ではなく、心の処方箋を出す場所。 来店者の気持ちを診断し、メンタルに合ったメニューを処方するカフェです。

【ターゲット】 ちょっとした嫌なことを抱えた人 日常の気分をリセットしたい人 新しい環境にストレスがある人

機能概要

- 顔認識による感情診断
- 感情ごとのメニュー表示
- メニューの選択
- 感情データ保存・集計

アーキテクチャ

[ユーザーのブラウザ] │ 1. アクセス ▼ [Firebase Hosting] (HTML / JS / CSS) │ 2. フロントエンド動作 ▼ [顔画像解析] (MediaPipe Face Mesh) │ 3. 感情結果を取得 ▼ [感情判定 (悲しい / 疲労 / 不安 / 喜び)] (AI) │ 4. 感情ごとのページに遷移・データ保存 ├─────────────────────┐ ▼ ▼ [メニュー表示ページ] [Firestore] (HTML / JS / CSS) (Firestore Database) │ 5. 感情に合ったメニュー表示 │ 5. APIでデータベースへ保存 | ▼ │　　　　 [集計画面表示] │ │ 6. APIで感情データ取得 ├──────────────────────┘ ▼ [表示完了]

使った技術・サービス

- フロント：HTML / CSS / JS
- ホスティング：Firebase Hosting
- 感情認識：Media Pipe Face Mesh
- データベース：Firestore Database
- AI：Chat GPT、Gemini、Copilot

役割分担

- あんぴこ：顔診断方法検討、神UI作成、顔診断テスト(tirerd)
- りりぴこ：顔診断実装、顔診断のロジックの部分を担当、顔診断テスト
- ふなぴこ：顔診断実装、診断後の分岐作成、顔診断テスト(happy)
- ひらぴこ：診断結果実装、firebase作業、メニュー選定、感情別ページ作成、顔診断テスト(sad)
- ひなぴこ：Git操作、メニュー選定、感情別ページ作成