はじめてのWebアプリ開発!出雲の観光をちょっと楽しくする「いずもごえんクエスト」

IT全般

こんにちは、スタッフのやまさきです。
今回は、人生で初めて“ゼロから作ったWebアプリ”について紹介します。

その名も――「いずもごえんクエスト」

出雲市内の行き先や目的を、ちょっとワクワクするような形で“ガチャ風”に提案してくれるアプリです。

はじまりは「会社の代表からの一言」

このアプリ、実は入社して間もない私が、会社の代表からの「こんなの作ってみてよ」の一言をきっかけにスタートしました(笑)

えっ、私、まだHTMLとCSSしか触ったことないんですが…!?
って内心ビビりながらも、「これはチャンスかも」と思って挑戦することに。
(実は Ruby on Rails を触ったことありましたが、PHPとJSをご指名)

使用した技術:PHP × JavaScript × GoogleマップAPI

このアプリでは、

PHP:データの取得やランダム処理など、サーバー側のロジックに
JavaScript:画面の動きや表示の切り替えに
GoogleマップAPI:各スポットの場所を地図に表示するのに活用

…と、ひとまず最低限の機能を揃えるために、書籍とググりを駆使してコードを書きまくりました。(GoogleマップAPIの設定、めちゃくちゃ手こずりました…!)

「どこいこう?」の悩みにひとネタを。

このアプリのメインの使い方はとってもシンプル。

  1. 「どこにいこうか?」と「なにをしようか?」を選ぶ
  2. あとは“クエストボタン”を押すだけ
  3. 出雲市内の飲食店や遊び場が、ランダムに表示!

目的地はGoogleマップ付きで表示されるので、迷う心配もナシ。
デートやドライブ、観光で「うーん、どこ行こう…」って迷った時に、
ちょっとした“ネタ”として使ってもらえるとうれしいです。

最後に:まだまだ伸びしろしかないアプリです

コードは正直、まだまだ拙いところだらけ。
しかも登録している情報もわずか…。ごめんなさい。

でも、「自分の書いたコードが、誰かの行動のきっかけになる」って、すごく感動でした。
もし使ってみて「もっとこうしたら?」ってアイデアがあれば、ぜひ教えてください!

出雲の魅力を、もっと楽しく発見できるアプリに育てていきたいです。

「いずもごえんクエスト」公開中
👉 https://m-shokai.jp/destination/

コメント

タイトルとURLをコピーしました