Embed Size (px)
DESCRIPTION
LT駆動開発 09 - 世界はLTに満ちている https://github.com/LTDD/Sessions/wiki/LT駆動開発09 2014/12/06 第2回 レッドハッカソンひろしま https://www.pref.hiroshima.lg.jp/site/innovation/hackathon1206.html
Citation preview
広島を盛り上げる広島を盛り上げる新しいサービスを新しいサービスを
つくろう！つくろう！
～レッドハッカソン～レッドハッカソンひろしま～ひろしま～
2014/12/07 Sun
09
お約束この発表は個人的な物で
仕事や所属等は全然関係
ありません。
誤記や間違い等あれば
ご指摘頂けると
助かります。
@takatayoshitake
自己紹介@takatayoshitake
広島を中心に勉強会に出没。オープンソースカンファレンス広島の
お手伝いやいろんな勉強会でUstとかやってます。
広島サーバユーザ友の会(仮称)や日本CloudStackユーザ会 広島支部等
も最近はじめました。
OSC広島の公式キャラクター「あきちゃん」
http://j.mp/osc14hiaki
会場のみなさんに質問
レッドハッカソンひろしまにレッドハッカソンひろしまについてついて((プレイベント含めプレイベント含め))
A. 3回参加B. 2回参加C. 1回参加 D. 不参加(知ってる)E. 知らない
Red Hackathon Hiroshima
（レッドハッカソンひろしま）
とは?
レッドハッカソンひろしまとは?
広島県と株式会社パソナテック（広島県業務委託受託事業者）主催の起業や新規ビジネス創出支援
Webアプリ開発イベント
平成26年 9月12日(金曜日) プレイベント アイディアソン
https://www.pref.hiroshima.lg.jp/site/innovation/hackathon.html
平成26年10月11日(土曜日) 第１回ハッカソン
https://www.pref.hiroshima.lg.jp/site/innovation/hackathon1011.html
平成26年12月 6日(土曜日) 第２回ハッカソン
https://www.pref.hiroshima.lg.jp/site/innovation/hackathon1206.html
参加履歴
プレイベント チーム「ヒバゴン(?)」
【ひろしまのUMAを探すアプリ】(・・・だったかな?)
金曜日だったので仕事が終わって途中から参加
第１回ハッカソン チーム「ヒロデンジャー」
【各電停にゆるキャラを配置して，広電による移動時間を楽しむアプリ】
主にマップデータ作成を担当
第２回ハッカソン チーム「サカツナ」
サービス名「フットツナ」
【フットサルチームをつなげるマッチング＆施設予約サービス】
HTMLでモックアップ作成
第２回ハッカソンの流れ●午前
●個人でアイディア出し●みんなのアイディアを見て投票●上位５チームと立候補(情熱枠)発表●各自が好きなアイディアのチームに参加
●午後
●チームに分かれて作成●夕方
●成果物発表＆審査結果発表●終了後
●懇親会
チーム「サカツナ」
当初のアイディアは
「フットサルを行う体育館の予約と
対戦相手のマッチアップサービス」
※個人的に勉強会の場所探しで県の施設予約を利用してたのとメンバーが少なくて困ってたようだったのと、具体的に自分が作りたいものが無かったのでなんとなく参加
チーム「サカツナ」
チーム名の由来
フットサルチームをつなげようと言う事で
「サッカー」と「つなげる」で「サカツナ」
※某有名サッカーゲームの略称に似てますが(汗
チームメンバー 3名チームメンバー
１人目 発案者 プランナー 社会人２年目(?)
– 会社でフットサルチームに入ってて会場や対戦相手探しで苦労している
２人目 プランナー 大学生
– 大学でフットサルのサークルに所属
– 同じ悩みを持っている
３人目 プランナー (自分)
– 40代の普通のサラリーマン
– サッカーとは無縁のおやじ
全員プランナーでデザイナーやエンジニア不在前途多難なスタート
※当日最初にデザイナー、エンジニア、プランナーより職種を選択
昼休憩ランチミーティング
会場近くでカレーを食べながら午後のハッカソンに向けてディスカッション、熱いサッカー談義が始まる。
主なサービス概要・施設予約・チーム情報登録・掲示板等による交流・対戦相手探し…他多数
（自分）この内容ならプログラム開発しなくても CMSでいけるのでは？
最初はCMSを使って作ろうとしてた
もっとシンプルに、軌道修正
フットツナ アプリ画面イメージ
実は背景に文字を重ねてるだけ
http://conoha.takata.tk/foottuna/
横幅を調整するとそれっぽく見えますw
iPhoneの枠はオフィスで作成
１．四角形、丸い
２．四角形
３．円
HTMLソース
<html><br/><br/><center><h1><img src="icon.png" width="64" hight="40" />フットツナ </h1><body background="bg.png"/><h2>メインページ</h2><form>日付<br/><select name="date"><option value="20141213">2014/12/13(土)</option><option value="20141214">2014/12/14(日)</option>(以下略)
HTML辞典を検索しつつ適当にコピペで作成
ファイル構成
first.htmliPhone画面
index.htmlメインメニュー
マッチングmatch.htmlmatch02.htmlmatch03.html
施設予約yoyaku.htmlyoyaku02.htmlyoyaku03.htmlyoyaku04.htmlyoyaku05.htmlyoyaku06.htmlyoyaku07.htmlyoyaku08.html
リンククリックで進むだけ
画像をクリックしたら進むだけ
yoyaku05.html yoyaku06.html yoyaku07.html
ポップアップは画像を表示してるだけ
<a href="match03.html"><img src="matchpopup.png" width="280" hight="320" /></a>
matchpopup.png
チーム「サカツナ」結果
オーディエンス賞
(参加者の投票)
・・・かなり下位
最優秀賞(審査員)
・・・なぜか選ばれました？
チームメンバーの情熱と、収益性はともかく他に比べて比較的実現しやすそうなところが評価されたのかな？
チームハッカソンで気づいた点
今回縁あって若い方と同じチームに参加させて頂き
色々と勉強になりました。
→ 一般ユーザーの声や目線は大事！
チーム内の意見例
● 「Webは面倒なのでアプリが良い」
モバイルファーストは本当だった！
● 「画面はシンプルで良い」
ついCMSとか実装とか先に考えてしまいがち。
昔の i-mode みたいにショボイ画面でも十分。
CMSから途中で軌道修正したのは正解でした。
ハッカソンの様子
第１回
20141011-RedHackthonHiroshimahttp://www.youtube.com/playlist?list=PLTjS24JJwCA9OD3ydqcM-zRqomteQJmk8
第２回
20141206-RedHackthonHiroshimahttp://www.youtube.com/playlist?list=PLTjS24JJwCA_c4hn8VStGZI5EF-g-JO8O
まとめ
●自分が使いたいものを作る、情熱が大事
●モックアップでイメージ共有●ハッカソンはスタート地点、これからが勝負
●協力者募集！！(切望)
ご清聴ありがとうございました。
![オリジナルのはし袋を作ろう！ · ・真ん中の四角形の上に作成した長方形をクリック し、[描画ツール 書式] をクリックしましょう。](https://img.pdfslide.tips/doc/110x75/5fd2bb80bdf1b719d717574e/fffeoei-fcoeeoeefff.jpg)
