20130413 いしのまき復興マップづくり

いしのまき復興マップづくり2013あなたのPCやスマホで復興していく被災地のお店や街のイマを記録してみませんか？

@mapconciergeOpenStreetMap Foundation Japan

20130413 ISHINOMAKI

マップコンシェルジュ(株) 代表取締役一般社団法人オープンストリートマップ・ファンデーション・ジャパン 副理事長

@mapconcierge

b y T a i c h i F U R U H A S H I

#hack4jp#OSMjp

14/32

【目的】

1) 石巻のオープンストリートマップを実用レベルにする。2) 石巻のイマを記録し、後で振り返ることができるようにする。3) 地域の方々が自分たちで地図を更新し、石巻を再発見するひとつのきっかけをつくる。

【目的】

1) 石巻のオープンストリートマップを実用レベルにする。2) 石巻のイマを記録し、後で振り返ることができるようにする。3) 地域の方々が自分たちで地図を更新し、石巻を再発見するひとつのきっかけをつくる。

東北６県すべてYahoo!JAPAN/ALPSデータ入力完了！

ISHINOMAKI2.0 マップデータ入力完了！

東京工業大学真野研究室

ピースボート災害ボランティアセンター・マップデータ入力中！

GoogleとStreetViewデータの利用について協議中

建物の高さなど判読情報をOSMに入力 したい

建物の情報

•name=XXXXX•height=10•levels=3

b y T a i c h i F U R U H A S H I 17

3Dマップへの展開

いしのまき復興マップづくり2013【目的】1) 石巻のオープンストリートマップ※を実用レベルにする。2) 石巻のイマを記録し、後で振り返ることができるようにする。3) 地域の方々が自分たちで地図を更新し、石巻を再発見するひとつのきっかけをつくる。

※オープンストリートマップは、みんなでつくる世界地図づくりプロジェクトです。　100万人の仲間(2013年1月現在)といっしょに、さまざまな地域でまち歩きをしながら地図を作っています。　http://osm.org

【スケジュール】4/13(土) 10:30-17:00

【場所】ヤフー石巻復興ベース

【参加費・申し込み】無料・事前登録制

【主催】

【後援】

【連絡先】一般社団法人オープンストリートマップ・ファウンデーション・ジャパンfukko@osmf.jp

オープンストリートマップによる復興マップづくりの活動は公益財団法人トヨタ財団 平成23年度夏 研究助成プログラム「特定課題」政策提言助成の支援を受けて被災地各地で活動中です。

Hack for Japan/一般社団法人オープンストリートマップ・ファウンデーション・ジャパン

石巻市役所 / 社団法人 石巻観光協会 / 石巻商工会議所 / 河北新報社 / 三陸河北新報社 / 助けあいジャパン / NPO法人DoTankみやぎ / 東京工業大学真野研究室(ISHINOMAKI2.0) / ピースボート災害ボランティアセンター / みらいサポート石巻 / Yahoo! JAPAN(50音順)

住んでいる人もみんなで作れる地図それがオープンストリートマップです！

例えば、お店の情報、バス停、通りの名前、病院や公園、多国語表記

やろうと思えば、樹を１本１本記録できます。

http:// osm.org

集めた情報は、みんなで使います。

→ 紙に印刷・配布OK!!→ 商用利用OK!!→ Yahoo!地図でも採用。

※サービス名は Yahoo!ロコです。PC版/スマホ版それぞれOSMレイヤに切り替えると表示されます。

flickr

既に、多くの企業が自社サービスで利用中

オープンストリートマップのつくりかた

まち歩き地図の転載許可を頂く

インターネット上の情報を更新

最短数分 ※で地図が更新！

PCで更新 →

スマホで更新 →

← 紙地図で更新 potlatch2 JOSM

Pushpin OSMTracker

※ サービスによって更新頻度は異なります。

①

③

④

②

iD

http://osm.org

【本日のスケジュール】

10:30 - 11:00 講師からの説明と事前準備

11:00 - 14:00 街歩きをして、グループごとに昼食

14:00 - 15:00 データ入力

15:00 - 16:00 グループごとに成果発表

16:00 - 17:00 総合ディスカッション

17:30 - 20:00 懇親会（事前申込 2,000円/当日 3,000円）

今日のハッシュタグ #hack4jp

みなさんがつくった石巻の手作り地図をオープンストリートマップへ転載許可いただけませんか？

復興マップチームが紙地図をお預かりし

情報を転載いたします。

連絡先一般社団法人オープンストリートマップ・ファウンデーション・ジャパン

復興マップ担当：古橋　info@osmf.jp

メリット

・世界に情報が発信出来ます！

・バリアフリーマップが作れます！

・再調査の手間が減ります！

・石巻のイマが記録され、振り返れます。

【目的】

1) 石巻のオープンストリートマップを実用レベルにする。2) 石巻のイマを記録し、後で振り返ることができるようにする。3) 地域の方々が自分たちで地図を更新し、石巻を再発見するひとつのきっかけをつくる。

【目的】

1) 石巻のオープンストリートマップを実用レベルにする。2) 石巻のイマを記録し、後で振り返ることができるようにする。3) 地域の方々が自分たちで地図を更新し、石巻を再発見するひとつのきっかけをつくる。

【本日のスケジュール】

10:30 - 11:00 講師からの説明と事前準備

11:00 - 14:00 街歩きをして、グループごとに昼食

14:00 - 15:00 データ入力

15:00 - 16:00 グループごとに成果発表

16:00 - 17:00 総合ディスカッション

17:30 - 20:00 懇親会（事前申込 2,000円/当日 3,000円）

【本日のスケジュール】

10:30 - 11:00 講師からの説明と事前準備

11:00 - 14:00 街歩きをして、グループごとに昼食

14:00 - 15:00 データ入力

15:00 - 16:00 グループごとに成果発表

16:00 - 17:00 総合ディスカッション

17:30 - 20:00 懇親会（事前申込 2,000円/当日 3,000円）

今日のハッシュタグ #hack4jp

28

本日のケーキマップ

http://mapcraft.nanodesu.ru/pie/241#

エリア①

エリア②

エリア③

エリア④

石巻駅復興ベース

チーム分け（５人チームｘ６＝３０名） チームA： 石ノ森章太郎キャラクタ像マッピングチーム（エリア１-２）（リーダ：瀬戸）

チームB： 石ノ森章太郎キャラクタ像マッピングチーム（エリア３）（リーダ：高橋、関） チームC： 駅前店舗調査チーム（エリア１） （リーダ：飯田） チームD：店舗調査チーム（エリア２、仮設商店街）（リーダ：西村） チームE：住吉公園チーム（エリア４）（リーダ：古橋、補佐：舘山） チームF：店舗復興マルシェ（エリア３）（リーダ：小俣）

30

本日のケーキマップ

http://mapcraft.nanodesu.ru/pie/241#

エリア①

エリア②

エリア③

エリア④

石巻駅復興ベース

使う道具

•ペンと紙地図•Pushp in•GPS

石ノ森章太郎キャラクタ像マッピングチームのチュートリアル

瀬戸寿一（OSMFJ, 立命館大学）

マッピングに必要な要素

• tourism=artwork• name= ロボコン

• opening_hours: 24/7

• operator: 石巻市

• wheelchair: yes• source=survey

キャラクタ像が他の地物と一緒になっている場合

• ベンチの場合–amenity=bench

• 郵便ポストの場合–amenity=post_box

• これらを後で加える（地図にメモしておく）

「証拠」を記録する•キャラクタ像の真上に近い所でGPSロガーのPOI登録をする

•写真を撮る（全体像1枚・名前1枚・設置者が石巻市以外の場合は運営主体名も）

•紙地図に大体の場所と地物情報を控える　（立像・ベンチ・郵便ポスト）

さるとびエッちゃん

余力があれば…•いしのまきマンガロード対象店舗のPOI入力•外観写真の撮影•スタンプラリーの番号を控えるOSMタグ： ref=番号

さらに余力があれば…•写真・場所の情報を把握しておく

Happy Mapping !

43

本日のケーキマップ

http://mapcraft.nanodesu.ru/pie/241#

エリア①

エリア②

エリア③

エリア④

石巻駅復興ベース

チーム分け（５人チームｘ６＝３０名） チームA： 石ノ森章太郎キャラクタ像マッピングチーム（エリア１-２）（リーダ：瀬戸）

チームB： 石ノ森章太郎キャラクタ像マッピングチーム（エリア３）（リーダ：高橋、関） チームC： 駅前店舗調査チーム（エリア１） （リーダ：飯田） チームD：店舗調査チーム（エリア２、仮設商店街）（リーダ：西村） チームE：住吉公園チーム（エリア４）（リーダ：古橋、補佐：舘山） チームF：店舗復興マルシェ（エリア３）（リーダ：小俣）

使う道具

•ペンと紙地図•Pushp in•GPS

チームごとに食事をして

14:00にここに集合

マップコンシェルジュ(株) 代表取締役一般社団法人オープンストリートマップ・ファンデーション・ジャパン 副理事長

@mapconcierge

by Ta i ch i FURUHASHI48

特技：

木登り

by Ta i ch i FURUHASHI49

趣味：

ツリーハウス

作り

b y T a i c h i F U R U H A S H I

Hack for Iwate

CyberForest#OTOHAMA

大槌サウンドスケープ

情報レンジャー

OpenStreetMapクライシスマッピング

東日本大震災アーカイブ

b y T a i c h i F U R U H A S H I

Haiti

b y T a i c h i F U R U H A S H I

12 Jan 2010

b y T a i c h i F U R U H A S H I

b y T a i c h i F U R U H A S H I

わずか数日で、

ボトムアップ的手法で

ハイチの詳細なマップを

作り上げた。

b y T a i c h i F U R U H A S H I

震災前

b y T a i c h i F U R U H A S H I

震災後

b y T a i c h i F U R U H A S H I

避難場所もすぐにプロット！

b y m a p c o n c i e r g e

実際に

現地で救援活動を行う

国際赤十字のチームが

GPSにコピーして使った。

59

b y m a p c o n c i e r g e

b y T a i c h i F U R U H A S H I 61

b y T a i c h i F U R U H A S H I

OpenStreetMap?

b y T a i c h i F U R U H A S H I

みんな でつくる地図

b y T a i c h i F U R U H A S H I

例えるならば

「ウィキ地図」

≒

by Ta i ch i FURUHASHI

チラシの案内図

街角での張り紙

by Ta i ch i FURUHASHI

こういうこと、してませんか？

by Ta i ch i FURUHASHI

会場

by Ta i ch i FURUHASHI

Googleマップとか紙地図をコピーして、

使っていませんか？

by Ta i ch i FURUHASHI

Googleマップとか紙地図をコピーして、

使っていませんか？

by Ta i ch i FURUHASHI

地図は

みんなが使うもの。

by Ta i ch i FURUHASHI

でも、

by Ta i ch i FURUHASHI

by Ta i ch i FURUHASHI

個人利用の枠を超えると使えない！

by Ta i ch i FURUHASHI

Googleマップはゼンリン社の地図データを購入して使用している。

by Ta i ch i FURUHASHI

by Ta i ch i FURUHASHI

ユーザーは、全部であるか一部であるかを問わず、画像の複写、リ

バースエンジニアリング、逆コンパイル、逆アセンブル、 変換、修正

または派生物の生成をすることはできません。また、ユー

ザーは、画像またはその一部を、本規約において明示的に許可されて

いない方法で利用、貸出、公開、出版、販売、譲渡、リース、再実施

権許諾、マーケティングまたは転送を行うことはできません。

（ 「Google マップの利用規約」より一部抜粋）

by Ta i ch i FURUHASHI

Google Maps は

印刷して

配布したらアウト！

by Ta i ch i FURUHASHI

印刷機能はあるのに...

by Ta i ch i FURUHASHI

Googleだけではなく

by Ta i ch i FURUHASHI

ふつうの地図は著作権に守られ、

自由に複製や改変できない。

by Ta i ch i FURUHASHI

じゃあ

自由に使える地図って

ないの？

b y T a i c h i F U R U H A S H I

それがOpenStreetMap

b y T a i c h i F U R U H A S H I

ちなみに

無料だった

Googleマップも…

b y T a i c h i F U R U H A S H I

2011年からついに有料化！

b y T a i c h i F U R U H A S H I

他の選択肢として

OSMが浮上

b y T a i c h i F U R U H A S H I

OSMを利用している

主要企業

b y T a i c h i F U R U H A S H I

flickr

b y T a i c h i F U R U H A S H I

Nike

Nike GRIDhttp://www.nikegrid.com/

b y T a i c h i F U R U H A S H I

MapQuest

b y T a i c h i F U R U H A S H I

Microsoft

b y T a i c h i F U R U H A S H I 91

Navitime World

b y T a i c h i F U R U H A S H I

b y T a i c h i F U R U H A S H I

Geocaching.com

b y T a i c h i F U R U H A S H I

Krpano

b y T a i c h i F U R U H A S H I

b y T a i c h i F U R U H A S H I

Apple

b y m a p c o n c i e r g e 97

Yahoo!JAPAN

b y m a p c o n c i e r g e 98

Wikipedia

b y T a i c h i F U R U H A S H I

iOS maps

b y m a p c o n c i e r g e 100

b y m a p c o n c i e r g e 101

b y m a p c o n c i e r g e 102

by @mapconcierge, @Tom_G3X and OSM conctibutors

2010年10月現在の会津若松・鶴ヶ城（大縮尺）

by @mapconcierge, @Tom_G3X and OSM conctibutors104

by @mapconcierge, @Tom_G3X and OSM conctibutors105

by @mapconcierge, @Tom_G3X and OSM conctibutors106

by @mapconcierge, @Tom_G3X and OSM conctibutors107

by @mapconcierge, @Tom_G3X and OSM conctibutors108

by @mapconcierge, @Tom_G3X and OSM conctibutors109

http://www.osm-3d.org/map.htm

by @mapconcierge, @Tom_G3X and OSM conctibutors110

http://maps.osm2world.org/?lat=35.68858&lon=139.69294&zoom=16&layers=B0TFF

by @mapconcierge, @Tom_G3X and OSM conctibutors111

http://www.osm-3d.org/map.htm

by @mapconcierge, @Tom_G3X and OSM conctibutors112

http://www.osm-3d.org/map.htm

b y T a i c h i F U R U H A S H I

JOSMによるインドアマッピング

b y T a i c h i F U R U H A S H I 114

インドアマッピングのインターフェイス例

b y T a i c h i F U R U H A S H I 115

by @mapconcierge, @Tom_G3X and OSM conctibutors

これらのデータが

①複製・改変可能②道路中心線も使える

③商用利用可④世界中のデータが整備中

by Ta i ch i FURUHASHI

紙地図への展開も始まっている。

b y T a i c h i F U R U H A S H I

大事な事は

OSMは地図データの入れもの。

美しく表現するには多少の Hack が必要！

b y T a i c h i F U R U H A S H I

＋ OpenLayers

＋ Leaflet

＋ Illustrator

b y T a i c h i F U R U H A S H I

＋ OpenLayers

＋ Leaflet

＋ Illustrator今日はこの部分を学ぶ！

b y T a i c h i F U R U H A S H I

＋ OpenLayers

＋ Leaflet

＋ Illustrator

美しい地図をつくるにはこっちの知識が必要！

b y T a i c h i F U R U H A S H I

被災地の状況は

日々変わっている。

地図も日々変わって欲しい。

b y T a i c h i F U R U H A S H I

自分の活動エリアは

よく知っているが

他の地区にいくと

お店や地名がわからない。

b y T a i c h i F U R U H A S H I

大都市圏からの

外部ボランティアに

正確な地図を

提供したい。

b y T a i c h i F U R U H A S H I

美味しいお店情報を

みんなで共有して

被災地にお金を落としてほしい。

b y T a i c h i F U R U H A S H I

GPSを使ったマッピング

①お店の名前（ふりがな）

②ジャンル

③営業時間

④電話番号

⑤いつオープン？

b y T a i c h i F U R U H A S H I

航空写真を使ったトレースマッピング

①建物

②道路

③仮設住宅の住所

b y T a i c h i F U R U H A S H I

編集ツールでおすすめのもの

・ウェブブラウザ用: Potlatch2 -> iD

・スタンドアローン用: JOSM

potlatch2

JOSM

iD

b y T a i c h i F U R U H A S H I

モバイルツールでおすすめのもの

・iOS用: Pushpin OSM / Wheelmap

・Android用: OSM Tracker / Wheelmap

Pushpin

OSMTracker

Wheelmap

Wheelmap

b y T a i c h i F U R U H A S H I

①osm.orgにアクセス

②アカウント作成

③確認メールで認証

2013/02/22 2013/03/07

石巻駅周辺の復興マッピング作業状況

練習用OSMアカウント： osmbasecamp

パスワード： happymapping

b y T a i c h i F U R U H A S H I

紙地図を使ったマッピング

①店舗情報

②仮設住宅

③その他重要な情報

b y T a i c h i F U R U H A S H I 133

b y T a i c h i F U R U H A S H I 134

b y T a i c h i F U R U H A S H I

陸前高田の

金太郎マップを

入力してみました。

b y T a i c h i F U R U H A S H I 136

b y T a i c h i F U R U H A S H I

道具：ウェブブラウザ

必須：OSMアカウントのみ

b y T a i c h i F U R U H A S H I

道具：ウェブブラウザ

必須：OSMアカウントのみhttp://openstreetmap.org にアクセスし、メールアドレスと希望するアカウント名、パスワードを入力して、メール認証すれば即座に発行

b y T a i c h i F U R U H A S H I

Potlatch2ポトラッチ2

ウェブブラウザで動作するFlashベースのOSMエディタ

b y T a i c h i F U R U H A S H I 140

openstreetmap.org サイトにログインして編集モードに切り替え。

b y T a i c h i F U R U H A S H I 141

b y T a i c h i F U R U H A S H I 142

b y T a i c h i F U R U H A S H I 143

b y T a i c h i F U R U H A S H I 144

最速15分程度で地図に反映。

b y T a i c h i F U R U H A S H I 145

最速15分程度で地図に反映。

b y T a i c h i F U R U H A S H I 146

データ表示で内容確認

b y T a i c h i F U R U H A S H I 147

データ表示で内容確認

b y T a i c h i F U R U H A S H I 148

データ表示で内容確認

b y T a i c h i F U R U H A S H I

重要なのは

「利用許諾」

b y T a i c h i F U R U H A S H I

◯◯マップをOSMに入力して良い！という一筆が必須

OpenStreetMap

b y T a i c h i F U R U H A S H I

直接サインしてもらう利用許諾書も作ってみました。

b y T a i c h i F U R U H A S H I

「編集作業」

b y T a i c h i F U R U H A S H I

これはなんでしょう？

highway=road

b y T a i c h i F U R U H A S H I

これはなんでしょう？

highway=roadsource=survey

b y T a i c h i F U R U H A S H I

道路関連タグhighway=road ←道路の種類がよくわからない場合highway=tertiary ←センターラインのある道路highway=unclassified ←センターラインのない道路highway=residential ←住宅街の中の道路highway=service ←私道highway=pedestrian ←商店街などの歩道。highway=footway ←歩道・遊歩道highway=steps ←階段

b y T a i c h i F U R U H A S H I

これはなんでしょう？

building=yessource=Bing

b y T a i c h i F U R U H A S H I

これはなんでしょう？amenity = pub

b y T a i c h i F U R U H A S H I

これはなんでしょう？amenity = pub

wheelchair = yeswheelchair:description = 入り口広く、段差なし。

operator=YORONOTAKIoperator:ja=養老乃瀧

b y T a i c h i F U R U H A S H I

これはなんでしょう？　shop=convenience　

operator:ja=ローソンname:ja=ローソン釡石駅前店name:ja_kana=ろーそんかま

いしえきまえてん

b y T a i c h i F U R U H A S H I

アノテーション関連タグ電話番号：　contact:phone=+81-120-123-1234営業時間：　opening_hours=hh:mm-hh:mmウェブサイト：　contact:website=http://hoge.com 説明：　description=釡石駅前から歩いていける

ソース（原典）：source=Bing ←航空写真レイヤトレースの場合source=survey ←自分のGPSログを使用の場合source=knowledge ← 地元の知識や常識

被災して閉じた店舗：　end_date=YYYYMMDD復興して新規にオープンした店舗：　start_date=YYYYMMDD

バリアフリー：　wheelchair=yes / no / limited

b y T a i c h i F U R U H A S H I

最後これはなんでしょう？

amenity = parking capacity=10

area=yesele=100

b y T a i c h i F U R U H A S H I

OSMの楽しみ方！

b y T a i c h i F U R U H A S H I

ジオキャッシング

＋

OSM

b y T a i c h i F U R U H A S H I

b y T a i c h i F U R U H A S H I 165

b y T a i c h i F U R U H A S H I

http://coord.info/GC330FH

b y T a i c h i F U R U H A S H I

総合ディスカッション

（質疑応答）

b y T a i c h i F U R U H A S H I 168

http://wiki.openstreetmap.org/wiki/JA_talk:Key:place

state(道・州)region(都府県・支庁)county(郡・支庁・列島)city(市・東京23区)town(町・区(東京以外))village(村・大字)

hamlet(町丁目・小字)　← 大規模仮設住宅？isolated_dwelling(hamletより小)farm(特筆すべき個々の農場)

suburb(行政区画以外)　← 小規模仮設住宅？neighbourhood(suburbより小)

b y T a i c h i F U R U H A S H I 169

> iOS> http://wiki.openstreetmap.org/wiki/Apple_iOS>> Android> http://wiki.openstreetmap.org/wiki/Android

b y T a i c h i F U R U H A S H I 170

GARMIN eTrex20J

日本語メニュー

カラー液晶

マイクロSDカード

GPS＋GLONASS＋みちびき対応

USBケーブルによるデータ転送

b y T a i c h i F U R U H A S H I

５分でできる

初期設定

b y T a i c h i F U R U H A S H I 172

①電源のオン/オフ

電源ボタン

右側電源ボタン５秒長押し　↓

本体起動（そのまま待つ）　↓

メインメニュー

b y T a i c h i F U R U H A S H I 173

②ディスプレイ輝度調整

電源ボタン

右側電源ボタンクリック　↓

本体起動（そのまま待つ）　↓

メインメニュー

操作スティック

b y T a i c h i F U R U H A S H I

“Hack For Japan”公開グループ

b y T a i c h i F U R U H A S H I

lingr.com/room/osm公開チャットルーム

地図のことならマップコンシェルジュ！