真のナポリピッツァ部
https://www.napolipizza-club.com/
サービス概要
『真のナポリピッツァ協会 認定店にナポリピッツァを食べに行こう』
真のナポリピッツァ部は、全国に約90店舗ある「真のナポリピッツァ協会」認定店を簡単に探せるサービスです。
サービスを作った思い
『真のナポリピッツァ協会認定店』に行きたい時に、公式ページの認定店一覧やグルメアプリだと探しづらいと常々感じていました。
旅行先や出張先で後から確認すると認定店が近くにあったにも関わらず見逃してしまっていることもありました。
また、個人的に感動する程おいしい伝統料理「ナポリピッツァ」に興味を持ってくれる人を増やしたいという思い、
そしてナポリピッツァ業界の発展、活性化をさせ、もっと身近に気軽にナポリピッツァを食べに行ける未来を目指して本サービスを開発しました。
仕様画面と機能(抜粋)
| トップ1 | トップ2 |
|---|---|
 |
 |
| 機能説明やナポリピッツァについての説明があります。 | 地図から、店名・地名フリーワード、都道府県別絞込みで探すことができます。 |
| 店舗一覧画面 | 店舗詳細画面 |
|---|---|
 |
 |
| 都道府県別、店名・地名で絞り込み検索できます。 | 店舗の詳細情報と地図、Twitter共有、行った！機能、口コミ投稿機能があります。スクロールすると店舗に対しての口コミ投稿一覧を表示させています。 |
| 投稿詳細画面 | ユーザー詳細画面 |
|---|---|
 |
 |
| 投稿の詳細、Twitter共有、画像の拡大表示ができます。 | ユーザーのプロフィール、投稿一覧が見られます。行った！ボタンを押している店舗がある場合、訪問済み店舗一覧を確認できます。 |
使用技術
フロントエンド
- Bootstrap
- JavaScript
- jQuery
バックエンド
- Ruby 3.0.2
- Rails 6.1.4
- 以下主要gem
- sorcery(ログイン、SNS認証)
- seed-fu(データの入力)
- carrierwave(ファイルのアップロード)
- rubocop(Lintツール)
- fog-aws(ファイルをS3へアップロード)
- meta-tags(OGP設定)
- config(定数管理)
- Maps JavaScript API
- Geolocation API
インフラ
- heroku
- PostgreSQL
- AWS(S3)
機能一覧
- 認定店一覧
- 認定店詳細
- 検索機能(都道府県別セレクトボックス。地名、店名フリーワード検索)
- GoogleMap上に認定店のマーカー表示(Maps JavaScript API)
- ログイン機能
- Twitter認証ログイン
- 投稿機能
- 投稿詳細
- ユーザー機能
- 行った！機能(Geolocation APIを使用し、実際に店舗の近くにいないと押すことができない)
- 訪問店舗数によって昇級
- 訪問店舗一覧
画面遷移図
ER図
https://drive.google.com/file/d/1gReizcxrETPxOPoezHijkMaiunIlBGX0/view?usp=sharing