---
# System prepended metadata

title: 【Dチーム】西日本初学者実践研修記録シート
tags: [GHP2020]

---

# 【Dチーム】西日本初学者実践研修記録シート

## リンク集
* [Teams（グループ用会議室）](https://teams.microsoft.com/l/meetup-join/19%3ameeting_NWIyMTE4YzctN2VjNi00YWZmLTg2MjEtZTk1MWM5OWNkNTIy%40thread.v2/0?context=%7b%22Tid%22%3a%22b4cc0ede-603b-4bc6-996e-a533239273cb%22%2c%22Oid%22%3a%22923e9295-3095-4f99-8369-c5dab21c84ec%22%7d)
* [Mural（グループ用ホワイトボード）](https://app.mural.co/t/hackcamp2810/m/hackcamp2810/1613113326525/8fcda9999b577606236fa9efb5e03c38cede24a6)
* [参加者リスト](https://docs.google.com/spreadsheets/d/1RQPDpkb-wtvYrzqTGLAe5XpibtlTTx_BUODpCnNMHFY/edit?usp=sharing)

## チームメンバー

* 岩佐嘉久さん
* 儀武勝希さん
* 吉中輝彦さん
* 長谷川哲郎さん
* 井上拓哉さん（欠席）
* 【メンター】宮内はじめさん

### チームで策定したコミュニケーションルール

〇順番に発言する場を設けて話し合いましょう。
〇説明書を読みましょう
〇わかる人がフォローしましょう。
〇適宜説明会を開きましょう。
〇対立しても、蒸し返さない。みんなでゴールを向いてすすむ。
〇決定事項はやっていきましょう。

![](https://i.imgur.com/bs5rkYl.png)


etc...



`↑↑ Day1 13:30くらいまでを目処に入力`

---

## 1. 取り組む課題
`被災発生後の情報を収集し、発信する方法について`
#### プロット型（地図にプロットして提供するサービス）
1. 断水が多く発生しているにも関わらず、給水所が少ないエリアがある。給水所をニーズに合わせて配置したいが、必要なエリアの特定ができていない。

2. 住家被害が特に多く発生している地域があり、避難所のキャパシティが足りていない。避難所をニーズに合わせて配置したいが、必要なエリアの特定ができていない。
#### マッシュアップ型（いくつかのデータ・技術を組み合わせてつくるサービス）
3. 市民からすると空いている避難所がどこか分からないので、一部の避難所は定員オーバー、コロナ禍にも関わらず密な状況を避けるのが難しい状態。空きのある避難所にバランス良く市民が避難できることが理想。

4. 土地勘のない外国人観光客に避難所情報や食糧等の配給情報が行き渡りません

5. 近隣自治体から集まってきた多くのボランティアのマンパワーを有効活用できていません。各ボランティアセンターでの情報管理はアナログで、どこに人手が必要で、どんなボランティア活動が可能なのか、リアルタイムで情報が届かないためボランティアの方々の待機時間がとても長くなっており、勿体無い状況です。

6. その他



## 2. 課題に対するアプローチ

「被災からの復旧状況を時々刻々把握するという課題」を解決するために、
「GIS」と「現地から発信されるデータ」を使い、
「地元役人の方々」に対して、
「避難所および役人が望むデータの情報を随時更新」をして、
「情報図化のお手伝いができる」ようになる。
　　　　　　　　　

福島県内の市町村ごとの避難所開設状態（第3報）
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88.pdf


## 3. 役割分担
`あなたのチームに必要な役割のみ項目を残して活用してください`

* 進行管理：全員
* データ収集：岩佐さん
⇒対象データ：ライフライン（水、電気、水道、ガス、道路、燃料）、ボランティア（拠点、人材情報、ボランティアニーズ）、災害把握
* ドキュメント整備（このHackMDの利用を推奨）：長谷川　吉中
* コミュニケーションデザイン：儀武、長谷川
* 開発：岩佐　吉中
* デザイン：儀武

`↑↑  Day1 15:00くらいまでを目処に入力`

・信頼される情報のみを表示する方がベター？

・避難所開設情報だけでもOK?
→開発が早い＆速い、事前準備が出来る

・避難所の収容状況がわかる情報（写真）も紐付け
・情報は他のチームと共有できる→他チームに委ねる

・ワンクリックで情報をみることができることが重要。（○ブラウザベース、×専用ソフト）

・対象地域：大阪府高槻市でどう？
・対象者：行政、メディア、市民？

・避難所：小学校、中学校、公民館

http://www.city.takatsuki.osaka.jp/kakuka/soumu/kikikan/gyomuannai/hinan_basho/basho_hinanjo.html



---


## 4. 中間報告
### a. 被災発生後の情報を収集し、発信する方法について
* 「3. 市民からすると空いている避難所がどこか分からないので、一部の避難所は定員オーバー、コロナ禍にも関わらず密な状況を避けるのが難しい状態。空きのある避難所にバランス良く市民が避難できることが理想。」
　　　　　　　　　↓
* 避難所の収容状況に関するリアルタイム情報の提供　

### b. 開発進捗概要
*　QGISとGlideで短時間で情報できるようにした
１．QGIS
http://iwaiwa.c.ooco.jp/leaflet/index.html#11/34.8786/135.6147

２．Glide
https://damaging-giraffe-6124.glideapp.io/

３．中間的作業
位置情報のない表に位置情報追記方法
地理院地図に住所が入っているCSVの表ファイルをドラックアンドドロップして表示される、そのあとGeoJasonファイル作成
GeoJasonファイルをQGISに読み込み、そのあとでエクスポートでCSV出力（出力オプションはジオメトリをAS_xy選択。文字は”システム”。

![](https://i.imgur.com/TldLfYz.png)


### c. チーム運営・コミュニケーションについて
* QGISというデスクトップGISだけでなく、WebベースとしたGISサービスを知ることができるようになった。(Leaflet、Glide)

* ホワイトボードや紙に書いたりなどの、アナログに代替できるツールの学習をすれば、もう少しコミュニケーションもできるようになったと思う。
* 一つの意見にいろいろな回答方法が集まり、充実したコミュニケーションが取れていると思う。
### d. 技術について
* 現在位置にリンクした情報を見れるようにしたい。
** ex)タップでスマホで得られている現在地点に飛ぶ
** ex)自分の位置から近い候補を表示させる。


### e. チームの成長・得られた観点
* 短時間で検討用サンプルが3つ作成できた
* Leafletでのグラフィカルな表示
![](https://i.imgur.com/BgwZhbw.png)

* Glideので表示画面
![](https://i.imgur.com/r5hkiJg.png)

* Geopdfでの出力による地理情報を持ったPDFの作成。
![](https://i.imgur.com/kwoE6zi.png)
⇒福島県という広範囲を行うため、今回はオミット

* 建設コンサル側の考え、役所側の立場、報道機関側の立場といった第一線で業務に関わっているメンバーでそれぞれの見方を共有できた。
* 
### f. 困っていること・ヘルプが欲しいこと
* 出来れば、チャットボットで避難所を案内できるようにしたい。
* 通信環境の帯域として、どの程度を想定していくのか。（ほぼ途絶？）

`↑↑  Day1 17:00までに入力`

---


## 5. サービス内容

### サービスの名前：「KoKo逃げて！」

### a. ターゲット（主人公）
* （いったんは）行政正職員［災害担当者］
* （その後は）　市民に公表、使ってもらう

### b. 課題の背景
* 被災直後を中心に、市民が避難所に移動するニーズが高い。しかし、市民は必ずしも避難所の所在地を熟知しているわけではなく、また必ずしもすべての避難所が開設される訳ではないので、どの避難所に行くべきかが難しい。
* また、勤務先や旅先で被災した人も、同様である。
* そのため、**現在地**をベースにした、**開設されている避難所へのアクセス情報**の提供が、早急な解決すべき課題である。


### c. 使う技術
QGISを用いてGIS情報とその他情報とを結合

出力方式
ー１．出力方式：WEBでの閲覧対応（リーフレット）by QGIS
ー２．出力方式：オフライン等での閲覧（PDF）by QGIS
ー３．出力方式：スマホアプリ　by Glide
（Glideとは、Googleスプレッドシートを利用してノーコードでWebアプリ的なものを作ることが出来る開発ツール、フリーミアムでプロ版は12ドル／月～）
https://hikari-sedori.com/glide2/

### d. 使うデータと作業手順


#### ○避難所データについて
* 避難所のGISデータは、国土数値地図情報で公表されている。しかし。。。
* 定期的に避難所の見直しが行われている→ベースとなるデータ（国土数値情報はH24時点）が最新であるかのチェックが必要
* 避難場所（大規模な空間、とりあえず逃げる場所）、避難所（1日～の滞在を想定）、二次避難所（障害者などスペシャルなケアが必要な人向け）などの種別があり、適切に案内する必要がある。
* 災害の種別やその規模によって、開設される避難所は異なる。
* **震災が発生した際に、どの避難所が開設されているかは、最終的には市町村のHP等で確認する必要がある。**
* 市民は、必ずしも最寄りの開設されている避難所を知っているわけではないので、分かりやすくこれを伝えることが求められる。
* **市町村は避難所開設情報を文字情報で公表することが多いので、これをビジュアル化（GIS化）することには、市民が避難所を探す上で有意義である。**

#### ○インフラ復旧状況に関するデータについて
* 被災地の市民やボランティアなどにとっては、インフラ情報のニーズも高いと考えられる。
* 道路の通行可否については、日本道路情報センターのHPで把握可能（トヨタやホンダのナビデータをもとに、直近1時間、3時間、6時間に通行できたルートを表示できる）
https://www.jartic.or.jp/
（災害情報提供サービスをクリック）

* 電気やガスについては、地域電力会社は地域ガス会社のHPやアプリで公表している（かなりリアルタイム、復旧見通し付き）。
https://nw.tohoku-epco.co.jp/teideninfo/

* 上水道は、各市町村の上水道部局のHPで公表している
* 下水道は、各市町村の下水道部局のHPで公表している
* 上記については、すでにある程度GIS化されている。
→市町村の災害用HPでも、これらの情報へのリンクが張られているため、改めて必要性は低いと思慮される。
* ガソリンスタンドの運営状況については、公的情報は存在しない。よって、上記のGlideなどのツールを利用して、利用者からの投稿情報（座標付き写真＋営業状況の入力）をGISに表示させ、公表することが想定される。

# ＜収集データと具体的手順＞
　　　　　　　　　　　　　　　　　　　(Q→QGIS/G→Glide)
## ①　開設されている避難所データを、市町村HPなどから入手・・Q/G
（速報性や正確性の点からは、都道府県HPよりも市町村HPから入手すべき）

## ②　①で入手した住所データに緯度経度情報追加・・Q/G
（WEB地理院地図にてブラウザ上CSVを読み込ませると変換完了）
https://maps.gsi.go.jp/#10/37.016809/141.001282/&base=std&ls=std%7Calos_earthquake_20110311_touhoukchihou-taiheiyouoki_fukushima-20110303&blend=0&disp=11&vs=c1j0h0k0l0u0t0z0r0s0m0f1
－＞詳しい使い方は地理院地図のマニュアルP30～31参照
https://maps.gsi.go.jp/help/pdf/GSIMaps.pdf
![](https://i.imgur.com/tovBKtN.png)

## ③スマホ向け簡易アプリ（PWA）作成ノーコードツール「Glide」で公開
・GoogleSheetに開設している最新の避難所データを保存する。QGISから住所に緯度経度情報を追加したcsvファイルをアップロードし、余計な情報を省いたデータを別シートに保存する。
![](https://i.imgur.com/QiOg4Zx.jpg)

・Glideで作り込み。
表示させる項目をスプレッドシートの項目と紐付ける。作成時間は30分程度。
![](https://i.imgur.com/djYSrJy.jpg)

・公開する。
https://capable-riddle-3948.glideapp.io/

<img src="https://i.imgur.com/gEQm2RB.png" width="100"><br>

PWAへのリンクやURLが埋め込まれたQRコードをスマホで読み込むと、PWAが展開される。地図上に避難所一覧が表示される。リスト表示にも切り替えが可能。<br><img src="https://i.imgur.com/oFaY5vE.png" width="160">

<img src="https://i.imgur.com/69a9lXn.png" width="160"><br>

各項目でソートできる。

<img src="https://i.imgur.com/2U1self.png" width="160"><br>

マップのポイントもしくはリスト上の避難所をタップすると個別情報が表示される。開設状況や収容人数と現在避難している人数、充足率を表示する。
!<img src="https://i.imgur.com/dXqYS3k.png" width="160"><br>


市町村庁舎の場所も表示させる。
リストをタップすることで個別の庁舎情報を表示させる。
ウェブビュー機能があるので、リンクされた市町村ウェブサイトを遷移せずに表示できる。
<img src="https://i.imgur.com/PKmzRaf.png" width="160"><br>
<img src="https://i.imgur.com/DytMMEl.png" width="160"><br>


気象庁の情報やニュースもスクレイピングしてリスト表示させる。※記事中の地名を拾って地図上にプロットできるようになると理想的だが、重くなりそう。

<img src="https://i.imgur.com/Z3IBkoW.png" width="160"><br>
<img src="https://i.imgur.com/ptxDWXu.png" width="160"><br>
<img src="https://i.imgur.com/7pCX5fm.png" width="160"><br>
<img src="https://i.imgur.com/vMrLif4.png" width="160"><br><br><br>



## ④(QGIS)
・国土数値情報（行政堺、小学校区域、避難所、土砂災害危険地域）を入手
・国土基盤情報から標高データを入手し、株式会社エコリスさんが配布しているツールでDEMを作成する。
https://ecoris.co.jp/images/contents_img/demtool/demtool_v1_7_0.zip
・②及び上記で入手したデータをQGISで読み込み図化。
・表示内容の組み合わせ、および色や図形のスタイルの調整をQGIS上で実施。
・QGISの機能で出力
⇒PDF出力：プリントレイアウト機能使用
⇒WEB出力（２D）：QGISプラグインのQGIS2Webで出力（Leaflet形式）
⇒WEB出力（３D）：QGISプラグインのQGIS2threeで出力。
　　　　　　　　　わかりやすいように鉛直誇張で表示。

### e. サービスの内容・特徴
* （サービス1）スマホアプリで、現在地とその周辺で開設されている避難所の情報が提供される。
* （サービス2）PDF/ブラウザ形式で、小学校区単位での避難所の開設位置がわかる資料が提供される。

### f. 課題と解決に関わるステークホルダーとその役割
* 市町村（危機管理担当）＆データ作成サイド
** 避難所データの速やかな提供（できればGISに乗せやすい形）
** 望ましいアウトプットの提案
** アウトプットの速やかな公表
** 双方の信頼関係と、それに基づく速やかなデータ更新サイクル

### g. サービスによって課題が解決された世界のイメージ
### h. そのサービスが実際にターゲット（主人公）に届き活用されるまでのストーリー

* 被災後、市民or来街者が市HPを見ると、トップページに避難所情報へのリンクが示されている。
* そこをクリックすると、避難所のリストとともに地図情報が示されており、どの避難所が最寄りなのかが直感的に分かる。
* また、アプリへのリンクが示されており、それを利用すると現在地から最寄りの避難所が複数表示される。
* Glide版については、避難所の運営者が写真を撮影しアプリ経由でアップすることで、リアルな状況も把握可能になっている。

1.QGIS Leaflet
2021/02/14 13:11
http://iwaiwa.c.ooco.jp/leaflet/index.html

2.PDF形式
第4版：
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88D.pdf

3.ここにげて 福島版(Glide)
https://capable-riddle-3948.glideapp.io/


4.3Dデータサンプル（福島県平田村）
誇張版
http://iwaiwa.c.ooco.jp/3d_v2/


### i. サービスへのリンクURL（あれば）
1.QGIS Leaflet
2021/02/14 13:11
http://iwaiwa.c.ooco.jp/leaflet/index.html

2.PDF形式
第1版：
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88A.pdf

第2版：表示を修正
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88B.pdf

第3版：小学校区表示
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88C.pdf

第4版：小学校区表示+市町村名表示
http://iwaiwa.c.ooco.jp/leaflet/%E3%83%AC%E3%82%A4%E3%82%A2%E3%82%A6%E3%83%88D.pdf
`↑ Day2 17:00までに入力`

3.ここにげて 福島版(Glide)
https://capable-riddle-3948.glideapp.io/

4.3Dデータサンプル（福島県平田村）
通常版
http://iwaiwa.c.ooco.jp/3d/

誇張版
http://iwaiwa.c.ooco.jp/3d_v2/
---

## 6. 振り返り

### a. ユーザーフレンドリーなコミュニケーションデザインの設計について
* QGISのアウトプットやGlideを使って、市民に見てもらえる情報を整理することが出来た。

### b. 技術・デザインについて
* 短時間でいろいろと技術的なチャレンジを行うことが出来た。
→同じデータをいろいろな見せ方をすることで、それぞれの立場に応じた使いやすい情報に出来る。
* 避難所の住所データを、緯度経度の情報に変換する技術は重要
→ただし、緯度経度がずれることがあるので、目でチェックして修正することが必要。

### c. 「社会課題に資するG空間人材のあるべき姿」について（作ったサービス・プロセス）


### d. 役割分担は適切だったか・他にどんな役割が欲しかったか


### e. どのような知識・スキル・データが欲しかったか

＜データ＞
問題１
国土数値情報から小学校区データを利用しようとしたが郡山など一部市町村が抜けてた（面（ポリゴン）のみ、ポイントデータはあり）

問題２
離れている場所が同じ地域となっている

問題３
宮城県の避難所地図が表示されなかった（Yahoo地図が表示されず）

### f. 本日の学びや作ったものを今後どのように活かしたいか
・ジオコーディングを実施時には、座標の確認が必要であることを学んだため、今後に生かします。
・サービスに乗っかるのではなく、固定化したデータを作成できる手法としては、いくつか持っておくのが良いのではないかなとも思いました。

### g. これから地理空間技術を学びたいと思った人に伝えたいことは？
・とりあえず手を動かしてみる。方法を試してみる。先人に聞く。
・躓いたら悩まずコミュニティに相談をする。
・様々なツールが役に立つので視野を広げてみる。



`↑ Day2 最終発表後にチームで振り返りながら入力`




###### tags: `GHP2020`