鈍足ランナーのIT日記

走るのが好きな5流のITエンジニアのブログ。

趣味の範囲は広いけど、どれも中途半端なクソブロガー楽しめるWebアプリを作ってあっと言わせたい。サーバーサイドPerl(Mojolicious)、クライアントサイドVue.js。Arduinoにも触手を伸ばす予定。

JogNaviの紹介

JogNaviとは

ランニングの自己ベスト更新をナビゲートするWebアプリです。 ダイエット目的で走った、知人がホノルルマラソンで完走したので・・・ 走り始めた動機は様々、でもやっぱり速く走りたいですよね。 そんなあなたのためのWebアプリが誕生しました。

  • ペース感覚を養う

GPS機能付き端末を持たないあなたに朗報! 1km毎のストリートビュー機能。JogNaviでルートを登録すれば 1km地点ごとのストリートビューを表示してくれます。

f:id:kechiya:20131027045103p:plain

  • 走友と切磋琢磨する

コース毎のタイムランキング機能搭載。 走った後にコースを選択してタイムを入力するだけで、ランキングされます。 同じコースを走ったライバルには負けられません!!

走ったときに装着したシューズなどのアイテム管理機能。 Yahoo商品検索APIを用いて、アイテムが選択できる! ライバルが身に着けているアイテムも購入も楽々!!

  • 装備の走行距離管理

走った履歴とアイテムがマッピングできるために、走行距離の管理ができます。 シューズの交換時期を管理することができます。

  • 作者

ランナーの気持ちが分かる、走歴20年のおじさんランナー 自分が気持ちよく使える。ランニングサイトを作りたかった。

集大成ともいえる大作となってしまった。 まだ、未完成!なのでMA9の締め切り日の10月28日までにはバグはあってもいいので、 全機能動くようにしたい。

  • サーバーサイド

Perl(Mojolicious)+Teng+MySQL(5.6)

  • クライアントサイド

Bootstrap3,Backbone.js,Bxslider.js,Backgrid.js

google street view,google maps,Yahoo 商品検索API