8000 GitHub - takadamu/implicit-route: 初個人アプリ 迷いやすい道をわかりやすく!(投稿サイト)
[go: up one dir, main page]
More Web Proxy on the site http://driver.im/
Skip to content

takadamu/implicit-route

Repository files navigation

README

あんもくのルート
※読み込みが遅い可能性がございます。ご了承下さいませ。

Image from Gyazo

あんもくのルート

通り方が分かりにくい道を分かる人が解説(投稿)するアプリです

当方一人旅が好きなのですが、道が複雑だったり分からなく困ることがよくあります
一番困ったのは、永遠に赤信号の道路
地元の人に聞いたところ、「あまり人が通らないから、気をつけて渡れば良い」とのこと
このような経験から、分かりにくい道に特化した解説サイトがあると便利だと感じ制作しました

地元の人にしか分からない道が多いという印象から 「暗黙のルール」 にかけたタイトルになっています

9493f066690f803f6f243aaf20aae528

DB設計

usersテーブル

Column Type Options
name string null: false
email string null: false
password string null: false

Association

  • has_many :posts

postsテーブル

Column Type Options
title text null: false
content text null: false
content_url text
image_url text

Association

  • belongs_to :user

DEMO

このアプリでできること

  • 新規ユーザー登録・ログイン・ログアウト
  • ログインユーザーは投稿・編集・削除が可能
  • 登録していないユーザーは閲覧のみ可能
  • 投稿検索(部分一致可)
  • 地図の住所検索(緯度・経度出力)

【テスト用アカウント】
Email:test@gmail.com
Password:12345678

トップページ左側の検索窓では、部分一致検索が可能です
タイトルと投稿内容から、部分一致するものが表示されます
※gem ransack 使用
8547c79d98648ec1ab474d00749ddcf0

トップページのマップ内にある検索窓からは、住所の検索ができます
※今後の展望有
3ff00f8abe708634ee13e730ee9cf1f8

特徴

動きはCSSのみで表現しています
※以下一部抜粋

  • FontAwesome
    ce7817408d532e5c619269428d69148c

  • 各種ボタン
    ログイン
    5baeded29b2f741c35da51a718b4b90e

    新規投稿
    d9425c02f3ca71f07624c87b082fb0d5

    検索
    0b46cab1f1ec13d4aac532f591f4cf93

今後の展望

  1. 住所と投稿を紐付けて、マップにマーカー表示させる
    • 現時点で表示されているマーカーは、事前に表示させるようJS内で組んであるものになります
    • 今後は、マーカーを押しても投稿詳細へ遷移できるよう、紐付けができるようにしたいと考えています Image from Gyazo
      Image from Gyazo

  2. マップ上をクリックした時も投稿ができる
    • クリックした緯度経度を保持したまま投稿へ遷移し、その投稿とマーカーが紐付くようにしていきたいです 9ffe52ba25a76bada984e4b23d1af846

  3. 文章と画像が混在できるようになる
    • ブログのように、文章内に画像を貼ることができるようになり、順路の説明がしやすく(わかりやすく)なるようにしたいと考えています

About

初個人アプリ 迷いやすい道をわかりやすく!(投稿サイト)

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published
0