Hack For Japan

エンジニアだからこそできる復興への一歩● Hack For Japan スタッフ
高橋 憲一 TAKAHASHI Kenichi
Twitter

第59@ken1_taka

小泉 勝志郎 KOIZUMI Katsushiro

回@koi_zoom1
OIKAWA takuya
Twitter @takoratta
Twitter

第 5 回 石巻ハッカソン

及川 卓也

今回は2016年7月29〜31日に開催された「石巻ハッカソン」についてレポートします。
2016 年の 7 月 29 日から 31 日にかけて宮城県石巻組とに分かれて進められました。

市で石巻ハッカソンが開催されました。2012 年から

Scratch 組は、子どもたちが描いたゲームのイラ毎年この時期に開催されており、今回で 5 回目となストから素材を作り出して Scratch で動くよう組みります。Hack For Japan からは 2012 年の第 1 回目上げていくということをやりました。講師を務めたに IT Bootcamp の講師として参加して以来、このイトナブの武山将己さんの「Scratch のやり方を教ハッカソンに参加を続けており、すでに夏の恒例イえるというよりは、Scratch を使って自分の中だけベントになっていると言えるでしょう。にあった想像物を創造する楽しさを経験してもらえ

このハッカソンは、東日本大震災で大きな被害をたらなと思ってやりました。
『5 回敵を倒したら進化受けた石巻で、若者が地元で活躍できる場所を作りさせたい！』とか『もっと難しくしたい！』とか、子たいという想いで活動を始めたイトナブ石巻

がどもたちが自分でいろいろカスタマイズしていく様主催しています。アプリ開発を通して若者が IT にを見ているのは個人的にも楽しかった」という言葉興味を持ったり、自分の夢を持つきっかけになってが印象的です。大人がやりなさいと言っても子どもほしいという趣旨で開催されており、若者と現役のの興味を引き出すことは難しく、やはり楽しいとエンジニアやデザイナーが一緒にチームを組むのが思って自主的に取り組んでもらうことが最初の一歩特徴です（参加する大人は若者にかっこいい背中をとして大切です。

注1

見せるという役目を負っています）。

Corona SDK 組には、プログラムの基礎を折り込

宮城県内はもちろん、東京や大阪など県外からもみつつ、2 日間でアプリ開発を学べるようにした教多くの方が集まり参加者の数は 100 名を超え、今年材が講師の中塩成海さんによってイベント前に用意は昨年までと比較して学生が多かったようです。

されていました。参加者の皆さんは事前に予習をし今年も 2 つの部門でスタートてきていたそうです。家に帰ってからもプログラミ

1 日目は午後から始まり、今年も IT Bootcamp 部

張りっぷりの Bootcamp だったようです。

門とハッカソン部門とに分かれて進められました。

IT Bootcamp 部門

ングを続け、さらには休み時間も惜しんで開発を続けるという、ハッカソン組にも勝るとも劣らない頑講師の中塩さんは、第 1 回目の開催当時は開催場所である石巻工業高校の生徒でした。そこでアプリ開発を体験し、現在はイトナブ石巻のエンジニアと「はじめてだけどアプリ開発をやってみたい！」として活躍しています。このイベントで学んだ人が、いう方のための部門で、講師がサポートすることでまた次の世代に伝えていくという良い循環が起きて3 日間でアプリを作ることができるようにします。

います。

今回はおもに小学生で構成される Scratch を使う組と、おもに高校生で構成される Corona SDK を使う

ハッカソン部門
ハッカソン部門は最初にアイデアピッチとチーム

注1

http://itnav.jp/

188 - Software Design

ビルドが行われました。今年のテーマは「青春」。会

第59 回 第 5 回 石巻ハッカソン

場のホワイトボードにはアイデアのヒントとなるよ

図 上 に あ る 聖 地 に ◆◆図 1 萌えキャラ GO タイトル

うに、参加者それぞれの「青春」について書かれた紙行くと萌えキャラがが張り出されました。最終的には 20 のチームがでFacebook メッセン

きて、最終日の発表会に向けて開発をスタートしまジャーで話しかけてした。

きてくれるというもハッカソン 2 日目のです。聖地を回ると好感度が高まり、会話も変わっていき2 日目からが本格的なハッカソンのスタートでます。女の子は集めす。初日は夜の懇親会から参加の方も多く、実際にるものではありませ手を動かす作業もここから始まります。

んので、名前の元ネ

朝から元気よくスタート！
前日の懇親会で夜遅くまで飲み歩いた影響で、皆タゲームとはコンセプトはだいぶ違います。青春ですから！

さん眠い目をこすりながら朝のガイダンスの始まり「聖地が生まれるには二次創作の盛り上がりが不です。ガイダンスが終わった後、「石巻ハッカソン可欠」というところから、イラストを投稿すると聖はこれがなきゃ始まらない」ということでイトナブ地が作れるようにもなっています。作った聖地に人のフィッシュこと津田恭平さんの掛け声。みんなでが来れば、さらに萌えキャラからの好感度が上がる「オー！」と拳を上げ元気よくスタートです。

しくみです。

製作風景の紹介
2 日目は製作作業の日。筆者（小泉）の視点から製作風景を紹介していきます。
今回のテーマは「青春」。プログラミングをする
我々には当然コンピュータに向き合うのが青春。と技術的には Swift、Facebook Messenger Platformを利用しています。ここに武山さんの素敵な絵が加わり、たのしいアプリになりました（残念ながら受賞は逃しました）。

石巻ハッカソン名物カレーはいえ、一般に青春という言葉からくるイメージは

石巻ハッカソン名物牛タンつくねカレー！

恋愛色が強いですよね。そこで、この 2 つを両立す

レー部隊は全国から志願してきた精鋭達。みなさんるべく「萌えキャラ GO」というどこかで聞いたよう舌鼓を打ちました。筆者（小泉）
はおかわりまでしてな名前のアプリを作成しました（図 1）。

います（写真 1）。石巻ハッカソンは技術系の人たち

筆者はプログラミングはできるけどデザインはできません。初日は懇親会からの参加だったので、危うくソロチームになりそうだったのですが、武山華カだけではなく、こういったバックアップによって成◆◆写真 1 牛タンつくねカレーを食べる筆者（右）さんがデザイナーに名乗りを上げてくれました。かわいい女性とチームを組めた時点で、「青春」というテーマ的には十分満足していたのですが、ここはハッカソンなのでチーム作成だけで満足してはいけません。ちゃんと「萌えキャラ GO」を二人三脚で作り上げました。
「萌えキャラ GO」は聖地（キャラにゆかりの地）で萌えキャラの女の子とのデートがコンセプト。地

Nov. 2016 - 189

Hack For Japan

エンジニアだからこそできる復興への一歩り立っているのが伝わりました。

発表会

以上に驚いたのが、発表時のプレゼンテーション能力です。プレゼンテーション資料の出来や話の上手さもさることながら、寸劇やショートコントを行うなど工夫を凝らしたチームが多かったことに感銘を最終日の発表会は昼過ぎから行われました。ラン受けました。寸劇やショートコントは演者が照れなチもそこそこに最後まで開発に勤しむチームもあれがらやっていたりすると、逆効果になることもありば、発表の準備を行うチームもありました。後でわます。しかし、今回の参加チームは普段何をやってかりましたが、今年は例年以上に発表に趣向を凝らいるのかと思うほど質の高い演技を見せてくれまし

したチームが多く、そのため事前のリハーサルなどた。アプリケーションやサービスのユースケースなが大事だったようです。

どを説明するには、無味乾燥なスライドでの発表よ

今年の審査員は Hack For Japan スタッフで毎年石巻ハッカソンに参加している筆者（及川）と株式会りも、一種のシミュレーションである寸劇はとても効果的でした。

社ゴーガの小山文彦氏の 2 名でした。

審査員特別賞

賞としては、最優秀賞、ハッカソン賞、審査員特別賞、青春賞、オール賞が用意されました。このう
ち、青春賞は参加者の 2 日目の昼食を用意してくれたカレー部の皆さんに、オール賞は IT Boot Camp参加者に贈られました。
受賞チームをご紹介する前に、今年の総評をお伝えします。

まずは審査員特別賞です。チーム DH が受賞しました。
チーム DH の作品は「Happy Days」。これは顔が写っている写真をアップロードすることで、その人物の青春ストーリーを勝手に作ってくれるものです（図 2）。

石巻ハッカソンは毎年参加しているので、毎回参しくみは、Microsoft Face API により顔を認識加チームのレベルが上がっていくのを目の当たりにし、人物の年齢を推定します。あらかじめ組み込んしていましたが、今年はさらにパワーアップしていである世代ごとのストーリーの文章と写真背景に、ました。機械学習や VR などの時流に乗った技術を切り出した顔部分の写真を合成します。画像合成に使うチームもありましたが、それも単に流行だからは、Poisson Image Editing 注 2 を用いています。というだけではなく、きちんと実現したいサービス

ヤバいで賞に適した技術を使っていました。技術レベルの高さ◆◆図 2 青春ストーリー作成例

ヤバいで賞は「ヤバい」という形容詞でほめたくなってしまうように、技術などで圧倒する作品に送られる賞です。このヤバいで賞が送られたのは、アダム＆フィッシュの「いつか見た夢」です。
チームは技術の力で恋を助けることを目的として、コミュニケーションに注目。テキストチャットの延長としてのビデオチャットが必ずしも盛り上がっていないことを、体験の共有が十分でないことと分析し、VR 空間を共有する Android アプリケーションを開発しました。
これは、お互いの顔は見せずに、ボイスチャット
注2

SIGGRAPH 2003 で発表された画像合成手法。

http://dl.acm.org/citation.cfm?id=882269

190 - Software Design第とともに自分の体験し ◆◆図 3 ボットの返信例

59 回 第 5 回 石巻ハッカソン◆◆図 4 替え歌の例ている VR 空間を相手に共有することができます。URL を共有することで相手はアプリケーションのダウンロードができ、その後、VR 動画の視聴を開始できます。顔の向きを変えることで VR 空間を移動する こ と が で き ま す が、それを完全に相手と同期できます。使われている技◆◆図 5 替え歌を作るアルゴリズム

術は、Google VR、Deep Link、Web RTC、GoogleCloud Platform、TypeScript などです。

ハッカソン賞実質 2 位であるハッカソン賞は「石巻生まれストリート育ち」に送られました。
チームが作ったのは、打ち込んだ単語の韻を踏んでくれる（ライミングしてくれる）ボットです（図3）。Android アプリケーションと Facebook メッセンジャー経由で利用できます。
Heroku と PHP を使って開発されており、ラップCommon Subsequence が用いられています（図 5）。のようなやりとりができるのが特徴です。このチー

このチームも作品と同じくらいに発表に趣向を凝ムは作品もともかく、映像をメインに使用する発表らしていました。替え歌を作るためにツイートが必時のプレゼンテーションが秀逸でした。

要なのですが、修学旅行などに行って友人同士で思最優秀賞最優秀賞を受賞したのは Ingress GO チームでした。
このチームはオンリーソングライター（青春謳歌斉唱）と題して、自分だけのテーマソングを作成してくれるアプリケーションを開発しました（図 4）。
複数のツイートから自動的によく知られている
J-POP の替え歌を作成します。

い出を作ることを「まず、青春します」と説明するな
ど、朴訥とした中に地味な面白さがあるプレゼンテーションが印象的でした。また、発表者が実際に作られた替え歌を歌ってみせたのですが、演技なのか本当なのか、とても上手いとは言えない歌声で、会場は笑いの渦に巻き込まれていました。

来年もあります！

使用している技術としては、Swift で書かれた iOS

これほどバリエーションに富む参加者が集まり、アプリケーションから Heroku 上の Ruby on Rails

多岐にわたる技術が活用されるハッカソンはなかなにツイートが送られ、そこで替え歌の歌詞が生成かないのではないかと思います。来年も 7 月末の開されます。そこでは形態素解析エンジン Mecab に催が計画されていますので、ぜひ石巻に足を運んでより品詞分解された後に、3 次元 dp 拡張 Longest参加されてみてはいかがでしょうか。sNov. 2016 - 191