# 使い方

## 1.画面の説明

![](https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2Rm890y2Xt3Jfrw-_%2F-Ls2Rrch-kmZV42RQqZI%2Fview.png?alt=media\&token=0750c87c-58aa-4d03-a79b-c3234333aadd)

| # | 説明                                                   |
| - | ---------------------------------------------------- |
| ① | <p>「自分を中心」は常に自分を中心に表示。</p><p>「マップ探索」は自由に地図を表示。</p>   |
| ② | 今までに撮ったねこを一覧表示。                                      |
| ③ | ねこを撮影。                                               |
| ④ | <p>Twitter連携の設定。</p><p>「神社」「お寺」「公園」の地図アイコンの表示制御。</p> |

## 2.地図アイコンの説明

| アイコン                                                                                                                                                                                                                                                                      | 説明                                       |
| ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------- |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8ZUrxpqN13Yc9nQ%2Fwalking_man_front.gif?alt=media&#x26;token=e000ddc3-0841-4a82-9bec-ffe679d43554" alt="" data-size="line"> | 現在の居場所。                                  |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8ZjJgw_z7d11_Sc%2Fshrine.png?alt=media&#x26;token=9ec0661d-a7bc-4450-839c-762af9146d2c" alt="" data-size="line">            | 近くの神社。                                   |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8ZmYDVegVgmhDtN%2Ftemple.png?alt=media&#x26;token=c6964763-e9ba-4024-aa14-a370a8b17e05" alt="" data-size="line">            | 近くのお寺。                                   |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2WusIt3rIvuaypWOE%2Fpark.png?alt=media&#x26;token=46575d65-a758-4f95-85f6-743154886ea4" alt="" data-size="line">              | 近くの公園。                                   |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJDBp_MYoq892S_xq_%2Fcat_white.png?alt=media&#x26;token=d90ef3dd-9a36-42ff-a785-09adf3119b6e" alt="" data-size="line">         | 撮影した白猫の写真。                               |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8Z_hs8DsX4gs4Fx%2Fcat_black.png?alt=media&#x26;token=2effa34e-8565-45c5-9e78-b61f913c7b41" alt="" data-size="line">         | 撮影した黒猫の写真。                               |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8ZfU56P_FQOHEtC%2Fcat_mike.png?alt=media&#x26;token=d6eeeeb3-6558-438c-beaa-f590e9f9f0a2" alt="" data-size="line">          | 撮影した三毛猫の写真。                              |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8Zg7D0zdrHDAwNw%2Fcat_sabi.png?alt=media&#x26;token=79c574c9-950f-4464-97a3-2972490f39b2" alt="" data-size="line">          | 撮影したサビ猫の写真。                              |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8ZiJ8EbjmkFlSiA%2Fcat_tora.png?alt=media&#x26;token=a15c6e5a-5ea6-4a4f-b067-9cb95415535f" alt="" data-size="line">          | 撮影したトラ猫の写真。                              |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-Ls2V5YKweyfgPTTV40g%2F-Ls2W8Zc-b1tse5vS4Oc%2Fcat_hachi.png?alt=media&#x26;token=4b299c9b-b427-44df-851f-b5a7b24ab5b8" alt="" data-size="line">         | 撮影したブチ猫の写真。                              |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJBsubVUKIEUHeUjAy%2Fcat_denpa5.png?alt=media&#x26;token=afc4b3ba-7bf0-4c34-811b-b7882f9f861d" alt="" data-size="line">        | 路地裏度とノスタルジー度の合計が160以上の場所。相当、ねこの住みやすい場所。  |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJBsuaysdcjjMVYHF3%2Fcat_denpa4.png?alt=media&#x26;token=6a1eefa2-6a75-48af-a443-4066515c8954" alt="" data-size="line">        | 路地裏度とノスタルジー度の合計が120以上の場所。かなり、ねこの住みやすい場所。 |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJBsuZjIrHVnwE7hBv%2Fcat_denpa3.png?alt=media&#x26;token=44becc2b-478f-4935-b8e8-b36e0ea798de" alt="" data-size="line">        | 路地裏度とノスタルジー度の合計が80以上の場所。ねこの住みやすい場所。      |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJBsuY3UZ3tttEGYrj%2Fcat_denpa2.png?alt=media&#x26;token=666abcf8-4f80-4f9d-9c08-a1915525c9e8" alt="" data-size="line">        | 路地裏度とノスタルジー度の合計が40以上の場所。だいたい、ねこの住みやすい場所。 |
| <img src="https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LtJB_xrLYaXiHC8jWoj%2F-LtJBsuWlK64nAylhpCA%2Fcat_denpa1.png?alt=media&#x26;token=b3e3f16b-31ca-4f58-b8e1-98a1c90d1279" alt="" data-size="line">        | 路地裏度とノスタルジー度の合計が40未満の場所。ねこがいるかも・・・       |

## 3.Twitter連携について

Twitterでログインしておくことで、撮影したねこの写真を別のスマホからでも閲覧・編集ができますようになります。

また、撮影したねこをTwitterに投稿できるようになります。

## 4.PWAでのホームアイコンの追加について

PWAに対応していますので、iPhone、Androidのホーム画面にアイコンを追加することができます。

![](https://1237103977-files.gitbook.io/~/files/v0/b/gitbook-legacy-files/o/assets%2F-Lry6VWzaa4UJ6Uls4NN%2F-LsvEqek8fXfwkn5TcFQ%2F-LsvEuKm7Oq3QROLLmBF%2FPWA%E3%83%9B%E3%83%BC%E3%83%A0%E3%81%AB%E8%BF%BD%E5%8A%A0.png?alt=media\&token=64716b93-e9d5-48ac-8e7a-de847c40dfb1)

#### PWAとは？

PWAは「Progressive Web Apps」の略で、Webサイトをあたかもアプリのように利用できる技術を指します。 通常のアプリのようにホーム画面にアイコンを追加できるほか、プッシュ通知を送信する、オフラインでの閲覧も可能になるなど、様々な機能があります。
