---
# System prepended metadata

title: フロントアプリ＆バックエンド仕様書

---

# フロントアプリ＆バックエンド仕様書

## Agenda

- フロントアプリ（基本）
- バックエンド（メイド）
- フロントアプリ（メイド）

## フロントアプリ

FigmaでUIのモックを作ると良さげなので招待リンク貼っておきます。まだ何も作ってません😭

https://www.figma.com/file/YkD3DRRmPFJxJh4J2BF6yu/Meido?node-id=0%3A1

### フレームワーク

- React(Redux,Next.js)
- Tailwind CSS or Bootstrap
- 生html+css+js

### 大概念

**モバイル向けWebアプリにする**

=> PCの最適化は行わない

#### ページ構成

- ルートページ
- 投稿ページ
- 観光案内
    - ここに行け！を指令する
    - ガイド機能・地図表示→DirectionAPIで実装
    - 行った！→RoadAPIを使うべきかどうか(時間の問題)
- 投稿機能
    - 新規観光地登録
    - 感想記事投稿
    - メイドちゃんへ愛を叫ぶ
- 編集機能
    - プロフィール機能
        - 画像
        - 名前
    - メイド選択
- メイド関連
    - ガイドなどでメイドを表示
    - トップページにもメイドを表示
        - 今日の天気とか教えてくれるとか？
        - →これもできなくはないと思いますが時間がかかりそうです...
    - メイドポイント
        - ここに行け！で行ったら++（サーバー側で管理）

## バックエンド（メイド周り）

横着をするためにOneTimeChatの中にロジックを組み込む。
=> テキスト処理とかはOneTimeChatの機構を流用する。

### 大概念

- メイドポイント
    - とりあえず貯まるだけ
    - 使い道は要検討
- メイドへの推しのメッセージ
- 好感度設定（メイドの解像度を変化させる）
    - メイドポイントと推しのメッセージの投稿数
- Webからソケット開通
- 必要なパラメーター
    - UserID
    - 環境変数で仕込んだtoken(nice to have)
