ハックツハッカソン-アロ杯-に行ってきた話
こんにちは. ふっけーです.
6/22-23 に天神でハッカソンが開催されたので行ってきた話です.
1日目
移動部門
できる高専生はバスでMac!!
— ふっけー (@fukke0906) 2019年6月22日
移動時間も惜しまずに圧倒的成長💪 pic.twitter.com/gNCO3TmHAf
移動中はもちろんVue.jsの勉強してた()
本日の会場です pic.twitter.com/TB6IP3UP2i
— ふっけー (@fukke0906) 2019年6月22日
会場に早く着いたので近くの川で涼んでた.
そして会場入り(会場内の写真撮り忘れた
アイデア決め
今回のテーマは...
「タスク管理アプリ」です!!
なんかめっちゃ絞られてない...??
でも, テーマが絞られていたのでアイデアはすぐに決まった?
あ、忘れてました.. 今回のメンバーは
前回のハッカソンと同じく @kubo_programer と @Qba3c です.
最初はアイデア出し
三人でそれぞれアイデアを考えて 出し合う形になりました.
僕の案は みんなでテスト勉強の計画を共有できるアプリ
@kubo_programer は独自のソートアルゴリズムでタスクを管理できるアプリ
@Qba3c はタピオカでタピオカタピオカな見た目のアプリを考えて
最終的に @kubo_programer と @Qba3 を組み合わせる形でアイデアがまとまりました. (僕のは少し方向性が違った
開発開始
今回は僕のわがままでVue.jsを使うことになりました.(Vue.jsを使ってみたかったので
技術的には Vue cli を用いて Vuex と Vue Router を使ってメインのアプリ開発をして
git と github で管理しました.
ベースを作成できた pic.twitter.com/ZU3c5VDhrd
— ふっけー (@fukke0906) 2019年6月22日
Vue cli で環境構築等を完成させた僕.
その間にデザイン決めやソートアルゴリズムの作成をしてもらいました.
夜の部
夜ご飯は ラ!
一蘭#ヤマゲン夜飯の流儀 pic.twitter.com/2Pzdhqhbwl
— ふっけー (@fukke0906) 2019年6月22日
そして、夜の作業...
ハックツハッカソン魔剤賞#ハックツハッカソン pic.twitter.com/KUanv7KRXy
— ふっけー (@fukke0906) 2019年6月22日
タピオカのイラストを探すぼく pic.twitter.com/KwDughGJLq
— ふっけー (@fukke0906) 2019年6月22日
ソート用のフォームを作成したり, タスクのデータ構造練ったり.. 色々しました(覚えてない
途中コンビニに行ったりしたんですが治安最悪でした..
この時間の天神 治安最悪で草
— ふっけー (@fukke0906) 2019年6月22日
朝の4時まで作業..
2日目
6時に目が覚めました. 睡眠時間は2時間です...
最初の作業は完全に忘れていたタスクの削除機能の追加です. これが割と手こずって時間がかかりました.
そしてUIをごちゃごちゃしてました.
お昼
地獄でした.
これは地獄の組み合わせ pic.twitter.com/h9hjqO1NIZ
— ふっけー (@fukke0906) 2019年6月23日
完成!!
発表2時間前ぐらいに僕のタスクは全て終了しました.
残りのUIの調整とパワポの作成はチームメンバーに任せて僕は多分寝てました(意識がない..
ふけくんきのうからのつかれでもうじゅうでんがない
— ふっけー (@fukke0906) 2019年6月23日
結果発表!!!
副賞(服賞)をいただきました!!
嬉しいです
最優秀賞のUnityのチームはすごかったです..
副賞(服賞) でぷろいTシャツ頂きました!!
— ふっけー (@fukke0906) 2019年6月23日
対戦ありがとうございました!!
次回のハッカソン参加はだいぶん後になると思いますが、次は最優秀賞狙います!!#ハックツハッカソン pic.twitter.com/cGHyCLHb6F
感想
今回のハッカソンで初めてVue.jsをまともに扱ったんですけどハッカソンは技術力の向上が見込めるのでとても良いと思いました.(Vue.js完全に理解した
また2dayということもあって かなりキツかったんですけど 良い思い出になりました.
今後も積極的に参加していきたいです!!
最後に,
今回作成したタスク管理アプリですhttps://t.co/5LqZEKjgfy
— ふっけー (@fukke0906) 2019年6月23日
Homeでタスクの確認
Formでタスクの追加
TaskSortで現在の気分の入力とタスクのソート、ソート結果の表示、タスクのactive化
TaskTableでactiveなタスクの確認、タスクの削除
ができます。(他にも...