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

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

第 103 回地域の飲食店を支援！ 全国に広がるテイクアウト・お弁当MAP の取り組み● Code for Fuchu 副代表／共創デザイナー
齋藤 善寛（さいとう よしひろ） Twitter @fuchubentoprj

新型コロナウイルス感染拡大に伴ってあちこちのそこで、以前から交流がある Code for INAGI（東飲食店がテイクアウト営業を始めています。今回

京都稲城市の Code for）の代表である西脇智子さん

は、筆者が副代表を務める Code for Fuchu（東京都に「小平と同じような活動を共同で始めませんか？」府中市）が行った、各飲食店のテイクアウト情報をとお誘いしました。筆者はなかなか活動開始の決断集約・発信するプロジェクトについて紹介します。

をできずにいたのですが、稲城市では 2020 年 3 月上旬にスタートしました。その 3 週間後に府中市でプロジェクトの背景もプロジェクトをスタートする運びとなりました。

先述のとおり、新型コロナウイルスの影響で多くの飲食店がテイクアウトや独自のデリバリーサービ

府中お弁当プロジェクトのスタート

スを始めています。しかし情報が点在し、必要な方1 行もコードを書かずにわずか 3 時間で完成に行き届きにくいという課題がありました。そこ
で、サービス提供側の飲食店とそれを利用する市民

稲城市から遅れること約 3 週間、Code for Fuchu側が協力する「市民協働」を目標として本プロジェク代表の小林ヒロカズさんと Web 会議で画面の共有トをスタートしました。

をしながら作業を進め、約 3 時間でアプリの大枠をこだいらし

小平市のプロジェクトに刺激を受ける完成させました。このとき 2 人は、コードを書かずにアプリが作れるプラットフォームのすごさを体感きっかけは、「こだいらあたりで CivicTech」 のしました。Code for Fuchu の活動を始めて約 3 年半

出口みちたかさんが SNS に投稿していた、東京都になりますが、これまで「協創ワークショップ」や小平市の飲食店を応援するシビックテック活動で「街歩きイベント」など、IT の割合は少なくつながりす。飲食店のテイクアウト情報を集めたアプリで、1 番、IT2 番の気持ちで活動を行ってきました。Code

お店の一覧や地図ビューなどがとてもわかりやすい

for Fuchu は技術者の参加が少ないこともあってアUI で驚きました。これこそ、今まさに地域の方々プリ開発を経験したことがなく、代表の小林さんやに必要とされる活動であると感じました。使われて筆者だけで開発することもできませんでした。ですいる技術について調べてみると、コードを書かずにが、今回は「Glide 注 2」というプラットフォームを活開発できることがわかり、これなら自分にも作れそ用することで、コーディングレスでのアプリ開発がうだ！という印象を持ちました。

できました（図 1）。Google スプレッドシートのデー

注1

注2

注1

小平市を活動拠点とするシビックテックコミュニティ。

168 - Software Design

https://www.glideapps.com/

第 103 回

地域の飲食店を支援！ 全国に広がるテイクアウト・お弁当 MAP の取り組み▼ 図 1 Glide の開発画面。画面の要素を並べてスプ     レッドシートとひもづけるだけでアプリが完成▼ 図 2 テイクアウト・お弁当マップの画面。マップビュー、詳細  ビューなどさまざまな形式で店舗情報を閲覧できる

タをどう見せるのかを並べていくだけで、わずか半なります。飲食店からの問い合わせや情報変更依頼

日でアプリが完成しました（図 2）。

への対応も行いました。とてもたいへんな作業でし

実は筆者は飲食店の経営もしており、自分や知りたが、新たな発見の連続で楽しく無理せず日々運用合いのお店の情報を入れるところからスタートしまをしていました。おいしそうなお弁当の情報を見てした。そして Code for Fuchu の関係者から近所のいるだけでお腹が空く楽しい時間でもありました。

テイクアウト情報を教えてもらい、すぐに 10 件の情報が登録できました。自分では知らない情報を地SNS のしくみを活用域の人々が知っているということに驚き、このプロ

先述のとおり、このプロジェクトは店舗からの情ジェクトの大方針である「ユーザーからの情報を集報だけではなく、地域のユーザーからの情報を集めめて発信する」という流れがこの段階ですでにできるしくみも兼ね備えています。ハッシュタグを付けていたように思います。このとき、小林さんとはて投稿することで活動が拡大する SNS の特徴を活「なぜやるか？誰のためにやるのか？」をお互いに問用しています。アプリを利用しない方もハッシュタい続けながら制作を進めていました。

グから店舗を知ることができます。

アプリの一般公開にあたり、各店舗に掲載確認の連絡を行いました。快諾していただけるお店、やめデジタルとアナログの両面から活動を告知てほしいというお店と、さまざまな反応がありまし

飲食店のみなさた。許諾をとらずに掲載するということも検討しまんにはポスターのしたが、店舗ごとの事情を配慮しながら丁寧に掲載

掲示やチラシの配確認を行うことに決めました。

布にご協力いただ

アプリ完成後も無理なく運用できた▼ 図 3 店頭用ポスター

き ま し た（ 図 3）。
米屋さん、酒屋さその後、Google フォームからの投稿をデータソーん、包材屋さんなスとした運用がスタートしました。お店のオーナー

ど、飲食店に関わが自ら掲載を申し込むことはもちろん可能なのです

る方々にもご協力が、IT が苦手な店主に代わりお客さんが申し込むこいただきました。とも可能としました。

ア イ コ ン、 ポ ス

毎日のデータ登録、SNS 上での発信、ユーザー投Hack For Japan + Code for Japan

稿への返信やリツイートなどが筆者のおもな作業とター、チラシのデJul. 2020 - 169あなたのスキルは社会に役立つ
ザインは Code for Fuchu の活動をいつも支えてくして作りましたので、これも数時間で完成。簡単なださっているデザイナー、横須賀ヨシユキさんにボインストラクションガイドをアプリ内に記述して公ランティアで協力いただきました。制作したチラシ

開しました。Google スプレッドシートのデータも含

デザインは、各店舗に配布したデータを印刷して掲めて丸ごとコピーされるため、画像や文言を変更す示してもらうかたちで提供しています。

るだけで簡単にご当地テイクアウトマップを公開で全国に拡大したテイクアウト・お弁当マップ

きます。

府中市版アプリが完成した数日後、Glide に「アプめたり Togetter にまとめたりと活動が発見されやリやデータをワンクリックでコピーし公開する機

すい環境が整っていましたので小平、稲城、府中と能」があることを発見しました（図 4）。

いう連携により作られたテンプレートは瞬く間に全そこで、同じような活動をしたいと考えるシビックテッカーに向けて、〇〇

注3「こだいらあたりで CivicTech」の富永哲欣さんがFacebook グループを作ったり、ブログ記事にまと国へ拡散されました注 4。

お弁当マップのテン

各地に存在する起点人物

プレートアプリを開発しました。府中市版をコピー
注 3 「〇〇」には各地域の名前が入ります。たとえば府中市であれば「府中お弁当マップ」になります。

▼ 図 4 Glide の UI 上でチェックを入れるだけでテンプレー  トとして共有可能になるそれぞれの地域には必ず「よし！ やってみよう」と覚悟を決める人がいて、そうしたキーパーソンには仲間がいるものです。そこに、サポートしてくれるコミュニティや、簡単に利用できるテンプレートが加わることで、活動のハードルが下がったのかもしれないと思いました。
筆者がこのプロジェクトを始めるきっかけとなったのが Code for INAGI 代表の西脇さんからの「府中も絶対やったほうがいいよ！」という言葉と、図5 注 5 との出会いです。この図には、恐れ・学び・成長という 3 つのゾーンが存在し、それぞれのゾーン▼ 図 5 恐れから学び、そして成長のゾーンへに「COVID-19 の今、どんな自分でありたい？」という問いかけの答えが示されています。

各地から進化したテンプレートが公開
テンプレートを公開したことで、そこを起点にトラブルシューティングの方法や、活動を後押しするノウハウが次々とシェアされていく共創のループが形作られました。たとえば、Code for Kitakyushu による北九州テイクアウトマップではアイコンなどのUI 周りを含め、機能が向上したテンプレートが公開されました。そのほか、お店のカテゴリ別に分類

注4
注5

170 - Software Design

次の URL からご当地テイクアウトマップの一覧を見ることができます。https://obento-takeout.glideapp.io/

https://www.facebook.com/rea.fujikura/posts/3196941050318267

第 103 回

地域の飲食店を支援！ 全国に広がるテイクアウト・お弁当 MAP の取り組み

された見やすい構成のもの、アプリからの登録機能▼ 図 6 稲城市商工会のデリバリー事業とお弁当マップが連携を有するもの、緯度経度を自動取得できるものな
ど、独自の進化を遂げたテンプレートも多数存在します。

各地でお弁当プロジェクトがさまざまな領域と連携
東京都稲城市では商工会などが始めた地域デリバ
リーサービスの情報（図 6）がアプリで閲覧できたり、千葉県流山市では音楽プロジェクトと連携したり、徳島県の鳴門市では地元のフリーペーパーと連携したりと、お弁当プロジェクトアプリをきっかけにしめてのコラボレーションが実現しました。

プロジェクトへの反応●飲食店利用者の声

アクセスログの集計「毎日 3 食の手作りに疲れてしまった。外食は無理でもテイクアウトすることで地元のお店を応援しつつ少し日常を取り戻せる」という主婦の声や、「近G l i d e の 有 料 プ ラ ン を 年 間 契 約 す る こ と で、所にこんな素敵なお店があったことを知らなかっGoogle Analytics の詳細なアクセスログが閲覧可能た！」など、ローカル情報を集めて発信するプロになります。府中市版ではスポンサー企業がついた

ジェクトならではの反応がありました。

おかげで費用を捻出して活動の効果を測定できました。1 日あたりの最高は 4 月 15 日で、1,002 ユーザーからのアクセスがありました。これは東京新聞にテおわりにイクアウトマップの取り組みが掲載された影響もあ府中でこのアプリが誕生するまでには 1 日もかかりますが、4 月後半から GW 期間中は 1 日の平均でりませんでした。筆者は、今回のプロジェクトでノ600 ユーザーほどのアクセスがありました。このこンコーディング開発の価値に気づきました。
「地域ろは、毎日 2 件くらいのペースで新規の飲食店を登の課題を解決したい」という想いを持った方がいさ録していました。

えすれば、コーディングスキルがなくても活動の起各ステークホルダー別の反応

Hack For Japan + Code for Japanてさまざまな領域とのつながりが生まれています。

点になれます。新型コロナウイルスの感染拡大という有事においては課題解決に対するスピードが最も●飲食店重要となりますが、今回のような開発環境やテンプ「応援してもらえる気持ちがうれしい」「情報が拡レートで非エンジニアのシビックテック活動を後押散されるしくみで取り組みが伝わっていくのがありししたり、プロジェクトをスタートするうえでの壁がたい」「MAP に掲載されてから売り上げが倍増しを低くしたりできるのは、たいへんありがたいことた」といった反応がありました。と感じています。

●商工会議所などの団体つながりが明るい未来の地域づくりに続いていくこ最後になりましたが、この活動で生まれた多くの地元の商工会議所が同様のプロジェクトを行うことを願っています。この活動を通して知らなかったとになり、連携して進めていくことになりました。

お店に出会ったり、地元愛を深めたりしてもらえた

内容は相互リンクというシンプルなものですが、初ら最高にうれしいことです。sJul. 2020 - 171