Skip to content

chapchon819/nekospot

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

ベージュ シンプル クラフト紙 ファイナンス 告知 Twitter投稿 (1).png

🐈 サービス名

メイン機能である猫スポット検索機能と猫スポット診断機能は、ログインせずお試しいただけます。

🐈 サービス概要

猫スポット特化型検索サービスです。

具体的には、

  • マップと一覧から検索することができ、現在地や地域、カテゴリー、タグ、里親募集の有無などから検索することができます。
  • スポットのレビューで情報をシェアすることができます。
  • 「猫スポット診断機能」でおすすめの猫スポットを提案します。
  • お気に入り機能で気になったスポットをお気に入りに登録でき、訪問したスポットは訪問済にすることができます。
  • ディープなユーザーにも楽しんでもらえるようにレビュー数と訪問済み数から会員ランクを設定しております。

🐈 このサービスへの思い・作りたい理由

私にとって猫はとても尊い存在です。しかし、ペット不可の賃貸に住んでいるため猫を飼うことができません。猫と触れ合えるスポットやイベントの情報収集をする際に、猫カフェはGoogleMapから検索しやすいですが、その他のスポットは一元化されたアプリやサイトがないことに気付きました。それなら自分で作ってしまおうと思ったのが発案のきっかけです。全国の猫好きの皆さんのQOLを少しでも向上させたいと考えております。

🐈 ユーザー層について

  • 猫が好きな方
  • 動物が好きな方

🐈 サービスの利用イメージ

  • 現在地・地域、カテゴリー等から猫スポットを検索することができる
  • レビューで情報をシェア・確認できる
  • レビュー投稿や訪問済により会員ランクを上げることができる
  • 猫スポット診断機能で気軽におすすめスポットを発見・シェアできる
  • 気になったスポットはお気に入りに登録できる
  • スポットの詳細情報を確認できる

🐈 ユーザーの獲得について

  • Xシェア
  • Qiitaで技術記事執筆

🐈 サービスの差別化ポイント・推しポイント

類似サービスとして以下のサービスが挙げられますが、Mapから猫と出会える・触れ合えるスポット【だけ】を検索できるサービスは存在しない。

また上記以外のサービスとの差別化としては、以下の通りです。

  • 猫カフェはGoogleMapから検索可能ですが、細かなレビューやスポットのXを表示させることでスポットでの体験をより想像しやすくする
  • 猫カフェ以外の猫と触れ合えるスポットはGoogle検索からでは、猫と触れ合えるスポット以外も表示されるため求めている情報の取得が難しい。
  • 「猫カフェ」などのキーワードからのスポット検索ではある程度ヒットするが、「兵庫県」など場所から猫スポットを絞り込むことはできない。
  • イベントや猫スポットはネット検索でも取得できるが、情報が点在しているため、それを一元化させることで検索をスムーズにする。

🐈 機能一覧

メイン機能

Map検索機能 (1) Map検索機能 (2) Map検索機能 (3)
  Image from Gyazo Image from Gyazo Image from Gyazo
ピンをクリックすると画面下部に情報カードが表示され、カードをクリックするとスポットの詳細情報を見ることができます。              中央のピンの動きに合わせて動的に周辺のスポットを取得します。リストを押すと現在地周辺10km県内の猫スポットが近い順に最大10件表示されます。             「絞り込み」ボタンを押すと、フリーワード(スポット名・住所)、里親募集の有無、譲渡会開催実績の有無、カテゴリ、タグから猫スポットを検索できます。都道府県を選択すると選択した都道府県にジャンプします。         
一覧検索 猫スポット診断機能 レビュー投稿機能
Image from Gyazo Image from Gyazo Image from Gyazo
一覧からもスポット検索をすることができ、Googleの高評価順に並び替えることもできます。タブを切り替えると全スポットのレビュー一覧を見ることができます。   3つの質問に答えるだけで、おすすめの猫スポットを提案します。             各猫スポットにレビューを投稿することができます。             
ソーシャルログイン お気に入り機能・訪問済機能 お気に入り・訪問済一覧
Image from Gyazo Image from Gyazo Image from Gyazo
GoogleとLINEログインで手間なくログインできます。       気になったスポットをお気に入りに登録したり、訪問したスポットを訪問済にすることができます。 お気に入り・訪問済スポットを一覧から確認することができます。  

工夫したポイント

Image from Gyazo Image from Gyazo
10個以上のアプリを使い比べた結果、上記のようなUI/UXにしました。   猫スポットを運営されている方にとってもメリットがあるアプリにしたかったので、Xのタイムラインを表示させることでスポットの最新情報やおすすめ情報を掲載しました。
Image from Gyazo Image from Gyazo
猫画像を優先的に表示させることで猫があふれる世界観を実現しました。   ユーザーが操作に迷わないようにボタンやマーク、会員ランクについてモーダルで説明しています。                   

機能一覧

  • ソーシャルログイン(Google・LINE)
  • スポット検索機能
    • フリーワード(スポット名・住所)
    • 里親募集の有無
    • 譲渡会開催実績の有無
    • カテゴリ
    • タグ
    • エリア検索(一覧)
    • 現在地(Map)
    • 選択エリアへ移動(Map)
    • 周辺10kmのスポットを10件リスト表示(Map)
  • レビュー投稿・編集・削除機能(複数枚画像投稿・タグ)
  • 猫スポット診断機能
  • ユーザー編集
  • Google Places APIにてスポット詳細情報の取得・表示
  • オートコンプリート(フリーワード検索・タグ投稿)
  • お気に入り登録機能
  • 訪問済機能
  • レビュー投稿の「参考になった」ボタン
  • 会員ランクの設定
  • スポット詳細にX埋め込み(PC画面のみ。スマホ画面はリンクボタンで対応)
  • シェア(X・LINE)
  • PWAによる擬似モバイルアプリ化
  • Cloud Vision APIによる猫画像優先表示
  • サイトマップ
  • 動的OGP(レビュー画像・スポット画像)

🐈 今後の開発について

対応エリア拡大

猫スポットデータを追加し、ゆくゆくは全国対応させたいと考えています。。

管理画面

適切にアプリを運用するために管理画面を実装します。

レビューで画像を投稿した際のパフォーマンス改善

画像を投稿した場合に、投稿に時間がかかってしまうのでバックグラウンド処理などを用いてパフォーマンスを改善したいと考えています。

🐈 使用技術

カテゴリー 使用技術
フロントエンド TailwindCSS
daisyUI
JavaScript
Hotwire
バックエンド Ruby 3.2.2
Ruby on Rails 7.1.3
データベース PostgreSQL
インフラ Heroku
AmazonS3
API Google Maps JavaScript API
Google Places API
Google Geolocation API
Google Cloud Vision API
CI/CD GithubActions
開発環境 Docker
その他 Redis

画面遷移図(未修正)

https://www.figma.com/file/I5K5nm237QJwWo64gCTjdm/Nekospot?type=design&node-id=0%3A1&mode=design&t=8og5QESets43UqBY-1

ER図

image

About

猫スポット特化型検索サービス

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published