ARアプリを活用した防災まち歩きデータ作成ハンズオン

Slide 1

Slide 1 text

FOSS4G 2025 KANSAI ハンズオンデイ ARアプリを活用した防災まち歩きデータ作成ハンズオン吉田大介大阪公立大学大学院情報学研究科リーモンベンジャミン大阪公立大学都市科学・防災研究センターグエンバンティエン大阪公立大学都市科学・防災研究センター 2025.07.06

Slide 2

Slide 2 text

00 ｜セッションの概要アジェンダ 01 ｜ ARアプリの紹介 02 ｜事例の紹介 03 ｜データの作成 04 ｜端末へインストール 05 ｜作成したデータの確認開始終了 9:30 12:30 9:40 10:00 11:45 06 ｜質疑応答

Slide 3

Slide 3 text

MUSUBOU-AR アプリの紹介 01

Slide 4

Slide 4 text

01 ARアプリ「MUSUBOU-AR」 3 防災教育ARアプリの開発の背景 1 ⚫ 防災・災害情報はデジタル地図上でしか表現できない ⚫ 実際の現場状況がどうなっているかは、利用者の想像力に頼っている従来の防災地図アプリの課題災害リスクが適切に伝わらない臨場感がない防災訓練のネガティブイメージ地域特性に応じたカスタマイズができない災害・防災の「自分ごと」化につなげる仕組みゲームのように楽しみながら参加できる仕組み地域に合わせて自由で簡単にカスタマイズできる仕組み子どもや若い世代に興味をもたせる仕組み

Slide 5

Slide 5 text

01 ARアプリ「MUSUBOU-AR」 4 MUSUBOU-ARとは？ 2 拡張現実（AR）で災害を「見える化」する防災教育アプリ ⚫ 火災、浸水、家屋倒壊、土砂崩れ、液状化現象などのハザードをARで表示 ⚫ 現実の街並みに災害シナリオを重ね仮想体験が可能 ⚫ お住まいの地域に合わせた災害リスクを視覚的に理解

Slide 6

Slide 6 text

01 ARアプリ「MUSUBOU-AR」 5 技術と公開情報 3 オープンに、誰でも使える防災ARアプリ ⚫ App Storeで無料配信中 ⚫ コードはオープンライセンスで公開 ⚫ 教育・自治体・市民団体などによる幅広い活用を想定

Slide 7

Slide 7 text

01 ARアプリ「MUSUBOU-AR」 6 主な機能 4 臨場感あるAR体験で防災意識を高める仮想体験｜火災仮想体験｜家屋倒壊

Slide 8

Slide 8 text

MUSUBOU-AR アプリを活用した事例の紹介 02

Slide 9

Slide 9 text

02 取り組みの事例紹介 8 大阪狭山防災レンジャー主催「ARで防災さんぽ」 1

Slide 10

Slide 10 text

02 取り組みの事例紹介 9 豊中市主催「防災AR授業」 2

Slide 11

Slide 11 text

MUSUBOU-AR データの作成 03

Slide 12

Slide 12 text

11 情報の種類 1 03 MUSUBOU-AR データの作成ルート情報 1 まち歩きのルート情報となるラインデータ災害情報 2 防災施設・仮想災害の場所を示すポイントデータ G I S 情報 3 国土地理院などが配信しているタイルデータ

Slide 13

Slide 13 text

12 データ作成の流れ 2 03 MUSUBOU-AR データの作成 A1 データ作成サイト起動 A2 まち歩きルート作成基本編 A3 防災施設の設置 A4 仮想災害の設置 04 端末へインストール保存 A6 情報の保存保存 A5 GIS情報の表示作成基本編作成基本編作成応用編

Slide 14

Slide 14 text

03 MUSUBOU-AR データの作成 13 まち歩きデータを作成する上でのポイント 3 ⚫対象地域での災害リスクを調べる土地の起伏、河川、古い木造住宅、住宅密集地域、ブロック塀土砂災害警戒区域、ため池、埋立地など ⚫対象地域の防災関連施設を調べる避難所（種別、収容人数）、AED 防火水槽、水害時避難ビル、井戸など ⚫対象地域の歴史を調べる石碑、神社、古い航空写真、古地図など

Slide 15

Slide 15 text

03 MUSUBOU-AR データの作成 14 まち歩き参考資料 4

Slide 16

Slide 16 text

15 MUSUBOU-AR アプリ向けデータ作成サイトを起動しましょう 1 インターネットブラウザーデータ作成サイトスタート画面 03 データの作成 A1 データ作成サイトインターネットブラウザーから https://cerdar.reearth.io/ を入力し、データ作成サイトを起動しましょう 1 1 1 1 2 2

Slide 17

Slide 17 text

16 画面構成 2 03 データの作成 A1 データ作成サイト 4 3 2 5 1 1 地図の見え方設定ボタン地図の方角（回転）、傾き、拡大、縮小リセットの操作地図表示（種類）設定ボタン航空写真、淡色地図などを設定情報設定ボタン災害情報、ルート情報、GIS情報を入力 2 住所検索ボタン住所を入力すると、その地点の地図が自動的に表示 3 4 5 現在地の表示ボタン現在地の地図を表示

Slide 18

Slide 18 text

17 まち歩きルートを設定しましょう 1 03 データの作成 A2 まち歩きルートパスを描くボタンをクリックします。入力画面が表示されます 2 情報設定ボタンをクリックし、情報入力画面を表示します 1 1 1 2 2 3 3

Slide 19

Slide 19 text

18 まち歩きルートを設定しましょう 2 03 データの作成 A2 まち歩きルート地図上で左クリックし、まち歩きルートを描いてください 3 1 描き終えたら、右クリックで入力を終了してください 4 2 1 2

Slide 20

Slide 20 text

19 1 03 データの作成 A3 防災施設の設置入力したい情報のアイコンを選択し、表示させたい位置までドラッグ 2 情報設定ボタンをクリックし、情報入力画面を表示 1 1 1 2 2 情報を入力 3 防災施設を設置してみましょう

Slide 21

Slide 21 text

20 2 03 データの作成 A3 防災施設の設置 1 2 3 4 5 6 3 説明情報の説明文を入力 4 グループプロジェクトごとに情報を整理 5 URL種類画像または動画を選択 1 情報種類情報の種類を選択 2 タイトル表示する情報のタイトルを入力 6 URL データのURLを入力表示イメージ 2 3 6 1 5 情報を入力 3 防災施設を設置してみましょう

Slide 22

Slide 22 text

21 1 03 データの作成 A4 仮想災害の設置入力したい情報のアイコンを選択し、表示させたい位置までドラッグ 2 情報設定ボタンをクリックし、情報入力画面を表示 1 1 2 情報を入力 3 50m 1 2 仮想災害を設置してみましょう

Slide 23

Slide 23 text

22 2 03 データの作成 A4 仮想災害の設置 3 4 5 1 2 6 7 8 ９ 10 11 3 説明警告の説明文を入力 4 グループグループ名を入力 5 座標座標を取得 1 警告種類警告の種類を選択 2 タイトル表示するタイトルを入力 6 範囲 ARを表示する範囲を入力 9 終了時刻災害の終了時刻を入力 10 災害接近メッセージ災害のポイントに近づいたら表示されるメッセージを入力 11 災害侵入メッセージ災害のエリア（で設定した範囲）に入ったら表示されるメッセージを入力 7 強度効果のスケールを入力 8 開始時刻災害の開始時刻を入力 6 2 3 情報を入力 3 表示イメージ仮想災害を設置してみましょう 1

Slide 24

Slide 24 text

23 自由にデータを作成しましょう 1 03 データの作成｜基本編 A3, A4 災害情報｜防災情報・仮想災害の設置災害情報を自由に配置し、防災まち歩き用データを作成しましょう情報タグ警告タグ医療機関警察署・交番消防所 AED 防火水槽老人ホーム避難所避難ビル情報アイコン火災浸水土砂崩れ道路閉鎖（家屋倒壊）道路閉鎖（ブロック塀倒壊）津波道路閉鎖（液状化）データ作成マニュアル

Slide 25

Slide 25 text

24 GIS情報を表示しましょう 1 03 データの作成｜応用編 A5 GIS情報の表示 2 タイトル GIS情報のタイトルを入力表示させたい情報を入力し、更新をクリックします 2 「+」ボタンをクリックし、 GIS情報を表示します 1 1 2 オープンデータ配信一覧重ねるハザードマップ 1 3 4 5 5 3 地図タイル表示させたい地図タイルの URLを入力 4 凡例画像凡例画像のURLを入力 https://disaportal.gsi.go.jp/hazardmap/copyright/opendata.html

Slide 26

Slide 26 text

25 GIS情報を表示しましょう 2 03 データの作成｜応用編 A5 GIS情報の表示 GIS情報が表示されますで表示、非表示が設定できます 3 A A 情報の表示/非表示 B 修正 C 削除 B C A

Slide 27

Slide 27 text

26 情報を保存しましょう 1 03 データの作成 A6 情報の保存 1 2 災害情報を保存するにはエクスポートボタンをクリックします 2 1 データファイル data.geojson が作成されます 1 ルート情報を保存するにはエクスポートボタンをクリックします 4 3 データファイル LinePolygon.geojson が作成されます 2 3 GIS情報を保存するにはエクスポートボタンをクリックします 6 5 データファイル gis_data.json が作成されます 3

Slide 28

Slide 28 text

MUSUBOU-AR 端末へインストール 04

Slide 29

Slide 29 text

28 端末へインストールしましょう 1 04 端末へインストール端末に「このコンピュターを信頼しますか？」のメッセージが表示されたら、「信頼」をタップします 1 端末とパソコンをUSBケーブルで接続します 2 1 2 1 2

Slide 30

Slide 30 text

29 PC: Windows から端末へインストールしましょう 2 04 端末へインストール 2 設定ファイル共有をクリックするとアプリが表示されますアプリ「MUSUBOU-AR」をクリックします 1 アプリ iTunesを開き左上の端末のアイコンをクリックしますアプリ iTunesを使ってデータを端末へインストールします 1 2 1 2 3 3

Slide 31

Slide 31 text

30 04 端末へインストール保存した情報などのデータファイルをドラッグ＆ドロップで移動し、同期ボタンをクリックしますインストール作業が完了します PC: Windows から端末へインストールしましょう 3 3 4 4 5 5

Slide 32

Slide 32 text

31 「“ 端末の名前 ” を信頼しますか？」のメッセージが表示されたら、「信頼」をタップします 04 端末へインストール Finderを開き、左端に表示されている端末をクリックします 3 右中央上にある「ファイル」をクリックし、リストを表示します 1 PC: Mac から端末へインストールしましょう 3 1 Finder を使ってデータを端末へインストールします 1 3 2 2 「MUSUBOU-AR」フォルダーがあるのを確認します。 4 4 4 5 5 2 3

Slide 33

Slide 33 text

32 04 端末へインストール PC: Mac から端末へインストールしましょう 5 保存した情報などのデータファイルをドラッグ＆ドロップで移動し、同期ボタンをクリックしますインストール作業が完了します 5 6 7 6 7

Slide 34

Slide 34 text

MUSUBOU-AR 外で、作成したデータを確認しましょう 05

Slide 35

Slide 35 text

MUSUBOU-AR 質疑応答 06

Slide 36

Slide 36 text

豊中市庄内さくら学園での ARアプリを活用した防災教育防災教育 x ドローンプログラミング岸和田城３次元モデル & オープンデータ公開研究室HPに過去の取り組みのまとめ動画などを掲載しています。兵庫県でのドローンを用いた物資配送実験