Yamamoto-Masaya1122 / train_window_trip

1 stars 0 forks source link

本番ogp3

train_window_trip

■サービスURL

https://www.train-window-trip.com/

■サービス概要

美しい車窓の景色の路線情報を検索できて、電車で旅行している気分になれるアプリです。 旅行の目的として景色の良い路線に乗りたいという時に簡単に景色の良い路線の情報を探すことができたり、車窓の景色を1人でゆっくり楽しむことができます。

■メイン機能

路線検索機能(オートコンプリート検索) 路線検索機能(都道府県検索)
Image from Gyazo Image from Gyazo
フォームに文字を入力すると、文字と一致した路線の候補が表示されます。 都道府県を選択すると、その地域を走る路線を検索できます。
路線検索機能(カテゴリ検索) 動画視聴機能
Image from Gyazo Image from Gyazo
カテゴリを選択することで路線を検索できます。 動画を視聴することができます。 また、動画の背景も切り替えることができます。
チャットルーム機能
Image from Gyazo
路線に関係するチャットルームを作成することができます。また、チャットルームで他のユーザーと交流することができます。

■実装済みの機能

非登録ユーザー

  1. 前面展望動画の再生機能
    • ユーザーは電車の前面展望動画を見ることができる。
    • 動画の背景を変更することができる。
  2. 前面展望動画一覧機能
    • 閲覧数、投稿日順で並び替えることができる。
  3. 路線検索機能
    • 都道府県から路線を検索することができる。
    • 桜、雪、紅葉や海、山、湿原、夜景、川といったカテゴリで路線を検索することができる。
    • 路線のフリーワード検索をすることができる。
  4. 路線詳細機能
    • 各路線のホームページのURLを載せることで沿線の観光情報を得ることができる。
    • おすすめの車窓スポットを知ることができる。
    • 各路線の概要(特徴)を知ることができる。
  5. ユーザー登録機能
    • 新規ユーザー作成
    • ログイン機能
    • パスワードリセット機能

登録ユーザー

  1. マイページ機能
    • 登録しているユーザー情報(名前とメールアドレスとアイコン)を編集、更新することができる。
    • お気に入り登録した路線を表示することができる。
  2. お気に入り登録
    • ユーザーはお気に入りの路線を登録することができる。
  3. チャットルーム機能
    • 各路線に関連するチャットルームを作成することができます。
    • チャットルームでコメントをすることができる。
  4. 人気の路線ランキング機能
    • お気に入り登録された数で路線を順位づけをして、人気の路線を知ることができる。
  5. 季節ごとにおすすめの路線ランキング機能
    • 季節ごとのおすすめの路線を知ることができる。

管理者ユーザー

■このサービスを開発した理由

幼少期から車窓から見える景色が大好きで、特に知らない街や景色を見て新たな発見をすることにワクワク感を抱いています。今でもリフレッシュのためによく一人で電車に乗って旅行しています。また、遠くに行けない場所などは前面展望動画を見ることで旅行気分を味わっています。ただ、美しい車窓の情報を探すのが困難でした。インターネットで検索しても、「まとめサイト」や「各鉄道会社のウェブサイト」しか見つからず、地域やカテゴリごとに情報を探すのが難しいと感じていました。

また、仕事中に見ていた石切〜額田間の景色は、大阪平野が広がっていて本当に美しく私のお気に入りのスポットでしたが、その景色が地元の人々にしか知られていない現実にも直面しました。

そこで、YouTubeにある「前面展望動画」を活用し、実際に電車に乗っているかのような体験を提供することで、多くの人に車窓から見える景色の素晴らしさを知り、実際に足を運んでもらえる様なアプリを作ろうと考えました。

■主な使用技術

バックエンド

フロントエンド

インフラ

API

■画面遷移図

https://www.figma.com/file/PxMecqG2lpliznWe9NxGPF/Train-Window-View?type=design&node-id=0%3A1&mode=design&t=y3qClG9dKz7qz4j9-1

■ER図

Image from Gyazo