ドライブや旅行のときに、高速道路料金やガソリン代をまとめて計算できるWebアプリ「Drive Cost」を作りました。
Drive Cost
https://drive.waripo.jp/
Drive Costとは
出発地と目的地を入力すると、車で移動した場合の距離・所要時間・高速道路料金の目安を調べられるWebアプリです。
さらに、車の燃費とガソリン単価を設定すると、ガソリン代を計算して、高速道路料金と合わせた交通費の目安を表示します。
高速道路を使わないルートとの比較もできます。
作ったきっかけ
旅行など、車で出かけるときに、
「高速代はいくらくらい？」
「ガソリン代も含めると往復いくら？」
「高速を使わなかったらどのくらい違う？」
と調べることがあります。
高速道路料金とガソリン代をそれぞれ調べて計算するのが少し面倒だったので、まとめて確認できるものを作ってみることにしました。
主な機能
出発地・目的地を入力して検索すると、次の情報を表示します。
- 走行距離
- 所要時間
- 高速道路料金の目安
- ガソリン代
- 交通費合計
- 高速道路を使わない場合のルート
- 利用するICの案内
燃費やガソリン単価は自由に変更できます。
友人とのドライブなどで交通費を共有しやすいように、計算結果をコピーする機能も付けました。
React＋Google Maps Routes APIで開発
フロントエンドはReactで作成し、ルート検索にはGoogle Maps PlatformのRoutes APIを利用しています。
最初は「距離と高速料金がわかればいい」くらいの小さなツールのつもりでしたが、作っているうちに、燃費・ガソリン単価の設定、高速道路を使わないルートとの比較、IC案内など、少しずつ機能が増えていきました。
企画からデザイン、実装、本番公開まで、実質2日程度で作成しています。
まだ追加したい機能や調整したいところはありますが、まずは普段使える状態になったので公開しました。
ドライブや旅行、ゴルフなどのお出かけの際に、よかったら使ってみてください。
Drive Cost
https://drive.waripo.jp/
