Hack For
Japan+はCodefor Japan
あなた社会に役立つのスキル

あなたのスキルは社会に役立つ
2011年3月11日の東日本大震災発生の直後に発足したHack For Japanと「市民が主体となって自分たちの街の課題を技術で解決するコミュニティ作り支援」を掲げる
Code for Japanのメンバーから、防災や減災、地域の活性化や課題解決、そして人材育成など、「エンジニアができる社会貢献」をテーマにした記事をお届けします。

第 83 回

第 7 回 石巻ハッカソン● Hack For Japan スタッフ 高橋 憲一（たかはし けんいち）

Twitter

今回で 7 回目となる石巻ハッカソンが、今年は 8月の 17 日から 19 日の 3 日間に渡り開催されました。
このハッカソンを主催しているのは、2011 年 3 月の@ken1_taka

テーマはハッカソン

東日本大震災で大きな被害を受けた宮城県石巻市

これまでの石巻ハッカソンでは、海、青春、ひみで、IT を新しい産業として盛り上げていくために設

つ道具、等々ほかのハッカソンではあまり聞かない

立されたイトナブ石巻 。開発を通して若者が ITような、参加者の度肝を抜くテーマが設定されてきに興味を持ったり、自分の夢を持つきっかけになっましたが、今回のテーマは「ハッカソン」でした。てほしいという趣旨で 2012 年より毎年開催されてハッカソンのテーマがハッカソン !? と疑問を持たいます。

れる方も多いと思います。この命名には原点回帰の

注1

本連載でも夏の恒例イベントとなっていますが、意味がこめられており、普段作らないようなものを今回はこれまでと異なることがいくつかありまし作ってみたり、新しい出会いの中でスキルを高めた。1 つは開催時期で、例年は 7 月末でしたが、テス合ったり触発し合うという、ハッカソン本来の場でト期間と重なるため大学生が参加しづらいという事あってほしいという意図だとのことです。

情を考慮して 8 月の開催となりました。その結果、今年は GitHub もスポンサーとして名を連ねてい実際に学生の参加者が増えたようです。もう 1 つはるということからも、年々注目度が上がっているこ会場で、これまでの石巻工業高校ではなく、石巻市とがわかります。の中心部数ヵ所を会場としたことで街全体が会場となった感があります（写真 1 注 2）
。

注1
注2

http://itnav.jp/

2 日目の夜には石巻ハッカソン名物のカレーが振本記事の全写真撮影 イトナブ石巻 佐藤明穂▼▼写真 1 点在する会場とおすすめラン
チスポットを示した地図

恒例のカレーる舞われました（写真 2）。毎回カレーの提供に並々▼▼写真 2 金華さばカレーを食べる人たちならぬ情熱が注ぎ込まれており、「開発はできないけれどカレー作るの手伝います」と、カレーを作るヘルプのためだけに参加する人もいるほどです（写真 3）。今年
は地元の名物である金華さば注 3
注3

168 - Software Design

金華さば：宮城県の金華山周辺の海域で穫れるさば。脂の乗りに定評があります。

第 83 回

第 7 回 石巻ハッカソンが入っているカレーで、「旨味が強くまろやかで、を使って開発が進められました。CSS のフレームほかでは食べられない記憶に残るもの（イトナブ石ワークである Buluma は 3 日間で実践レベルに近い巻 細谷＆中塩談）」でした。

アプリを作るために、デザイン面での初心者の負担を軽減する目的で使われました。

各部門と受賞作品

7 人の参加者からの発表があり、優秀賞が贈られた 2 名の作品を紹介します。

#myoctocat 賞●モンストの攻撃力の実数値を計算するツール●

ハッカソンと並行して、スポンサーの GitHub の高校2年生の作品。確定数など細かい計算を電卓でキャラクターであるOctocatのイラストコンテストもやるのが面倒だから作成したということで、ステー開催され、会場だけでなくTwitterからの応募も受けタス、攻撃力を加算する要素、倍率、などの要素を付けていました。賞は石巻の名産を合体させてOcto入れていくと実数値が出るようになっています。
少数点以下の値が画面では表示されないため、そさんの作品に贈られました。写真 4 のようにホヤやこを切り捨てるのか、もしくは切り上げるのかとい牡蠣など、石巻の海産物が組み合わされています。

うところで苦労したとのことです。審査員の方からは「データの取り込みが理論的に作られているし、イトナブ団部門モンストが好きな度合いが伝わってきました」といイトナブが行っている小学生向けのワークショッ

うコメントがありました。

プ に 通 っ て い る 小 学1年 生 か ら5年 生 の5人 が、Scratchを使って自分が作りたいものを作りました。

●情報を追加できる地図ツール●

ガチャガチャ、猫が龍を倒すシューティングゲーム、

大学 4 年生の作品。文系の学部でプログラミング

恐竜を倒すシューティングゲーム、銀河大冒険といの経験はないものの、卒業論文でアプリを作りた

う物語、白雪姫の物語などさまざまなものがあり、かったので勉強に来たそうです。所属する研究室で全員にナイスチャレンジ賞が贈られました（写真5）。

は地図を媒体に研究しているので、オープンストリートマップを使用した地図ツールを作ったという

IT Bootcamp 部門

ことです。

高校生以上のプログラミング初心者のために用意ハッカソンを終えた時点で、縮尺を変えるボタされたコースです。2012 年の第 1 回目のときの IT

ン、現在地に移動するボタン、ピンを立てるボタン

Bootcamp では参加者の 1 人だった中塩成海さん監が実装されていました。卒業までに検索機能などの修のもと、HTML と JavaScript、そして Buluma 注 4

ほかの機能も追加して、誰でも編集ができる Wiki

Hack For Japan + Code for Japan

cat とコラボしたところが評価され、Natsumi Omoriのような地図編集ツールを作るのが目標とのことで
注4

https://bulma.io/▼▼写真 3 カレー作成班のみなさんす。
▼▼写真 4 #myoctocat 賞受賞作品▼▼写真 5 小学生の発表

Nov. 2018 - 169あなたのスキルは社会に役立つを聞くと教えてくれるだけでなく、LINE を呼び出

ハッカソン部門

すと LINE で次の手順を送ってくれて自動でスク

総勢 20 のチームからの発表がありましたが、ここでは賞を受賞したチームの作品を紹介します。

ロールされるようにもなっています。
掃除や修理、農業など、料理以外でも手がふさがる作業に対応可能とのことで、審査員からは「手が●octocat●賞

汚れていて操作できないというシーンは結構あると発表中に octocat や GitHub への愛がさまざまな形で出されたことに応えて急遽用意された賞で、魚市ころで、チャットの使い方も斬新」というコメントがありました。

場見学会チームに贈られました。このチームは実際に魚市場にいって海鮮丼を食べてきたそうです。

●オムロン賞●魚市場をハックしようという漠然としたテーマか環境センサーを提供していただいたオムロンによら、漁協の課題解決を目指して「水揚げ情報アプリ」

り設けられた賞で、Green チームに贈られました。

を作成したとのことです。魚市場のホームページに

作品名は「マキスポット」という、石巻を満喫してある定休情報と入船情報をもとにスマートスピーもらうためのサービスです。環境センサーを用いてカーの Clova が魚市場の休日情報を教えてくれるよ

石巻に来た人の好みのお店を紹介するもので、環境うになっており、営業していると 5 本の足の 1 本が情報も一緒に検索してお店を調べられるようになっ光ります。デバイスの見た目として、田代島のています。環境センサーとインターネットに中継す

猫と石巻のタコを組み合わせると偶然にも Octocat

るラズパイ、サーバを経由してお店の検索をするしのビジュアルに近づいたそうです（写真 6）

くみで、質問項目を選択して、データと照らし合わ

注5

今後の展望として、海産物の旬を聞いたり、盛況せてお勧めの場所を紹介してくれます。現時点ではぶりを数値化して教えてくれるようにしたりするな

何をしてもローソンが出てくる状態とのことです

ど、観光案内スポットに置いて話しかけてもらえるが、審査員からの講評では「環境センサー利用は 5ようにしたいとのことです。

チームあったが、7 種類のセンサーをたくさん使おうという意欲」を買われての受賞となりました。

●LINE●賞
LINE BOOT AWARDS がパートナーとなっていたことから設けられた賞で、「おいけ」という東北大生のチームに贈られました。

●エクスペクト賞●
完成には及ばなかったものの今後に期待できる作品に贈られる賞で、「ふぉるとん」チームが受賞しま

このチームの作品は Tebura という名前で、レシした。

ピをみながら料理したいけれど手が汚れたり濡れた

作品名も「ふぉるとん」、ハッカソンの失敗談を共りするので、手ぶらでスマホを扱えるサービスを作有して勇気付ける Web アプリで、「ハッカソンは出成しました。Google Home に次に何をすればいいかることに価値がある」という開発者の強い思いのも

注5

石巻市に属する島で、猫がたくさんいる島として有名。

◀◀写真 6 水揚げ 情報をお知らせするデバイスとで、初めて参加するときのさまざまな不安を解消したいと考えて開発されました。失敗談を共有するため、あるあるボタンなどで参考になる記事を可視化してタグ付け機能で分類できるようになっており、fault+ 豚で「ふぉるとん」という名前から豚をテーマにかわいく表現されています。
当日は AWS のデプロイがうまくいかず公開できなかったため、発表会ではローカルで動かしたとの170 - Software Design

第 83 回

第 7 回 石巻ハッカソン
ことです。審査員のコメントでは「ハッカソンの失たものの概要、使用した技術を見られるようになっ敗談を集めるということで参加意欲を後押しする」ていることで、審査員にとっても審査を進める際に点を評価されての受賞です。

有用なものとなります。

●やばいで賞●

うになっており、技術としては Vue.js と Firebase

ログインは GitHub アカウントを使ってできるよ
技術力に感動し、多くの人を触発したチームに贈を使用したとのことです。

られる賞で、Arai チームが受賞しました。作品は審査員からは「実際にハッカソンをガンガンやっ

AR、AI、位置情報を活用したアプリで、Vue.jsとFireている人たちにとても役立つので、今すぐにでもリbase でメモを登録し、GPS で位置を取得、MLKit でリースしてほしい」というコメントがありました。

見えているものを認識、ARCore でメモを AR 表示するものになっています。たとえば、イトナブにいること（位置）、カメラに写っているものがパソコン

最後に今回の傾向として、スマートスピーカーや AR をメモを表示できます。公園や街中での謎解きゲーム活用した作品が多かったのが印象的です。最後にイなどにも活用できるのではないかとのことです。

トナブ石巻の代表である古山隆行さんからは「若者普段触っていない技術に触れてみることを目的にたちは大人たちの熱い背中を見て、大人たちは若者さまざまなものを組み合わせてみたとのことです

たちの進化を間近で感じて、とてもすばらしい開発が、審査員からは「技術スタックとアイデアがマッイベントとして終了することができました」というチしていて、てんこもりにもかかわらず完成度が高総評がありました。

かった」というコメントがありました。

最終的な参加者数はすべての部門とカレー調理のお手伝い、審査員や見学の方も合わせると 202 名に●グランプリとオーディエンス賞●なりました。小学校 1 年生から社会人まで、そしてグランプリは「ハッケージ」チームに贈られ、この石巻市がある宮城県内だけにとどまらず、東京はもチームは同時に会場投票によるオーディエンス賞もちろん北は北海道から西は山口県の周南市からと、受賞しました。ハッピー＋ハッカソン＋パッケージ

これほどまでに幅広い年齢と地域からの参加者が集を合わせてハッケージという作品名になっており、まるハッカソンはそうそうないと思います。石巻

ハッカソンへの参加、運営の際のさまざまな課題のハッカソンは来年も 8 月に開催される予定です。多解決を目的とするものになっています。

様な人たちとチームを組むことができるこのハッカ

まずチームビルディングの際に、出されたアイデアとその代表者を見られるようにすることで、数が多くてどのようなチームがあったか、代表者は誰だったか、ということを把握しきれないという課題を解決できます。

Hack For Japan + Code for Japanであること（認識）、という組み合わせに関連付けたソンにぜひ参加してみませんか？注 6 s
注6twitter で @itnavishinomaki をフォローしていただければ、開催日などの情報を知ることができます。

▼▼写真 7 最後の集合写真

チームに参加したいメンバーが集まったあとは、各自が自分の所属やスキル、やりたい役割を入力して共有することで役割分担をスムーズに進めることができます。同時に、運営側も各チームがどのようなことに取り組んでいて、どのようなメンバー構成になっているか把握しやすくなります。
そして最後の成果発表の際には、各チームが作っNov. 2018 - 171