マカオシャトル : マカオの無料シャトルバスを利用した経路案内サービス
(macaoshuttle.com)- どんなサービスですか？
- 「マカオシャトル」は、マカオのホテルが運行している無料シャトルバス路線を利用した経路案内サービスです。
- なぜ作ったのですか？
- マカオでは多くのホテル（カジノ）が主要エリアを結ぶ無料シャトルバス路線を運行しています。マカオを旅行する際にこの情報をうまく活用すれば、1円も使わずに行きたい場所へ移動することもできます。
- ところが、無料シャトルバスの情報が一か所にまとまっている場所は見当たりませんでした。シャトルバスを使った経路を確認するには、NAVERやGoogleやホテルサイトを行き来しながら慌ただしく検索しなければなりませんでした。しかも、調べた情報が有効かどうかを検証する手間までありました。
- では、どう使えますか？
- まず、出発地と目的地を地図上で、または検索して選択します。
- 次に、曜日と時間帯を選んで検索します。
- 最後に、選択が完了すると同時に、シャトルバスと徒歩を利用した詳細な経路案内を受けられます。
- では、何で作りましたか？
- 共通点 : DB構造設計 / バックエンド実装 / フロントエンドコード実装のすべてをバイブコーディングで実現しました。今すぐ5か国語対応を実装するためにも、AIの助けが必要でした。
- バックエンド : NestJSで実装しました。
- DB: SupabaseでPostgresqlを使用しましたが、pgRoutingとpostgisをアドオンとして使えたのが良かったです。
- フロントエンド : NextJSで実装しました。この部分は私がほとんど分からなかったので、Gemini / ChatGPT / Claudeを交互に酷使しました。
- CI/CD : Github Actionを使って、フロントエンドはVercelに、バックエンドはAWS ECSに自動デプロイされるようにしました。
- まとめ
- もともとフロントエンドに疎く、だからといってバックエンドに詳しいわけでもない開発者が、バイブコーディングですべて作り上げたものです。
- だからこそ、必要なものがあれば恐れずに作り出せることが、バイブコーディングの魅力だと考えて作りました。
- もちろん細かく見ていけば、結局は1人開発なので、至らない点も多いと思います。
- ですので、質問やフィードバックはいつでも歓迎です！
- ここまで読んでいただき本当にありがとうございます。吸う息にクリーンコード、吐く息にPR承認がありますように。
8件のコメント
7月末にマカオへ行くので、便利に使ってみます!!
マカオでお役に立てれば幸いです！
マカオに旅行したとき、これが必要だったのに..
良いページだと思います。
温かいお言葉ありがとうございます！
私自身も必要に迫られて作ったものなので、多くの人に知ってもらえたらうれしいです！
マカオにお住まいですか？
マカオに住んでいるわけではありません。
以前マカオへ旅行した際、シャトルバスの情報に思ったよりアクセスしづらく、
不便だと感じたので作ることにしました。
シャトル情報を継続的に更新する部分は簡単ではなさそうですが、素晴らしいですね
シャトル情報自体はホテルのホームページに掲載されていますが、
形式がそれぞれバラバラなので、今のところは手動で更新する必要がありそうです。