Hack For Japan

エンジニアだからこそできる復興への一歩

36回 未来のエンジニアとの交流をはかった
石巻ハッカソン

第● Hack For Japan スタッフ
及川 卓也 OIKAWA Takuya@takoratta
TAKAHASHI Kenichi
Twitter @ken1_taka
鎌田 篤慎 KAMATA Shigenori
Twitter @4niruddha
Twitter高橋 憲一“東日本大震災に対し、自分たちの開発スキルを役立てたい”というエンジニアの声をもとに発足された「Hack For Japan」。今回は 7月に開催された「第 3 回 石巻ハッカソン」の模様をお届けします。

石巻のアツい夏

石巻街歩き2014 年 7 月 25 日から 27 日にかけて、石巻ハッカ

昨年までの石巻の外から参加された方から「もっソンが開催されました。今回で 3 回目となり、Hackと石巻を知りたい」という意見をいただいていたこ

For Japan にとっては毎年夏の恒例のイベントとなともあり、今年は開発に入る前の初日に石巻の街をりつつあります。今年は「現在にこだわれ、未来を歩いてみるという時間が設けられました。初日の会そだてろ。
」というテーマが掲げられ、石巻の内外か場であるイトナブ石巻注 1 を徒歩で出発し、2011 年 3ら多くの方が参加されました。東京からはもちろん

月 11 日の震災を体験したイトナブメンバーからどのこと、北は札幌、西は大阪からも集まってくださのくらいの高さまで津波が来たのかといった話を交いました。Hack For Japan では、石巻のこれからをえながら、石巻を一望できる日和山公園を目指しま担う若い世代に良い刺激を与えるべく毎年このイベした（写真 1）。

ントに協力しています。
◆◆写真 1 街歩きの様子

石巻は津波により大きな被害を受けた地域であり、瓦礫も片付けられた現在は更地のように見える場所もありますが、震災以前の写真と比べて見ると改めてその被害が大きかったことを思い知らされます（写真 2）。復興は進みつつありますが、まだまだこれからです。

小学生アプリ開発チャレンジ「石巻小学生アプリ開発チャレンジ（ISFC）」は、◆◆写真 2 日和山からの風景

小学生 1 人にコーチとして大人が 1 人ついてアプリを開発し、ダウンロード数を競うという取り組みです。この石巻ハッカソンでの審査結果発表を目標に、2014 年の 1 月末から続けられてきました。4 組のエントリーがあり、それぞれ Unity や Corona
SDK を使ってゲームアプリを開発し、Google PlayStore にて公開しました。
当日までのダウンロード数によって審査が行われ
注1

174 - Software Design

http://itnav.jp/

第36回 未来のエンジニアとの交流をはかった
石巻ハッカソン

た結果、優勝は八重樫 蓮君の「Paper Plain 注 2」に決意しておいたので、参加者は作りたいゲームの開発定しました。横スクロールのゲームで、紙飛行機をにすぐにとりかかれ、講師陣はそのフォローを行い操作して障害物をよけながらゴールを目指すのですました。そのため、初日からある程度の形になってが、シンプルさゆえに病み付きになります。

いる生徒も多く、イメージしているアプリケーショ

中高生にプログラムを学んでもらう「IT Boot Camp 部門」

ンの形に完成度を高めていく作業に時間をあてられスマートフォンも普及し、中高生の多くもそうしの修正を加えていく形でプログラムを学ぶ生徒が多たデバイスを持つようになりました。また、教育のかったのですが、今年は最初から自分のイメージす中でプログラミングを教えることの重要性も時代のるアプリケーションを開発できる生徒が多い印象をニーズと共に高まってきています。石巻ハッカソン

受けました。

たようでした。昨年は開発環境の構築に始まり、サンプルコードをそのまま実装して少しずつ自分なりでは通常のハッカソンのほかに、中高生に Androidとはいえ、まだキーボードの操作にも多少のぎこ

アプリの制作を通してプログラミングを学んでもらちなさがあるような、プログラムの学習を始めてかうための「IT Boot Camp 部門」といった部門を用意

ら日も浅い生徒達です。読者の皆さんもプログラムしています。

を始めて日が浅かった頃をイメージしていただくとこの部門は本誌 2012 年 11 月号、2013 年 12 月号でわかると思いますが、開発したいアプリケーションも紹介しましたが、プログラミング経験がない、あの形に近づけつつも、さまざまなところでつまずいるいは浅い中高生のために、教育分野での利用実績てしまうものです。スペルミスやコピーとペーストがあり、また評判も教育効果も非常に高い Coronaを誤ってしまいアプリケーションが動かなくなってという誰でも高度なスマートフォンアプリしまったり、英語で出力されるエラーメッセージをが簡単に開発できる開発キットを採用しています。

読まずに開発を続けてしまったりしてしまうところ

Corona SDK はゲームなどの 2 次元アプリケーショを、スペルの正しさを確認することや、キーボードンの開発に適したもので、スマートフォンのタッチの操作からエラーメッセージを読むことの大切さま

スクリーンを活かしたゲームが開発しやすくなってで講師がひとつひとつ丁寧に指導し、開発の中で出います。はじめてプログラムを経験するような中高てきた問題の解決を手助けすることで、短期間にも生に、プログラミングを楽しみながら学んでもらう生徒の成長が見てとれました。プログラムのエラーにはうってつけの開発環境だと言えます。

で詰まったところが解決したときの感動は、開発のSDK

注3

今年のIT Boot Camp部門の講師陣はCorona SDK経験がある方なら誰もが経験として持っていると思Ambassadorの小野哲生さんと山本直也さん、Hackいますし、その内容に違いこそあれ、人を成長させFor Japanからは鎌田が参加しました。今年の参加者ていく経験とも言えます。

は石巻工業高校の生徒が中心でしたが、イトナブ石◆◆写真 3 IT Boot Camp 部屋

巻で小学生の頃からプログラムを学び始め、現在では中学生となった子やプログラムを学びたい大人も参加して、約20名のクラスとなりました（写真3）。

アプリケーション開発の喜びを伝えたい
今回はあらかじめ Corona SDK の開発環境を用
注2
注3

https://play.google.com/store/apps/details?id=jp.
itnav.paperplain
http://www.coronalabs.com/

Dec. 2014 - 175

Hack For Japan

エンジニアだからこそできる復興への一歩

初日から開発に集中して、2 日目、3 日目と過ごす中で、後半に入るほど細部まで作り込んでいく生徒も現れ、石巻ハッカソン IT Boot Camp 部門も熱気ハッカソン一般部門を帯びてきました。今回は Android アプリというこ石巻ハッカソンの一般部門は、多くの人が馴染みともあり実機での検証も行ったのですが、先に述べの通常のハッカソンと同じです。テーマはとくに設たとおり、昨今の中高生が持つ携帯はスマートフォけられていません。Web サイト制作でも、スマホアンが主流ということもあって、多くの生徒が自分のプリでも、ハードウェアとの連携でも構いません。

Android 端末に、作ったアプリケーションをインスまた、制作物の用途もとくに指定されていません。

トールしました。これは筆者が中高生だった頃と比ただ、石巻という場所柄、震災復興や観光などに絡較すると大きな環境の変化でもあり、身近にプログむものが多かったように思います。やはり、せっかラムを学ぶ環境がある時代になったと感じさせる一く石巻に来ているのだから、それにちなんだものを幕でもありました。と考えたのかもしれません。

最終日の発表会の場では、生徒全員が自分の作っプロジェクトのアイデアはオンラインで事前に募集たアプリケーションがどのようなものかを短い時間されていましたが、初日の午後にアイデアピッチの時で矢継ぎ早に発表するというスタイルをとりまし間が設けられました。オンラインで登録していた人た。自信を持って発表する子もいれば、自信なさげも、その場で急遽用意する人もいましたが、自分のプな子もいましたが、第 1 回 石巻ハッカソンの ITロジェクトにぜひ参加してほしいと全員熱く訴えかけ

Boot Camp 部門に参加した中塩成海くんは、そこました。脱線しますが、アイデアピッチの会場は新しでの経験でプログラムを学ぶことの楽しさに目覚

いイトナブのオフィスだったのですが、真夏だったこめ、石巻ハッカソンの後もイトナブ石巻でプログラとと多くの人が同じ場所にいたこともあり、会場内もムを学び、今では後輩にプログラムを教える立場に大変暑かったことを付け加えておきます。室外で風なっています。今回の石巻ハッカソンの IT Bootにあたったほうが涼しかったほどです。

Camp 部門に参加した彼らが成長し、プログラムの楽しさに目覚めることを願ってやみません。

実質的な開発は 2 日目から開始されました。各チームは会場となった石巻工業高校の教室に分かれて開発を行いました。初日のアイデアピッチにより大川小の思い出を写真で組まれたチームが多かったようですが、「チームぼっち」とか「ぼっちソン」などと冗談めかして言う

石巻工業高校生の参加者の中には、IT Boot Campような個人プロジェクトもありました。チーム構成の部屋の中に混じって特別に編成されたチームが 1も学生と社会人、デザイナーとエンジニアなど、さつありました。2011 年 3 月 11 日の津波発生時に避難まざまな組み合わせが見られ、各プロジェクトチーが間に合わず、多くの生徒が犠牲となった石巻市のムごとに特徴が見られました。初日が金曜日という大川小学校の出身者の 3 人で構成されたチームでこともあり、2 日目から参加の人も多かったのですす。彼らは東北 TECH 道場注 4 で導入時のハンズオが、全員どこかのチームにすんなりと合流できたよン教材として使用している「未来へのキオク 」のうです（写真 4）。

注5

検索 API にアクセスするサンプルを活用して、大おなじみとなった昼のカレーなどでチームの団結川小学校付近の震災前の写真を見られるようにするを強めながら、初日は過ぎていきます。最初はお喋ための Android アプリの開発に挑戦しました。

りの多かったチームもだんだんと口数が少なくなるなど、本格的に開発が進みます。会場でのハックタ

注4
注5

http://www.tohokutechdojo.org/
https://www.miraikioku.com/

176 - Software Design

イムは夕方の 6 時で終了でしたが、その後も宿泊施設やイトナブなどで開発を続けたチームが多くあり

第36回 未来のエンジニアとの交流をはかった
石巻ハッカソン

ました。宿泊施設としては、昨年に引き続き公民館た。開発者はチームビーコン。高校生と社会人からを貸し出していただいたので、ここに泊まった人は成るチームです。このアプリを持ってビーコンに近数班に分かれ銭湯や食事に行き、そして戻って開発付くと、展示物の説明が表示され、説明を読むことをしていたようです。

でスタンプがゲットできます。展示物の作成風景な成果発表
最終日もひたすら開発を行い、午後 1 時からは発ども動画で見られ、スタンプを集めると文化祭で使えるクーポンが入手できるなど、そのまま商店街などでも使えるのではないかというアプリでした。

表会です。小学生や IT Boot Camp の中高生についそして、ハッカソンの優勝チームはチームぼっちでハッカソン部門の発表となりましたが、小学生や14。作品は「デンコちゃん」。開発者の浅井渉さん

IT Boot Camp の発表が素晴らしく、大学生や社会は「情弱という言葉が大嫌い」と言い、情報を必要と人のほうがむしろ緊張しているように見えました。

する人に届けてこそテクノロジの意味があると、イ

作品は音楽を題材にしたものから地図系のもの、ンターネットを使えない人のために電話応答システ

そして本誌 2014 年 9 月号でも紹介した「Race forムを作りました。読み上げられるメッセージやフ」でスタートしたプロジェクトを進めローは事前に Evernote で簡単に作成することがでたものなど、まさに世にあるソフトウェアを凝縮しき、音声読み上げも Evernote の機能を用います。

たかのようなさまざまなものが発表されました。こ

災害時の情報提供や投票システムなどの応用が可能

こでは入賞した作品を紹介しましょう。

そうです。

Resilience

注6

まずは、Evernote 社から贈られる Evernote 賞。

ハッカソン優勝者の浅井さんには、東京と石巻のEvernote API を活用した作品に贈られましたが、往復チケットが賞品として授与されました（写真 5）。

第 2 位が OCR と連携した単語帳アプリ。未完成で福島県会津若松に在住の浅井さんにはちょっと微妙はありましたが、これからに期待との言葉が開発しな感じの賞品となっていましたが、そこは元気よた東北 TECH 道場チームに贈られました。第 1 位はく、
「東京に行く際に往復とも石巻を経由するよう釣りに行く際に必要な情報を入手でき、Evernote とにします」と話し、会場の笑いを誘っていました。

連携して音声メモも可能にしたチームフィッシュの「ツリーク」へ。
次に、39works 注 7 からの 39works 賞が贈られたの来年も開催

は文化祭で行うスタンプラリーを iBeacon で行うも来年（2015 年）も 7 月 24 日から 26 日までの開催にの。開発途中に廊下で入念にテストを行っていまし

向けて、すでにイトナブ石巻のチームは始動してい注6
注7

世界銀行主催の防災・減災ハッカソン。
http://www.39works.net/◆◆写真 4 一般部門の一部屋ます。本誌を購読されている腕に覚えのあるエンジニアの皆さまの参加をお待ちしております！ s◆◆写真 5 浅井さんの受賞目録授与

Dec. 2014 - 177