広島を盛り上げる新しいサービスをつくろう！～レッドハッカソンひろしま～

広島を盛り上げる
新しいサービスを
つくろう！！
～～レッドハッカソン
ひろしま～～
09
2014/12/07 Sun

お約束
この発表は個人的な物で
仕事や所属等は全然関係
ありません。
誤記や間違い等あれば
ご指摘頂けると
助かります。
@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を使って作ろうとしてた

もっとシンプルに、軌道修正

フットツナアプリ画面イメージ

実は背景に文字を重ねてるだけ
横幅を調整するとそれっぽく見えますw
http://conoha.takata.tk/foottuna/

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.html
iPhone画面
index.html
メインメニュー
マッチング
match.html
match02.html
match03.html
施設予約
yoyaku.html
yoyaku02.html
yoyaku03.html
yoyaku04.html
yoyaku05.html
yoyaku06.html
yoyaku07.html
yoyaku08.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-RedHackthonHiroshima
http://www.youtube.com/playlist?list=PLTjS24JJwCA9OD3ydqcM-zRqomteQJmk8
第２回
20141206-RedHackthonHiroshima
http://www.youtube.com/playlist?list=PLTjS24JJwCA_c4hn8VStGZI5EF-g-JO8O

まとめ
●自分が使いたいものを作る、
情熱が大事
●モックアップでイメージ共有
●ハッカソンはスタート地点、
これからが勝負
●協力者募集！！(切望)
ご清聴ありがとうございました。

広島を盛り上げる新しいサービスをつくろう！～レッドハッカソンひろしま～

Recommandé

Recommandé

Contenu connexe

En vedette

En vedette (20)

Similaire à 広島を盛り上げる新しいサービスをつくろう！～レッドハッカソンひろしま～

Similaire à 広島を盛り上げる新しいサービスをつくろう！～レッドハッカソンひろしま～ (7)

Plus de Yoshitake Takata

Plus de Yoshitake Takata (17)