Hack For Japan

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

24 回 今年の夏もアツかった！～石巻ハッカソン開催～

第● Hack For Japan スタッフ
鎌田 篤慎 KAMATA Shigenori@4niruddha
SAEKI koji
Twitter @widesilverz
高橋 憲一 TAKAHASHI Kenichi
Twitter @ken1_taka
Twitter佐伯 幸治

社会的課題をテクノロジで解決するためのコミュニティHack For Japan の活動をレポートする本連載。今回・次回は復興支援イベントとして宮城県石巻市で開催された石巻ハッカソンについて紹介します。

「震災10年後の2021年までに1,000人の開発者を石巻から生み出す」ことを目的に開催「震災 10 年後の 2021 年までに 1,000 人の開発者を石7 月 26 〜 28 日にわたって「第 2 回 石巻ハッカソてこのイベントをサポートしました。今回の石巻ン」が開催されました。このハッカソンは昨年に開ハッカソンでテーマとして掲げられていたのは「石催された第 1 回に続くイベントで、地元の若者たち巻の若者を触発させる」でした。 開発の経験を通しにアプリ開発を体験してもらいプログラムの楽しさて、あらゆる若者たちが彼ら自身の行動や考えに触を伝え、ゆくゆくは IT による地域活性化を担う人発される何かを手に入れてほしい というイトナブ

巻から生み出す」という理念のもと、Hack For
Japan のスタッフがプログラムを教える講師役とし材を生み出すという大きな目標があります。このイ

古山氏の熱い想いが込められていたように感じまし

ベントを主催しているのはイトナブ注 1 という石巻た（写真 1）。のコミュニティです。イトナブとは「IT」×「営む」×「学ぶ」の造語で、「石巻の次世代を担う若者を対象に Web デザインやソフトウェア開発を学ぶ拠点

石巻ハッカソンスタート！と機会を提供し、地域産業× IT という観点から雇7 月 26 日の午後からハッカソンがスタート。古用促進、職業訓練ができる環境づくりを目指してい山氏からは「石巻には若者たちが活躍できるフィーる」というのが活動の趣旨です。

ルドが少ないが、IT には無限の可能性がある。エン

今回はイトナブ主催者である古山隆幸氏を中心にジニアのスキルを学べば石巻から世界に挑戦できる石巻の若者たちが運営に携わり、古山氏がめざす人材が生まれると信じて邁進している。この 3 日間◆◆写真 1 「石巻を Hack してやる」気合い十分の参加者で何かを得てほしい。全国からプロのエンジニアが参加しているので、彼らと接してぜひ自分の学びにしてください」といった開催宣言が行われました。
続いて Hack For Japan スタッフ及川からは、ハッカソンそのものについて、Hack For Japan 活動の説明がありました。さらに各自の自己紹介を経て、それぞれの部門に分かれて石巻ハッカソンが開始となりました。ハッカソンは石巻工業高校を使って行われていたため、部門ごとに各教室に分かれての作業となります。教室内の黒板を使ってのアイデア出しなども見られ、学校での開催ということで、

注 1 http://itnav.jp/172 - Software Design第24回 今年の夏もアツかった！～石巻ハッカソン開催～

いつものハッカソンとは違った雰囲◆◆写真 2 IT Boot Camp 部門ではハンズオン形式で講習が行われた

気で行われ、3 日間をかけてそれぞれが最大の成果をめざして開発に取り組んでいきました。
今回の石巻ハッカソンでは通常のハッカソンとは違い、さまざまな人が参加できるようプログラムの習熟度別に「IT Boot camp 部門」、「チャレンジング部門」、「どや部門」と 3 部門を設け、同時並行で開催されました。
「IT Boot camp 部門」は、開発の経験がない人でも３日間でアプリを実装するところまで体験してもらうことを目的とした部門です。
「チャレンジング部門」
は、開発を学んでまだ日がこの部門では、本誌 2012 年 11 月号で紹介した昨浅い若者を対象にした部門です。この部門の参加者

年の石巻 Bootcamp と同様に「Corona SDK 注 2」といで注目されていたのは、昨年の IT Boot camp で初う、誰でも高度なスマートフォンアプリケーション

めて開発を経験した第 1 回石巻ハッカソンの卒業生が簡単に開発できる開発キットを採用しました。プや東北で定期的に開催されている開発講習イベント

ログラム経験がない、あるいは浅い中高生への教育「東北 TECH 道場」に通いスキルを着々と身に付けで利用実績があり、また評判も教育効果も非常に高てきた若者たちでした。

かったためです。

「どや部門」
は、開発経験者で仕事として携わってCorona SDK について改めて紹介しますと、サンいる、あるいはすでに何個もアプリを開発しているフランシスコの Corona Labs 社が開発、販売してなどといった高いスキルを持った方たちが参加するいる Android/iOS をターゲットとしたマルチプ部門です。
「石巻の若者たちに３日間で最高にすごラットフォームアプリケーション開発のためのフいものを作ってレベルの高さを見せつけ、触発すレームワーク、および SDK の総称です。Corona はる」という意味合いから「どや部門」と命名されまし

OpenGL ES のグラフィックス処理と Lua 言語によた。次からぞれぞれの部門について具体的に紹介しるスクリプティングにより、画面へのコンテンツ描ます。

初めてのプログラム！
IT Boot Camp 部門

写が処理の中心となるゲームなどの 2 次元アプリケーションの開発に適しています。これによりスマートフォンのタッチスクリーンを活かしたゲームアプリケーションが比較的容易に実装でき、初めて皆さんは初めてプログラムに触れて、動くものがプログラミングを経験する中高生にプログラムの楽作れたときの感動を覚えているでしょうか？ 「ITしさを知ってもらうにはうってつけの開発環境だと

Boot Camp 部門」は中高生を中心に、開発経験のな言えます。

い人でも 3 日間の開発を通して実際に動く Androidアプリを実装し、プログラムの楽しさを知ってもらう部門です（写真 2）。

プログラムが動くことに目を輝かせる生徒たち
IT Boot Camp 部門の講師陣は石巻工業高校より

注 2 http://www.coronalabs.com/

Dec. 2013 - 173

Hack For Japan

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

阿部吉信先生、Corona SDK Ambassador の◆◆写真 3 スマートフォンで動作を確認する参加者

小野哲生氏、Hack For Japan からは及川卓也と鎌田篤慎が参加しました。参加者は地元の高校生が中心でしたが、茨城から参加した中学生、大学生なども参加し、約 14 名のクラスとなりました。この部門では、阿部先生による講義からその講義に基づいた実装を行い、小野氏、及川、鎌田の 3 名で参加者の中高生をフォローしていくという流れでした。
初日は石巻ハッカソンの開会式の後、教室で講師陣の紹介を終えて、さっそく講義に入りました。まずは Corona SDK を動かすための開発環境の準備です。生徒の皆さんの席に配置されたパソコンへの Corona SDK のインス◆◆写真 4 D
 ropbox からスマートフォンへのインストールの説明図

トールのほか、開発に必要な各種環境をインストールしました。まだこうした作業に不慣れな生徒も多く、講師陣でひととおりの準備をサポートする必要がありましたが、中には自分の持ってきたノートパソコンに環境を構築しようとする意欲のある生徒もいました。
この部門では、実機で動作する Android アプリケーションを開発することを目的としていたため、参加する生徒全員に Android 端末が用意されました。自分のスマートフォンが Android の生徒は自分ており、順を追って実装していくと開発されるアプのものを、持っていない生徒はこの日のために寄贈

リケーションが拡張され、より動きのあるものがでされた Android 端末を利用しました（写真 3）。

きあがっていきます。生徒たちが自分のプログラム

ようやく全員の開発環境が整ったところで、今回の開発の導入として Corona Wikiのステップアップを体感する、その片鱗を講師としに掲載されていて実感しながら、初日は無事に終えました。

るサンプルコードを実装し、アプリ上での文字や図オーサリングツールを使ってリッチなゲームアプリにも挑戦

注3

形の描画と、それらにタッチして動作する物理エンジンの使い方を学んでもらいました。実装したプロ

IT Boot Camp 部門の 2 日目は、初日のサンプルグラムから生成した apk ファイルを Dropbox にアッ

コードの拡張を続けていたのですが、ひととおりのプロードし、各自の Android 端末に Dropbox 経由でサンプルコードの実装を終えた一部の生徒から、自インストールすると、自分で実装したプログラムが発的にオリジナルのプログラムを実装し、自身のアスマートフォンでタッチして動かせることに目を輝

プリケーションにサンプルにはない動きを盛り込むかせて喜ぶ生徒もいました（写真 4）。こうした感動生徒も現れはじめました。こうしたところからハッがプログラムを学ぶうえで一番大切なことです。

カーと呼ばれる人種は生まれるものですから、講師

実際、Corona Wiki のサンプルコードはよくできとして喜びを感じる一幕でもありました。

注 3 http://corona.xpf.io/index.php/%E3%83%A1%E3%82%A4%E3%83%B3%E3%83%9A%E3%83%BC%E3%82%B8
注 4 http://www.nerderer.com/Gumbo/

174 - Software Design第24回 今年の夏もアツかった！～石巻ハッカソン開催～

2 日目の後半は「Gumbo 注 4」 ◆◆写真 5 発表前、参加者のひとりが作ったアプリを全員で確認というオーサリングツールを使うことで、Gumbo と CoronaWiki のサンプル素材を利用した Angry Birds のようなよりリッチなアプリケーションの開発に取り組みはじめました。Corona Wiki に用意されているさまざまなキャラクターを含むサンプル素材は動作する成果物をより魅力的にしてくれ、こうした物理エンジンを活かしたゲームアプリケーションを初めて開発する者の学習意欲をさらに高めてくれる材料となりま◆◆写真 6 IT Boot Camp 部門生徒によるアプリの例

す。初めてプログラミングを経験した中高校生は、自分が実装したプログラムが Angry Birds のようなゲームになったことに、初日のサンプルコードが動いたとき以上に目を輝かせてるようでした。そういう意味で、今は私たち大人がプログラムを始めた若かりしころより、はるかに子供たちがプログラムを学ぶのに適した時代だと言えます。
しかし生徒によっては、まだ不慣れなキーボード入力作業と、まだ未学習な英語の単語がたくさん現れるコードを見ながらの開発では、スペルミスやサ作業も手慣れたものです（写真 5）。

ンプルコードの実装ミスなど、ちょっとしたところこうなってくるとプログラムは、がぜん楽しくでつまずいてしまいます。そうしたところを講師陣なっていきますし、講師としては しめしめ といっがフォローしつつ、脱落者が出ない形で 2 日目も無たところです。この IT Boot Camp が終わった後事に終えることができました。

2 日間の学びを活かして自主開発！

も、自分のパソコンを使ってプログラムにチャレンジする生徒も出てくるかな？ と予想していたところ、「家でもプログラムをしようと思いましたか？」

そして他部門の発表も控える最終日では、Coronaという質問に元気に手をあげる生徒の数も多く、3Wiki で公開されている素材やこれまでに学んだ知日間にわたった IT Boot Camp 部門の講師を務めた識を使い、生徒の自主性に任せて 2 日目に作った講師陣もやりがいを感じた瞬間でした。

ゲームアプリケーションに改良を加えていくスタイ

3 日目の成果発表で IT Boot Camp 部門の生徒たルで開発のフォローを行いました。初めてプログラちはどのようなアプリを披露するのでしょうか（写ムに触れた生徒たちも 3 日目となると、自分の発想真 6）!? 次号では他部門の紹介と合わせてその内容をプログラムに反映させることが少しずつできるよをお伝えします。sうになっていきます。また、自分が作った Androidアプリケーションを自分の端末にインストールする

Dec. 2013 - 175