LoginSignup
0
1

More than 1 year has passed since last update.

【JavaScript】道路標識を簡単に、見つけることができるアプリを、作りました。

Posted at

私は、家の近所を散歩をすることが趣味です。
そこで、とある疑問が出てきました。

道路の標識って、たくさんあるけど、
パッと見でなんとなくの、
感覚でしか意味わかってないよなと。

ということで、簡単に道路標識の意味を、
サッと理解できる、アプリを作りました。

アプリはこちら
https://orb.main.jp/app/roadsign/

GitHubはこちら
https://github.com/fujioka8700/roadsign

このアプリを作って、解決したかったこと。

私が、このアプリで解決したかったことは、この2つです。

1.できるだけ、目当ての標識を、早く見つけたい。
2.アプリには、標識を大きく表示したい。

なぜ、この2つのことを、解決したかったのか。

1.できるだけ、目当ての標識を、早く見つけたい。

みなさんもご存じの通り、
標識には似たものが、たくさんあります。
似たものがたくさんあるので、
「あれ?この意味であってたっけ?」となります。
かつ、誤った理解をしていると、非常に危険です。

similar_signs.png

2.アプリには、標識を大きく表示したい。

インターネットで検索すれば、
標識一覧はたくさん、出てくるのですが、
どれも、画像一枚に、標識がびっしり。
ただでさえ、似たものが多い標識なのに、
びっしりある標識の中から、
目当ての標識を見つけるのは、大変だなと思いました。

list_signs.png

標識の見た目の特徴で、まとめました。

目当ての標識を見つけるためには、
標識の見た目の特徴で、まとめた方が、
探しやすいよな、と思いました。
なので、赤の丸い標識や、青い四角と矢印の標識など、
見た目が、似ているものでまとめて、
できるだけ、探しやすくしました。

feature_list.gif

標識の表示が大きいから、すぐに見つけることができる。

先ほども言いましたが、一枚の画像にびっしり
書かれた標識から、目当ての標識を探すのは大変です。
なのでこのアプリでは、標識ひとつひとつを、
大きく表示し、標識を見やすくしました。
そして、見つけやすくしました。

motion.gif

まとめ

実際に散歩中に、安全な場所に移動してから、
このアプリを使ってみました。
今までは、標識の特徴を文字で入力して、
検索して、探し回っていましたが、
このアプリを使うと、すぐに目当ての標識を
見つけることができました。

解決したいと思っていた2つの事は、
無事に解決することができました。

これからも、世の中の不満や、疑問など
少しでも解決できるようなアプリを、開発していきます。

0
1
0

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
0
1