---
# System prepended metadata

title: KumaMCN

---

# KumaMCN

![](https://i.imgur.com/Eq59QUM.jpg)

## アイデア候補
- 犯罪発生マップ
    - 町ごとにカラーマップ
    - https://kumamoto-police.maps.arcgis.com/apps/webappviewer/index.html?id=f74eb0c7ae0e462992d59e37819b4b87
- 子育てしやすさマップ
    - 位置情報を入力して100点満点で採点
- 観光マップ
    - 121	観光施設一覧
    - 122	イベント一覧


# やったこと
- インフラ構築(docker)
    - front: react native
    - DB: MySql
    - Api: rails api

- front
    - figmaでUI設計
    - ![](https://i.imgur.com/YmAD6r0.png)
    - ReactNative
    - Amplify studio挫折
    - NativBase（制作段階）
- backend
    - RailsAPIを使用して、APIの作成。「感染者数」と「観光地のデータを使用」
    - API内容
        - 観光地名で検索（例：黒川温泉で検索）
        - 市町村区名で検索（例：阿蘇市）
        - 感染者数フィルターで観光地一覧（例：感染者数0~100)
    - API結果例（観光地名と、その市町村区の感染者数を返す）
    - http://localhost:3000/search_by_spotname?name=%E9%BB%92%E5%B7%9D%E6%B8%A9%E6%B3%89
    `{"name":"黒川温泉","covid19":69}`


## 感想
<!-- - react nativeが実機で動かないというのが結局FreeWifiが原因でした笑 -->
- ゆっくり取り組んだらちゃんと間に合わなかったです涙 勉強になりました！(hide)
- ReactNativeのデモをスマホで確認するの時間かかった。新しい発見が多くて楽しかったです（ヒロ）
- 初めての技術ばっかりだったので大変でしたが、貴重な経験になりました！（ゆたろ）

[](https://i.imgur.com/Sd2o9zV.jpg)
![](https://i.imgur.com/e6YGXj4.jpg)
![](https://i.imgur.com/5WNK3u0.jpg)

