:
Text
detail
◯背景・課題
災害が発生した際には、避難所、ハザードマップ、気象情報、地震情報など、さまざまな情報を確認する必要があります。
一方で、これらの情報は複数のWebサイトやサービスに分散している場合があり、必要な情報を探すために複数のサイトを確認しなければならないことがあります。
そこで、防災に関する複数のデータを地図上に集約し、一つのWebアプリケーションから確認できるようにすることで、防災情報へのアクセスを容易にすることを目指しました。
さらに、防災は災害発生時だけでなく、平常時から知識を身につけ、地域の状況を知っておくことが重要です。そのため、防災情報の閲覧機能に加えて、学習機能も実装しています。
◯作品の特徴
1. 複数の防災情報を地図上に集約
防災INSIGHTでは、指定緊急避難場所、ハザードマップ、気象情報、地震情報など、複数の防災情報を地図上で確認できます。
情報を地図という共通のインターフェースにまとめることで、「どこで、どのような情報があるのか」を視覚的に把握できるようにしています。
2. オープンデータを活用した防災情報の可視化
自治体等が公開する防災関連のオープンデータを活用し、Web地図上に表示しています。
異なる種類のデータを組み合わせることで、個別のデータだけでは分かりにくい地域の防災情報を、地図を通して総合的に確認できるようにしています。
3. OpenStreetMapとの組み合わせ
地図表示にはOpenStreetMapを利用しています。
防災関連のオープンデータとOpenStreetMapを組み合わせることで、防災情報を地理的な文脈の中で確認できるようにしています。
4. 平常時から利用できる防災学習
災害発生時の情報確認だけを目的とせず、平常時から防災について学べるよう、クイズ形式の学習機能を実装しています。
「防災情報を見る」だけでなく、「防災について知る・学ぶ」ことができることを特徴としています。
5. Webアプリケーションとして公開
特別なソフトウェアのインストールを必要とせず、Webブラウザから利用できます。
HTML、CSS、JavaScriptを中心としたWeb技術で構築し、GitHub Pages上で公開しています。
◯データの活用
防災INSIGHTでは、防災に関する複数のデータを、それぞれ単独で表示するのではなく、地図を介して組み合わせています。
例えば、避難場所の情報とハザードマップを同じ地図上で確認することで、「どこに避難場所があるのか」だけではなく、「その周辺がどのような災害リスクと関係しているのか」を確認できます。
このように、個別に公開されているデータを組み合わせ、利用者にとって意味のある情報として提示することを、本作品におけるデータ活用の中心としています。
◯技術構成
* HTML5
* CSS
* JavaScript
* jQuery
* Leaflet
* OpenStreetMap
* GitHub Pages
地図表示にはLeafletを利用し、OpenStreetMapを背景地図として使用しています。
◯オープンソース
防災INSIGHTのソースコードはGitHub上で公開しています。
ソースコードを公開することで、実装方法を確認したり、同様の地域課題に対して応用したりできるようにしています。
◯これまでの活動・実績
防災INSIGHTは、2023年に公開した防災Webアプリケーションです。
2024年には「ヒーローズ・リーグ2024」において、OpenStreetMap Foundation Japanによる「OpenStreetMap賞」を受賞しました。
受賞に際しては、防災に関するオープンデータを活用していること、および地図にOpenStreetMapを活用していることが評価されています。
◯今後の展開
防災に関するオープンデータは、自治体や地域によって公開されているデータの種類や形式が異なります。
今後も公開されるデータを活用しながら、複数のデータを組み合わせ、地域の防災情報をより分かりやすく提供できる仕組みを検討していきます。
また、オープンデータやOpenStreetMapなど、既に公開されているデータやサービスと組み合わせることで、他の地域や防災関連サービスにも応用できる可能性があります。
◯作品URL
防災INSIGHT
https://linkevery2s.github.io/bsinsight/
◯キーワード
防災、オープンデータ、LOD、Linked Open Data、シビックテック、地図、GIS、OpenStreetMap、防災教育、Webアプリケーション、データ可視化
Update: Oct 10, 2026
(齋藤 仁志)
