▶サービスURL(サービス停止中。Topページのみアクセス可能):Trainspotter
Trainspotter.は、「鉄道車両の写真をみんなで楽しむ」をコンセプトとした、鉄道車両に少しでも興味がある人、好きな人を対象にしたアプリです。普段利用している🚆路線や旅行で利用した路線の車両を投稿することができます。まだ知らない鉄道車両を観察しに行きませんか?
1:甥っ子が鉄道好きで、今後様々な鉄道車両を利用する機会があった時に記録に残しておきたい。
2:私だからこそ知っているベストショットの時間やポジションを知りたい。
3:家にいてもアプリ一つで日本中の鉄道車両の写真を楽しみたい。
- 撮り鉄の人
- 鉄道に少しでも興味のある人
- (多くの方に鉄道車両を利用してもらいたい鉄道会社関係者)
- スマホやPCでの利用。
- 自分や他者と共有することで、もっと鉄道を好きになってもらう。鉄道仲間を増やす
- (鉄道関係者の場合、鉄道車両を撮影してもらうことで、魅力を知ってもらうきっかけとなる。さらには鉄道の利用にもつながる。)
SNS、個人のネットワーク、そして RUNTEQ のようなコミュニティを活用して、アプリの存在を広める予定です。
- スタンプラリー形式のものや、訪れた駅を地図上で塗りつぶすようなアプリは存在するが、いずれも個人完結型であった。Trainspotter.のような共有型である点。
- 投稿数に応じてバッジ機能を実装した点。
- お気に入り登録のアイコンを電車マークにすることでかわいらしさを加えた点。
- ユーザー登録機能/ログイン機能/Googleログイン機能
- パスワードリセット機能
- マイページ
- ユーザー情報編集
- アカウント削除
- 投稿機能
- 駅名、路線名、都道府県、コメント、撮影場所、画像
- 投稿一覧
- 詳細(編集、削除)
- お気に入り追加ボタン(電車アイコン)
- 検索機能(都道府県、路線名、駅名、フリーワード)
- ユーザー自身の投稿一覧
- お気に入り投稿一覧
- バッジページ
- SNSシェア機能(X:旧Twitter)
| 新規登録 |
|---|
![]() |
| 名前、メールアドレス、パスワード、パスワード確認から新規登録が可能。 |
| 新規投稿 |
|---|
![]() |
| 駅名と路線名はID番号から簡単に一致させることができます。全て必須項目です。 |
| 投稿一覧 |
|---|
![]() |
| 投稿一覧からお気に入り登録や投稿詳細を見ることが可能。上部には様々な方法で検索できるようにしています。(お気に入り一覧。ユーザー自身の投稿一覧も同様) |
| 投稿詳細 |
|---|
![]() |
| 投稿詳細から編集、削除が可能。 |
| マイバッジ |
|---|
![]() |
| 投稿数に応じたバッジ機能。何枚でバッジが現れるかはお楽しみ。 |
| カテゴリ | 使用技術 |
|---|---|
| 開発環境 | Docker |
| バックエンド | Ruby 3.2.2 / Rails 7.1.3 |
| フロントエンド | TurboとStimulus |
| データベース | PostgreSQL |
| インフラ | Render |
| 認証 | Sorcery ・ Google OAuth |
https://dbdiagram.io/d/6699e3468b4bb5230ec32ca4
★マークは特に時間がかかった内容や苦労した内容になります
★【Error】migrateがうまくいかずusersテーブルにnameだけ登録できない問題
★【豆知識】マイグレーションファイル生成時userはinteger?references?&名称変更注意点など
★【豆知識とError】Google認証周り。APIキーを含む秘匿情報について
★【豆知識】 Google のクライアント ID やシークレットにアクセスする方法について
【豆知識+Error】コードがあっていても少し位置が違うだけでエラーになってしまうrenderのお話
★【豆知識】Google認証APIキーを含む秘匿情報ENVコードで管理。+credentialとの違い
★【豆知識】.gitignoreとconfigとの関係性について
★【Error】rails db:migrate コマンドを実行した際に発生したエラー。タイムスタンプについて知る
★【豆知識とError】belongs_toとvalidatesのちょっとした誤解
【Error】古いCSSやjavascriptがのこっていてうまくいかない






