年末ハッカソンでSTART MAPSというWebアプリを作りました


明けましておめでとうございます。
なんと年末2014/12/30〜31に、趣味プログラミング会の延長でうち(てじ宅)で年末ハッカソンをしました!!

そこでこんなアプリ作りました。

START MAPS beta

http://startmap.info/

スクリーンショット 2015-01-01 23.16.23

これは日本国内・主要都市のスタートアップ・ベンチャー企業をGoogle Maps上に可視化してみたアプリです。

ハッカソンの流れなんとなく振り返ります。

ハッカソンは合計で2日間+αでした。


1日目 集合(2014/12/30 11:00)

まずは三軒茶屋でハッカソン参加のメンバー(自分入れて3人)が集合し、とりあえずデニーズでご飯食べる。

1日目 アイデア決め(2014/12/30 12:00)

ハッカソンで何作るか決まってなかったので、皆でアイデアを出し合い2、3日で作れそうなものを選定。

結局、趣味会でアイデアが出ていたIT企業マップを作ることにしました。

1日目 実装(2014/12/30 13:00〜19:00)

元々このIT企業マップを作りたいなーと思った経緯は、渋谷とか結構企業があるのに一覧して観れるアプリないなぁと思ったところがきっかけでした。ぐぐってみても、どなたかが作った「画像」としてのマップしか見当たらなかったからです。

ということで、ざっくりデザイン・実装方針を決めて作業開始。

作業風景
年越しハッカソン

もくもく。。

お菓子などを食べながら、ちょうどメンバーが役割分担できるのでかなり効率よく進めることができました。

  • サーバーエンジニアさん: DB・サーバー・ドメインあたり担当。安定感がとてもある。
  • デザイナーさん: クールなデザイン+JS/CSSの実装まで(!)
  • 自分: クライアント側JSを主に担当

1日目 終わり(2014/12/30 20:00)

とりあえず、基本機能の実装ができたので、飲みにいく。
そして解散。


2日目 集合(2014/12/31 14:00)

なぜか突然集まってやりたいねぇ、という話になり、まさかの大晦日に集まることにw

2日目 実装(2014/12/31 14:00)

もく。

もくもく。。

もくもくもく。。。

主にクライアント側のデザイン反映作業。

2日目 年越しそば+解散(2014/12/31 20:00)

集中力が切れた頃に年越しそばを食べました。そして解散。

そのまま年が明けましたw


3日目 残作業+リリース(2015/1/1)

年が明けて、さすがに集まりませんでしたw

主にデザインの細かい調整とリリース作業を各自してv0.1をリリース!

START MAPS beta

http://startmap.info/

以上!今回の初の試みであるテジ宅ハッカソンの流れなんとなく紹介でした。

実装に関してはざっとVue.js + Vueify、Stylus、Herokuあたり使ってます。技術的なところに関しては別の記事で今度書くかもしれません。


感想

年末に何をやってんだという感じですが、結構楽しかったw
ちょうど3人(Gunosy, Cakes, LINE所属のエンジニア達)がばらけた職種だったためやっぱり一人でやるより断然効率的でした。あと帰省中でリモートからデータの収集を担当してくれたエンジニアさんにも感謝!!

あとやはり、この程度の小さなアプリであっても公開するレベルまで作り込むのはなかなか苦労しますね。でも作ったのものを見てみると、やはり最強デザイナーさんのおかげか、完成度高く見えますw(一応まだまだβ版です)

そして良い年したオジさんが3人で年越しながら3日間で夢中で何かを作ったのは良い経験だと思いましたw

ぜひ、イイねなどshareお願いします。機能改善要望もぜひ!あと、開発に参加したい方もぜひw

ハッカソンに参加していただいた皆様、2014年の年末という貴重な時間をありがとうございました。
今年も引き続きよろしくお願いします。