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

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

第 101 回

ゴミナシ

ごみ出し情報アプリ「5「5374」
374」の開発とその広がりについて●一般社団法人コード・フォー・カナザワ
福島 健一郎（ふくしま けんいちろう） Twitter @kenchif

2013 年 9 月に一般社団法人コード・フォー・カナ

民がテクノロジとデザインを活用して自らの手で社ザワがリリースした、ごみ出しの情報やごみの分別会や地域の課題を解決する」という目的で、9 人で設情報を知るアプリ「5374.jp」（以下、5374） の開発立されました（図 1）。

注1

経緯と、全国の市民の手によって大きく拡がった現在までの状況についてお話しします。

Code for Kanazawa は、日本で最初のシビックテックコミュニティとして誕生しました。そのた

日本でシビックテック活動が始まってから 7 年ほめ、現在のように Code for と呼ばれる団体はほかどですが、5374 というプロダクトを通して、その変に皆無で、シビックテックという言葉もなく、ほと遷も感じてもらえるかもしれません。

んどの人たちには Code for Kanazawa のやろうとしていることがよくわからないという感じでした。活開発の発端

動の幅も広がらず、メンバーは 9 名のままでした。
その理由は「僕らのやろうとしている思想（つま石川県を拠点とする一般社団法人コード・フォー・り、シビックテックという考え）はなんとなくわ

カナザワ（以下、Code for Kanazawa）は、2013 年 5かったとしても、具体的に何をしようとしているの月に任意団体として誕生しました 。アメリカのかわからないから」ではないか、という結論に至り

Code for America がやっている活動に共感し、「市ました。そこで、「僕らがやろうとしていることを注2実現する、具体的なプロダクトを開発しよう」とい
注1
注2

http://5374.jp/

法人化は 2014 年 2 月。

▼ 図 1 Code for Kanazawa のホームページ

うことになりました。

シビックテックアプリとして何を創るか具体的に何を創ろうか？となったとき、まずは地域に存在する課題についてヒアリングをすることから始めました。
Code for Kanazawa のホームページには「POST街の課題を投稿」というメニューがありますが注 3、そのときにもこの結果を利用しています。登録不要
で誰でも簡単に普段の気づきや困っていることを投
注3

172 - Software Design

https://codeforkanazawa.org/post/

第 101 回

ゴミナシ

ごみ出し情報アプリ「5374」の開発とその広がりについて稿することができるというしくみです。このホーム▼ 図 2 5374 の画面写真ページへの投稿と、そして自らもそれぞれ周りに課題をヒアリングし、議論を重ねました。その中で選ばれたのが、「ごみをいつ捨てればいいのかよくわからない。簡単なことなのに簡単に知る方法がない」という課題でした。
本当は不審者情報を取り扱うサービスを実現した
かったのですが、当時、犯罪情報のオープンデータ化は進んでおらず、データ提供について悲しいぐらい相手にされませんでした。
そういった経験から、シビックテックを進めるう
えではオープンデータの大切さをとても感じるとと大事と考えています。創りたいという想いだけでは実現できないということです。

5374.jp の開発

このデザインを基に、できるだけシンプルかつ誰もが利用できるようなしくみを考えました。

「ごみをいつ捨てればいいのかよくわからない。
簡単なことなのに簡単に知る方法がない」という課●

自治体で利活用可能なものとし、エンジニアでな題に対して筆者らがまずやったことは、市民が手にくても Excel などで簡単に作成可能とする注 4取ったときに直感的でシンプルに使えるデザインでした。

●

れまでのごみ収集アプリとはまったく違う UI/UX

コードは Web ベースとし、JavaScript の知識があれば扱えるような簡単なものにする

ここで Code for Kanazawa 理事の宮田人司が、5374 の特徴的なデザインを創り出します
（図 2）
。こ

データ形式は、CSV 形式のシンプルかつ多くの●GitHub 上にコードを置き、GitHub Pages を使う
ことでサーバを用意しなくても運用可能とするとなったこのデザインは、最初にターゲットとして開発した金沢市の 4 種類のごみに対して色を割り当て、色のところにはそのごみが何のごみか（燃やすゴミ、燃やさないゴミ、資源ゴミ、びん類）、いつ捨てれば良いのか（今日、明日、○日後……）を表示

注4

Hack For Japan + Code for Japan

もに、ステークホルダーとどう調整していけるかが

これはいわゆる 5374 フォーマットと呼ばれていますが、誰もが特別なスキルもツールも必要とせず、データを作成できるということはとても大事だと考えました。

▼ 写真 1 5374 の当時の開発風景しています。そして、その 4 色のバーが、上から早く捨てるもの順に並んでいるというものでした。
メニューを何度もタップして情報を探していく方法しか頭になかった筆者らとしては、この 4 色のバーで各種ごみの収集情報を表示し、上から順に早く捨てるものになっているという UI/UX に驚きました。確かにこれなら、画面を開いた瞬間にすべてのごみがいつ捨てればいいか一目でわかるからです。

May 2020 - 173

あなたのスキルは社会に役立つ
このしくみにより、全国に 5374 を広めることが容易となりました。

ると奈良県の生駒市、茨城県の茨城町と、次々に市民エンジニアの手で他地域にも広がり始めます。そ暑い 8 月のお盆の時期に開発チーム 4 名（宮田人

して 1 年でまたたく間に増え、各地域の 5374 を開司、小野祐貴、高木志宗、五十川員申）が集まり、2発するワークショップなども各地で開催され始めま日間の合宿形式で開発しました（写真 1）。合宿で積した。

み残った部分はオンラインでやりとりしながら開発

開 発 さ れ た 5374 は 希 望 に 応 じ て、Code for

しましたが、アプリケーションの骨格はその 2 日間

Kanazawa から 5374.jp のサブドメインが発行されでほぼ作り終えています。

ます。たとえば、奈良県生駒市なら、ikoma.5374.jp

また、開発に際して、データの提供など金沢市から全面的な協力を得ることができました。2013 年当というふうになります。こうしてドメインを発行した 5374 は、現在、120 を超えています。

時のシビックテックの状況を考えると、市民が公共「どうして、ここまで増えたのか？ Code forのために創ろうとするアプリに全面的な協力を得らAmerica でもこんなに広がったものはない」と以前、れたことはとても大きく、勇気と先見の明が感じら

Code for America の方に質問されましたが、そのれます。

理由は課題の共通性だけでなく、さらに大事なことリリースして全国へとして 3 つの要因があると分析しています。
●のファイルを編集さえすれば、多くの地域で動完成した 5374 金沢市版は 2013 年 9 月に Code forKanazawa から、シビックテックのプロダクトとして発表され、地元新聞などでも紹介されました。このとき、ソースコードはすでに GitHub 上にオープンソースとして公開してありました。また、金沢市の環境政策課から市民に対してアプリの紹介をしていただく機会があり、利用者は着実に広がっていきました。

特別なスキルがなくても Excel でごみ収集情報かせること●

GitHub Pages を使えばサーバを用意する必要もなく、無償でサービス提供が可能であること●

そして、この手軽さがシビックテックというものが何かを理解するための教材としてぴったりであること
とくに 3 番めのポイントが大きかったのではない

そして、翌月の 2013 年 10 月に開催した大阪でのかと感じています。実際、石川県輪島市で 5374 のCode for Japan のイベントで他地域展開のアイデア開発を地元の方々と行った際、「シビックテックっを発表します。同時にブログや SNS などでアナウて何？ 難しそう」と言っていた主婦の方が、Excelンスをしました。

でデータ入力をして 5374 が動いた画面を見たら、そのころには Code for Japan も誕生し、全国のシビックテックに興味がある人たちとのつながりも喜びの声を上げて目をキラキラとさせていたのを思い出します。

増えてきていたので、興味を持ってくれる方も多「シビックテックとは何か？」をプレゼンするよりかったです。

も、市民が自分の手で実際にやってみて「シビックそして、2013 年の 12 月末、沖縄県の豊見城市版と石垣市版の 2 つが公開されます。2 つは別々の方によって開発されたものでした。しかも、知人というわけではなく、たまたま偶然にも同時期だったそうです。不思議な偶然なのですが、これを縁にお 2
人は Code for Okinawa を設立することとなります。
この 2 つの事例が呼び水となったのか、年が明け174 - Software Design

テックとは何を実現するものなのか？」を理解するというプロセスがとても大事だと感じます。

プロダクトから活動へ
5374 がさまざまな地域へ広がっていく中、すばらしい活動も生まれてきました。

第 101 回

ゴミナシ

ごみ出し情報アプリ「5374」の開発とその広がりについて

たとえば、静岡県の島田商業高校の高校生たちはも溜 まってきました。ただ、当初に比べて開発リ鈴木先生の指導のもと、地元の島田市も含めて県内ソースは減少しているため、5374 ではまだまだ参加

市町の 5374 を開発しています。先輩が作った 5374者を求めています。のメンテナンスも後輩が行っていくことで、安定し東京都の新型コロナウイルス感染症対策ソフトのた運用も実現し、高校生たちの地域貢献の形として事例注 6 を見てもわかるとおり、市民が自らコードも注目されているそうです（写真 2、3）。

やその周辺で活躍できる場面はとても多いです。ごオープンデータの活用、アプリの開発、それによ

興味を持った方はぜひ、5374 のサイトやリポジトリ

る地域貢献という体験を先輩から後輩へとつなげるにアクセスしてみてください。Facebook には、5374

ことで地域に 5374 が展開されていくというすばらコミュニティのグループもあります注 7。また、まずしい活動であり、シビックテックが地域に根付いては筆者に Twitter で DM をくださるのでも結構でいく 1 つの姿なのではないかと思っています。

す。ご興味ある方のプロジェクトへの参加お待ちしまた、東北文化学園大学の小泉先生は JavaScriptています。s

学生に東北の各地域の 5374 を作ってもらっていま

注6す。その際、必要だと思われる機能も考えさせてい注7

るそうで、いくつか新しい 5374 の機能が作られているとか。学生ならではのユニークなアイデアがプルリクエストされる日も間近かもしれません。

https://stopcovid19.metro.tokyo.lg.jp/

https://www.facebook.com/groups/554468327982662/▼ 写真 2 5374 島田市版を紹介する島田商業高校生

5374 は実際に課題解決の道具として利用されているアプリです。言わば生きた教材ですから、それをプログラミング教育に利用するというのはとても良い気がします。

まだまだ続くよ、5374 は5374 は Code for Kanazawa の手で誕生しましたが、それを全国へ拡大させたのは、まさに日本のシHack For Japan + Code for Japanを教える講義の中で 5374 を教材に使い、毎年、大ビックテックの萌芽を支えた方たちの力でした。
データを入れ替えて動かしたところばかりではありません。独特のごみ収集ルールがある地域は、▼ 写真 3 5374 伊東市版を報告する島田商業高校生

5374 のリポジトリ注 5 から fork したものに手を加えたり、その機能が全国でも使えそうだと思うものに関してプルリクエストが行われたり、マージされたりしたこともありました。そうした工夫があって、現在の 5374 があります。
7 年経った今も使い続けてくれている地域も多いですし、今後も新しい 5374 を作りたいと言ってくださる地域の方々も多いです。また、機能的な要望
注5

https://github.com/codeforkanazawa-org/5374

May 2020 - 175