VtourHub

□ サービスURL

https://vtourhub.jp/

□ リポジトリ

フロントエンド

https://github.com/O-H-K-N/walk-tour-vue

バックエンド

https://github.com/O-H-K-N/walk-tour-rails

□ サービス概要

いつでもどこでも旅行気分を味わうことができるサービスです。

□ サービスを開発した背景

コロナ禍になり国内外の渡航が難しくなったため、いつでもどこでも旅行気分を味わうことができるサービスをつくりたいと考え開発しました。Youtube上にある#4kwalk, #walkingtourなどのバーチャルツアーの動画を活用し、まるで世界中の街中にいるかのように、雰囲気を体感できるサービスを作ることができるのではないかと考えました。

□ ユーザーが抱える課題

• コロナ禍で国内含め旅行がしにくい
• 旅行ができても、時間や安全性の都合で街の隅々を歩き回ることができない
• 行ってみたい観光地の情報をあらかじめ知ることができない

□ サービスの狙い

• 海外旅行気分を味わってほしい
• Walking Tour動画について知ってほしい

□ 主な使用予定技術

バックエンド

• Ruby 3.1.2
• Rails(APIモード) 6.1.6
• 主なGem
  • sorcery
  • jwt
  • rack-cors
  • google-api-client
  • rubocop
• 主なライブラリ
  • AdminLTE 3.0

フロントエンド

• Vue.js 2.6.14
• Vuetify 2.6.0
• 主なライブラリ
  • vue-router
  • vuex
  • axios
  • jqvmap

外部API

• YouTube Data API
• Geocoding API
• Maps JavaScript API

インフラ

• PostgreSQL
• Heroku
• Firebase Hosting

□ ER図