あなたのスキルは社会に役立つ

あなたのスキルは社会に役立つ
エンジニアだからできる社会貢献

エンジニアだからできる社会貢献

東日本大震災の発生直後に発足したHack For Japanや「市民が主体となって自分たちの街の課題を技術で解決するコミュニティ作り支援」を掲げるCode for Japanのメンバーを始めとして、日本各地で技術を活用した社会貢献活動が行われています。本連載では、防災や減災、地域の活性化や課題解決、そして人材育成など、「エンジニアだからできる社会貢献」の取り組みをお届けします。

第 132 回

石巻ハッカソン2022● Tably 株式会社 及川 卓也（おいかわ たくや） Twitter @takoratta● Hack For Japan 冴木 元（さえき はじめ） Twitter @cypher512●東京国際工科専門職大学 高橋 憲一（たかはし けんいち） Twitter @ken1_taka

開催経緯などた。3 連休となった初日はあいにくの曇天（さらに、翌日は雨になってしまいました）でしたが、オープニング会場となったみやぎ生協文化会館「アイトピ石巻ハッカソンは宮城県石巻市に本拠を置くイトア」には開始時間近くなると次から次に参加者が集ナブ石巻が開催するハッカソンです。イトナブは東まってきます。石巻ハッカソンが目指しているとお日本大震災の起きた翌年の 2012 年に、「震災 10 年

り、若者を中心としつつも老若男女が集まっていま後の 2021 年までに、石巻から 1,000 人の IT 技術者す。遠くは神奈川県横須賀市や関西から来ていた人を育成する」ことを目的に活動を開始しています。

もいたようです。

震災からすでに 10 年が過ぎましたが、当初の目的

石巻ハッカソンは毎年テーマを決めています。今どおり、多くの若者がイトナブの活動に参加した石年のテーマは「爆発」。これには新型コロナウイルス

巻や日本各地から巣立っていっています。

での自粛で多くの人が抱えていた閉塞感や葛藤など

石巻ハッカソンは 2012 年から毎年開催されていを一気に爆発させ、自分を解き放とうという想いがましたが、このイベントもやはり新型コロナウイル込められています。オープニングイベントではこのスの影響を受け、2020 年と 2021 年の 2 年は開催の「爆発」というテーマに沿ったビデオが上映され、自粛を余儀なくされました。2022 年の今年は新型コいっきに会場が和みました。

ロナウイルス感染状況も収まりつつあるということ

ビデオを含めてイベント趣旨やスケジュールなどで、感染対策を十分に施したうえで 3 年ぶりの開催が主催者から説明された後は、チームビルドです。

が可能となりました。

爆発についてのアイデアがある人が短いピッチを行

ハッカソンイベントは多く開催されていますが、い仲間を集めます。全部で 14 のアイデアが披露さ

石巻ハッカソンの特徴は教育にあります。成長を目れました。その後、会場内で離れて立つピッチした

指す若者は経験者である大人から実践に基づく技術人のもとに、そのピッチに興味を持つ人が集まりまや開発への姿勢を学び、また大人も若者から斬新なす。人が集まらないアイデアや似たアイデアなど発想などを学ぶことができます。つまり、お互いがは、途中でアイデアが合体され、共同で開発するこ刺激を与え合うことができる場となっています。とにもなりました（写真 1）。結果、良い感じにチー

オープニングイベント

ムが構成され、いよいよ開発のスタートです。
開発は会場を石巻市かわまち交流センター かわべいに移して行います。ここから日曜日のお昼まで

今年の石巻ハッカソンは 9 月 23 日（金曜日）午後開発に集中することになります。ところで、このかから 9 月 25 日（日曜日）までの 3 日間で行われまし

わべいは旧北上川沿いに作られた市の施設です。

168 - Software Design

第 132 回
石巻ハッカソン 2022

2011 年から復興支援のために頻繁に石巻を訪れていた筆者（及川）は震災直後の川沿いの状況を知っているだけに、すっかり復興した様子にしばし感慨に浸ってしまいました。

IT Bootcamp 部門「石巻ハッカソン」には、通常の意味でのハッカソ

夜はこのかわべいに隣接するいしのまき元気市場

ン部門だけでなく、初心者向けに講師が作り方を教の元気食堂で懇親会です。川を眺めることのできるえる IT Bootcamp 部門もあります。今回はイトナオープンテラスで密を避けられるので、感染対策にブの金光宏さんがこの企画を主催され、「Web アプも最適です。ここで 2 時間ほど、中学生からアクリケーションをつくってみよう」と題したワーク

ティブシニアがソフトドリンクやアルコール片ショップが実施されました。一般参加のハッカソン

手に語り合います。筆者もプログラミングを学ぶ中部門と異なり、こちらの IT Bootcamp 部門では、

注1

学生から将来のキャリアについて相談されたりしま生徒さんの年齢層は中高生が中心となります。筆者

した。

（冴木）は数年前からこの IT Bootcamp 部門のお手お昼のカレー伝いをしており、今年もワークショップに参加して、講師の金光さんと一緒に生徒さんたちの開発の手助けを行いました。

2 日目はお昼ご飯としてカレーが振る舞われるの初日は、金光さんが作成された「Web Sample」とが恒例になっており、「今年はどんなカレーだろう」

題した教材を使って Web アプリの基本的な作り方と楽しみにしている方も多いです。開発はできないを 学 ん で い き ま す。 教 材 に は、HTML・CSS・けれどカレー作りを手伝いますと参加する方もい

JavaScript のごく基本的な使い方が解説してありまて、石巻にゆかりのある食材を具材とするなど毎回す。生徒さんたちの中には自分で教材を読んでどん趣向を凝らしたものになっています。前回はホヤをどん進めてしまう人もいます。一方、思わぬところ使ったシーフードカレーでしたが今回は牛タンつくでつまずいてしまって先に進めない人たちもちらほねカレーで、さらに今回のハッカソンテーマであるら見かけます。そういう生徒さんたちは、筆者も含爆発に合わせてお好みで爆発的な辛さにできるソーめた講師陣がサポートにあたります。

スも用意されていました。
注 1 仕事や趣味に意欲的で、アクティブに活動する 65 歳～ 75 歳の前期高齢者のこと。

2 日目からは、自分の作りたい Web アプリを作るフェーズに移ります。とはいえ何も参考にせずに自分の作りたいものを作るのは初心者にはなかなか困難ですので、Web からサンプルになりそうなものを◆写真 1 アイデアピッチの様子検索して取ってきてもらうことにしました。生徒さんが自分の作りたい題材のサンプルを取ってきたう
えで、それを今年の「石巻ハッカソン」のテーマである「爆発」に合わせて改造する方針で進めてもらいます。もぐら叩き、オセロ、将棋など、ゲームが題材となる生徒さんが多かったようです。
ところで、Web から取ってこられるサンプルコー
ドというものは、一般にきちんと検証されたものが上がっているとは限らず、挙動が怪しいものも多いです。そのため筆者（冴木）も生徒さんたちにあらかじめ、「Web にあるサンプルは間違っているものもあるので注意してくださいね〜」と伝えてはいたの

Dec. 2022 - 169あなたのスキルは社会に役立つ

エンジニアだからできる社会貢献ですが、自分が勧めたサンプルが本当に間違っていろ思いがけず地元の大学生やイトナブの若手メンたときは少し焦りました。ブラウザのデバッガを立バー、山形県酒田市の IT 企業の社会人、そして第ち上げて JavaScript のエラーを調べ、何とか修正1 回目の石巻ハッカソンで出会い、その後の東北できたときはホッとしました。こんなふうに、講師TECH 道場を通して成長を見守ってきた津田恭平も手探りでやっているのはご愛嬌ですかね。

さん（初めて会ったときは大学生でしたが現在は東３日目は作った作品の発表です。ハッカソン部門

京の大手 IT 企業で活躍）と一緒に開発ができること

では、各チーム用のブースが設置され、その中にになりました。このように世代を超えて学生と現役

IT Bootcamp 部門用のブースもありました。そこにエンジニアがひとつのチームで取り組むことができ生徒さん各自に割り当てられていたノート PC を配るのもこのハッカソンの醍醐味です。

置して、作った作品を表示するブラウザを立ち上げチームのテーブルに着いて早々、「Web でやっててもらって準備完了です。その後はノート PC だけみようとしているのですがカメラビューが開かなくブースに置いて、生徒さんたちにはほかの展示を見て……」「もしかして http でやってない？ https にに出払ってもらいました（写真 2）。
「石巻ハッカソしないとセキュリティに引っかかってカメラビューン」の展示を見に来た観客の方々に自由に作品をが開けないんです」という会話から始まりました。

触ってもらうためです。今年の「石巻ハッカソン」
でそこで筆者（高橋）は今回、若者の頭の中でまだもは川べりの道路脇にテントを張って展示をしたた

やっとしていることを仕様として具現化してチームめ、通りがかりの方々にも展示を見ていただけてなに共有することのお手伝いをしたり、AR を実現すかなかの盛況となりました。

るしくみとしてのライブラリの候補を挙げたり、ARハッカソン部門のマーカーを複数用意するときに注意するべきことを挙げたりなど、みんなの後方支援に徹しました。
アイデアをまとめていくと最終日の成果展示会場

筆者（高橋）は都合により 2 日目からの参加となりを AR でオブジェクトを表示して飾り付けたい、クました。1 日目のチームビルディングの場にいるこイズと結び付けたらみんなに楽しんでもらえるのでとができなかったため、「今からメンバーを募集すはないか、といった方向になりました。会場の特定ることはできないし、途中からどこかのチームに入の場所と AR で出すオブジェクトを関連付ける方法るのも迷惑になるかな……」と心配しながら石巻には部屋をスキャンすることも検討しましたが、シン向かったところ、AR（筆者の得意分野）を使おうとプルにマーカーをあちこちに貼り付けるということしているチームに迎え入れてもらえることができまになりました。アプリと Web ページのどちらで実した。最悪 1 人チームでの開発を覚悟していたとこ

現するか悩む場面もありましたが、会場にいる人た◆写真 2 IT Bootcamp 部門のブース

ちに自分のスマホですぐに使ってもらえるようWeb ページでやることにしました。また、誰でも取り組みやすいように、AR を実現するしくみとして A-Frame 注 2 と AR.js 注 3 を使うことにしました。
AR で表示するオブジェクトはイトナブの若手メンバーである八重樫連さんが紹介してくれた
MagicaVoxel 注 4 というボクセルアートを作成することができるソフトウェアで何人かで分担して作成しまし注 2 https://aframe.io/

注 3 https://ar-js-org.github.io/AR.js-Docs/
注 4 https://ephtracy.github.io/

170 - Software Design

第 132 回
石巻ハッカソン 2022

た。最終的には成果展示の会場のあちこちにマーカー並びました。

を配置して、そのマーカーにスマホで開いたページの◆ ◆ ◆カメラビューをかざすと現れるオブジェクトがクイズ

来年の開催日は 2023 年 9 月 16 日〜 18 日であるこのヒントとなるようにしてありました（写真3）。
若者の邪魔をしないようにと今回はお手伝いモードだった筆者（高橋）も、みんなが順調に手を動かして進める状態になると何か機能を加えたい気持ちがウズウズしてきまして、石ノ森萬画館のボクセルとがすでに発表されています。ほかではなかなか味わえないハッカソンが体験できますので奮ってご参加ください（写真 5）。s◆写真 3 AR とクイズの組み合わせ

アートモデルの周囲に雪が降るようなパーティクルエフェクトを追加しました。

成果展示
石巻ハッカソンは前回（2019 年）から純粋に開発することを楽しんでほしいという方針で賞は設けず、そして各チームのブースを設けて参加者みんながお互いに成果物を触って体験できるようにしています。今回は屋外に各チームのテントが用意されていました。天候にも恵まれ、川沿いの開放感がある場所で参加者同士の健闘をたたえあう光景はフェス◆写真 4 屋外での成果展示のようでもありました（写真4）。筆者（高橋）のチー
ムのARも多数の人に楽しんでもらえたようです。
ほかにも本誌2022年9月号で紹介した「みんなのトイレマップ」のPenさんこと菅原洋介さんの、自然言語処理で感情を認識し、絵文字、色、音を用いてテキストに感情を付加する新たなコミュニケー
シ ョン ア プ リ や、会津大学のチーム◆写真 5 最後の集合写真（撮影 イトナブ石巻）

による、有名玩具のように剣を樽に刺していき、人形が飛び出るとポップコーンに辛い味付けがプラスされるというハードとソフトを組み合わせたポップコーンメーカーなど、ここでは紹介しきれない多様な作品がDec. 2022 - 171