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

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

第 102 回新型コロナウイルスとシビックテックコミュニティの武器● JUST 道 IT・Code for Japan・Code for Sapporo
古川 泰人（ふるかわ やすと） Mail furukawa@code4japan.org

2020 年初頭から流行している新型コロナウイル

情報と客観的数値をグラフなどで表示したこのサイスは、世界中の人々に対してかつてない大きな脅威

トは、ユーザーが現状を把握して適切な対策をとれとなっています。これに対し、東京都は「新型コロるようにデザインされています。

ナウイルス感染症対策サイト注 1」を MIT ライセンス

新型コロナウイルスに関する情報は社会的な関心のもとで発表しました。本稿では、この東京都サイがとても高く、見やすいユーザーインターフェース

トを Fork した「北海道 新型コロナウイルスまとめを採用したこともあり、公開後は 1 日あたり 100 万サイト 」が有志の手によって 4 日間でローンチさを超える PV 数を叩き出しました。また、Vue.js、れた経緯や背景について紹介します。このあとほぼ

Nuxt.js、Netlify などのモダンなライブラリを活用

全国に広がった同様の活動は、「エンジニアができし、ソースコードは MIT ライセンスのオープンる社会貢献」「オープンデータ」「官民協働」などすべソースとして GitHub 上に公開されたため、多くのてを内包した 3.11 以降における日本のシビックユーザーに混じって台湾の IT 大臣であるオードテックの大きな転換点になったと実感しています。

リー・タン氏がプルリクエストを送信してきたこと

注2

東京都版サイトのローンチ
2020 年 3 月 4 日、東京都は「新型コロナウイルスも話題になりました（図 2）。

北海道版サイトの胎動感染症対策サイト」をリリースしました（図 1）。都

東京版サイトがローンチされたころ、北海道での内の新型コロナウイルスの最新感染動向などの公式検査陽性者数は累計 100 人に迫る勢いで、北海道知

注1

事から緊急事態宣言が発令され、不安な状況となっ

注2

https://stopcovid19.metro.tokyo.lg.jp/
https://stopcovid19.hokkaido.dev/▼ 図2 オードリー・タン氏（@audreyt）からのプルリクエスト▼ 図 1 東京都による新型コロナウイルス感染症対策サイト

https://github.com/tokyo-metropolitan-gov/covid19/pull/827

168 - Software Design

第 102 回

新型コロナウイルスとシビックテックコミュニティの武器ていました。その一方、北海道庁の Web サイトで

▼ 図 4 プロジェクトイラストはメンバーたちを勇気づけた発表される情報は、さまざまなページに FAX のス
キャン PDF や画像グラフなどでかっちり固められた「餅」のような情報が掲載されていたため、一般の方が北海道内の感染状況を直感的にすぐ把握することは困難な状態となっていました。
東京都版が発表された次の日の午後、Code for
Sapporo コミュニティの Slack にて、メンバーの 1人から
「北海道版が作れないか？」との提案が出ました。また、ほぼ同時期に札幌市内の IT 会社を軸とした別グループから同様の呼びかけが Facebook 上

Illustration by LITTLEKIT under CC BY 4.0に展開され、お互い連絡を取り合って合同開発のた出をいただいたりなどして、チームがさらに増強さコネクションを持ったチーム「Just 道 IT」が生まれれていきました。Slack の関連チャンネルも増え、たのです（Just 道 IT とは、「行動あるのみ（Just Do

議論や開発が活発に進んでいきました。

it）」をベースにした造語で、「Do」を北海道の「道」

このタイミングで、チーム内のグラフィックデザ

「it」を IT 技術の「IT」と読み替え、今回北海道のたイナーが自らのスキルを最大限活かしたイラスト

めに集まったチームを意味します）。

レーション（図 4）を製作したことは、今回のプロすぐさま新型コロナウイルス対策サイト構築用のジェクトでも大きなターニングポイントでした。こ専用 Slack チャンネルが開設され、北海道版の開発のイラストでは、Just 道 IT の腕章を付けたキャラク準備が始まりました。およそ 30 分でデータの解析

ターがウイルスをかっとばすイメージが描かれてお方針が動き出し、ほどなくして北海道版の大まかなり、開発メンバーたちのテンションはおおいに高ま

開発ラフイメージ（図 3）がまとまりました。

りました。また、イラストは、GitHub の Readme でイメージフラッグ表示されるだけでなく、サイトをリンクで紹介する際の OGP（Open Graph Protocol）にも採用され、プロジェクトの PR にも重要な役目を果たしまし作業開始 2 日目の朝には、募集の SNS 情報を読た。後にエース級開発者の 1 人となる旭川工業高等んだメンバーが 15 〜 20 人ほど Slack に集まったり、専門学校の Y 君も、Twitter で拡散されたこのイラ札幌市 ICT 戦略推進担当課からデータ協力の申しストに惹かれてプロジェクトに参加することにな▼ 図 3 北海道版の開発ラフイメージ（実際に作られたもの）

Hack For Japan + Code for Japan

めに動き出しました。この合流により強力な技術とり、名実ともに大きな「フラッグ」になったと思います。

起動と一石
週末をはさんで、各メンバーたちはそれぞれ自分たちの得意技を発揮して、インフラ環境の整備や、関連データの処理スクリプト開発、デザインのブラッシュアップ、PR 用 Twitter アカウント取得などの作業を進めていきました。とくに今回採用された

Jun. 2020 - 169あなたのスキルは社会に役立つ
Netlify の簡易プレビュー機能は、すぐ変更点を確サイトにありがちな掲載情報の形式や表記が大きく認できるため効率的な開発にとても役立ちました。

変わるリスクを抱えつつ、いつ終わるともわからな

こうしてサイトは発案から 4 日弱の 3 月 9 日の正いデータメンテナンスを維持することは、チームの午にローンチしました。SNS でのサイト紹介には、オープンデータや一次情報の重要性について一石を投じた、次のような文章が添えられました。

見ていただきいたずらに不安を煽るのではなく、データによって現状をしっかりと把握していた
だきいわゆるデマや間違った情報をうのみにしない状況が広がることを理想としています 注 3

発段階では多くのリソースや情熱が投入されます
が、ローンチ後のデータ更新や、モチベーション維持は難しく、多くのプロジェクトがこのような「運用の壁」にぶち当たってきました。
また、発災後数ヵ月も更新されていない●●マップなどのように、維持更新が放置されたサイトは、掲載されているデータそのものが古くなってしま反響からの歓喜い、そのサイト自身がフェイク情報化するリスクも持ち合わせています。

サイトを公開後、各種メディア（北海道新聞 ・注4

NHK ・ニュースサイトの ITmediaNEWS

思えば 3.11 以降多く生まれたシビックテックのプロジェクトの運用はとても大きな課題でした。開僕たちは、行政が持つ「一次情報」をありのまま

注5

リソースを大幅に消費する恐れがありました。

これらのリスクを回避するため、オープンデータ、窓のとして行政から提供され、サイトに自動更新が行わ

注6など）での紹介などもあり、サイトのページれるワークフローは構築当初からとても重要な機能

ビューは開設 4 日間で 15 万にも跳ね上がりました。と考えていました。このオープン化によって、運用また、平均滞在時間は 55 秒と客観的なデータが幅に関するチームのリソースを大幅に圧縮することが広い方にじっくり閲覧され、「正しい一次情報の提でき、多言語対応や UI 改善などに時間をかけるこ供」という役目が果たせたものと自負しています。とが可能になっていきました。

社

注7

そんな反響の中、「北海道庁からオープンデータとして関連情報を公開する」という一報が入り、開発メンバーたちからは喝采が上がりました。すぐよりオープンな情報共有

GitHub や Slack 上で行政担当職員とメンバーがカ全国の中でもいち早く東京版から fork した北海

ラム定義などについての意見交換を交わし、次の日道版でしたが、メンバーたちは技術情報の共有を逐には整然化されたオープンデータから直接サイトへ次行って、他地域へのサポートも積極的に行っていのデプロイが行えるようになりました。

きました。たとえば、メンバーの moyashidaisuke

オープンデータの提供は、プロジェクトにどんな氏 に よ る 環 境 構 築 の 手 順 な ど の ブ ロ グ 注 8 や、メリットがあったのでしょうか？ プロジェクト開Kanahiro 氏によるデータ処理に関する Qiita 記事注 9

始当初は北海道庁のサイトから手動スクレイピングなどは各地域の開発者が集う Code for Japan のしてデータ抽出を行っていました。しかし、行政のSlack でも反響が大きく、各地域での開発に多大な貢献を果たしました。

注3
注4
注5
注6
注7

出典：https://twitter.com/Just̲douit/status/1236850

186753736706

https://www.hokkaido-np.co.jp/article/401466

https://www.nhk.or.jp/hokkaido/articles/slug-ne4a4
e9ab063ahttps://www.itmedia.co.jp/news/articles/2003/10/
news085.html

https://forest.watch.impress.co.jp/docs/serial/
yajiuma/1240871.html

170 - Software Design

同様に各地域からもさまざまな技術情報が投稿されていました。たとえば三重在住の高専生である
FPC̲COMMUNITY 氏が Qiita に発表した「東京都
注8
注9

https://tech.moyashidaisuke.com/entry/covid19netlify

https://qiita.com/Kanahiro/items/b47984fbf77f4
e632663

第 102 回

新型コロナウイルスとシビックテックコミュニティの武器

新型コロナウイルス対策サイトへの貢献方法を解ンス（OSC）北海道、各種勉強会などで顔見知り説」は LGTM を 1,500 近く獲得し、数日間 Qiita のだった
「フラットでゆるい網目状の集合体」だった点

トレンド 1 位を獲得するなどは大きな強みであったと思います。

、さまざまな好循環注10

また、当初から「透明性」「参加」「連携」というを日本中で生みだしていきました。
台湾のシビックテックコミュニティである G0V「オープンの文化」を理解していたことも大きなポイのメンバーが台湾版注 11 を作成したり、Code for Sanントでした。これは、2018 年に台北で開催されたFrancisco によってサンフランシスコ版が稼働しG0V サミットで Baran（1962）のネットワークの類たり、海外への展開もみられています。このような型図注 13 とともに掲げられた「エコシステムを構築動きからも、当初から東京都がオープンソースで公し、協働で課題解決を行おう（図 5）」というメッ開した意義がとても大きかったと考えています。

セージや、Code for Japan が示す「ともに考え、と

注 12

北海道版の発表後も、地域シビックテックコミュニティによって各地域版サイト開設が広がっていきました。大阪府や千葉県のように行政とシビックテック団体の協働によってサイトを開発し、行政が運営する方式も生まれました。

この振る舞いは、今後も必ず起きる災害や社会課
題に対する、シビックテックコミュニティの大きな「武器」なのかもしれません。

まとめにかえて
本稿では新型コロナウイルスに対するオープン

しかし神奈川県では、地域コミュニティがリリーソース・オープンデータ・コミュニティを軸としたスした次の日に神奈川県庁自身が公式版を出すといさまざまな活動についてお伝えしてきました。しかう現象も起きてしまい、行政と地域シビックテックし、いまだ世界中で陽性患者数は増加の一途をたどコミュニティの関係性についての課題を残しまし

り、解決のための道筋は不透明なままです。

た。また、地域シビックテックコミュニティが関連私たちはデータとツールで抵抗を試みてきました

データをオープンデータ化してほしいとの要望を出が、最前線で対応されている多くの医療関係者や自しても、判断保留になっている自治体もあります。

治体関係者のみなさんがいることも事実です。現場

もちろん、現場の猛烈な状況や人員不足といったで奮闘されている方々に多大なる敬意と感謝を捧要因があるため、一概には行政サイドを責めることはできませんが、次の脅威のためにも、大きな教訓として活かしていきたい点です。

シビックテックコミュニティの武器げ、この稿を締めたいと思います。s

Hack For Japan + Code for Japan

行政との協働もにつくる」というテーマにも重なります。

注 13 http://pages.cs.wisc.edu/˜akella/CS740/F08/740-Papers/Bar64.pdf▼ 図 5 G0V サミットでのスローガンと Baran の図

北海道版の開発や機能強化がスムーズに進んだのは、いくつかの要因があります。
たとえば、官民双方のメンバーたちはもともとシビックテックイベントやオープンソースカンファレ
注 10 h t t p s : / / q i i t a . c o m / F P C ̲ C O M M U N I T Y / i t e m s /b9cc072813dc2231b2b2

注 11 https://stopcovid19.pichuchen.tw/

注 12 https://stop-covid19-sfbayarea.netlify.com/

出典：https://twitter.com/fvntr/status/1048852297097199616

Jun. 2020 - 171