プログラミング初心者のアプリ制作

Question

前提・実現したいこと

プログラミング学習歴:2ヵ月
使用言語:HTML&CSS,Ruby,Ruby on Rails,JavaScript

カーナビの地点登録のような機能を、用意した画像に対して行えるアプリを
制作したいと思っています。
・画像は任意
・クリックした位置にピンを立てられる
・設置したピンにリンクを埋め込む
・ピンをクリックするとリンクへ遷移できる

このような機能を実現するためにはどのような言語、またはAPIが必要でしょうか？
JavaScriptのイベント発火を利用してなんとかできないかと模索中ですが、行き詰まっています...
ほぼ構想の段階で恐縮なのですがご教授いただけると幸いです。

Answer 1

googlemapかyahoomapでしょうね
どちらでも同じような事が出来ます
googlemapはv2の仕様しか知りませんが今でも多分そんな変わらんでしょう

データ量が多いとか永続的なデータとして情報を保存したいとかでも無ければrubyは不要

ただ、2ヶ月程度の学習量じゃ無理です（天才なら知らんが）

Answer 2

まずは情報の整理から。
teratail:プログラミングを使って作りたいものがある時の調べ方、プログラムの組み立て方

Answer 3

ちょっとまとまってないかもしれませんが、思った事をつらつら書きます。

地点といっているから座標は緯度経度の事なんでしょう。
プロットする先はGoogleMapですかね。

まずは、GoogleMapのAPIについて調べるのが取っ掛かりかと思います。
DBとか考えずにJavaScript GoogleMap APIで検索してまずは動くものを作ってみるのが良いかと思います。
GoogleMapにプロットするだけならJavaScriptのみで可能です。

さて、JavaScriptでGoogleMapの操作に慣れて来たら
次にRailsと連携したくなる＝DBに緯度経度を保存したいという事になるかと思うので、
JavaScriptとRailsの連携を調べる(ajax, rails)という感じかなと。
まぁ、まずやってはいけないのは安易にjs.erbを使わない事です。
js.erbを使うとググラビリティが低下します。
(※ググラビリティ＝ググって問題を解決する難易度です。js.erbはRails専用ゆえに一般的ではありません。それゆえに情報の数が減ります。
普通のJavaScript＋JSONを返すWebAPIという構成のほうが情報が多く参考になります）

Railsのアクションではrender json: Hashを使い、純粋にJSONを返すアクションを作る事。
JavaScriptは普通にaxiosを使ってGet/PostでRailsのアクションにアクセスする事です。