Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
みんなでテイクアウトMAPについて / About "Takeout MAP together"
Search
K.Sakanoshita
May 09, 2020
Design
1
870
みんなでテイクアウトMAPについて / About "Takeout MAP together"
2020/05/09 Pre CIVIC TECH FORUM Online 2020 スピーカー資料
https://peatix.com/event/1474852/
K.Sakanoshita
May 09, 2020
Tweet
Share
More Decks by K.Sakanoshita
See All by K.Sakanoshita
地図を活用した関西シビックテック事例紹介
barsaka2
0
79
Wikimedia Commons + OSMをWeb APIで活用する / Utilizing Wikimedia Commons + OSM with Web API
barsaka2
0
44
MapLibreで地図サイトをつくる!
barsaka2
1
560
OpenStreetMap概要説明 / Introducing OpenStreetMap
barsaka2
0
360
MapLibre GL JSとOverpass APIでWebアプリを作る / Create a web application with MapLibre GL JS and Overpass API
barsaka2
0
530
家族で使う防災マップを簡単に作ろう / easy create a disaster map for family
barsaka2
1
110
家族で使う防災マップを簡単に作ろう / Let's easily create a disaster prevention map for family use.
barsaka2
0
140
オープンデータソン概要説明 / about OpenDatathon
barsaka2
0
240
自由な地理空間情報をSPAで活用する / Utilize free geospatial information in SPA
barsaka2
0
190
Other Decks in Design
See All in Design
ゲーム開発における、Figma活用事例の紹介 / applibot-figma
cyberagentdevelopers
PRO
2
330
新しいemoji😄のアイデアをUnicodeが募集中‼️🏃♀️💨💨💨傾向を学んでみんな提案しよう💪
oguemon
2
690
Design System for training program
mct
0
280
Fleet Gas Station
joshtang
0
140
202409_会社概要資料_Englishver.pdf
zakkerooni
0
210
開発チームの中心で心理的安全性をつくる、UXデザイナーの問いかけ方
takuto_yonemichi
2
570
Money Forward UIの紹介 / Introducing Money Forward UI
taigakiyokawa
1
510
Design System for training program
mct
0
130
なぜデフォルトが青色!? Tint Colorの理由に迫る
akidon0000
0
460
Credence
lratmansunu
0
460
Designship2024 Panel Discussion インハウスデザイナーは 何をデザインしているか、するべきか で使用したスライドを公開します。
kiyoshifuwa
0
2.1k
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
300
Featured
See All Featured
Performance Is Good for Brains [We Love Speed 2024]
tammyeverts
6
410
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
44
2.2k
5 minutes of I Can Smell Your CMS
philhawksworth
202
19k
No one is an island. Learnings from fostering a developers community.
thoeni
19
3k
Put a Button on it: Removing Barriers to Going Fast.
kastner
59
3.5k
Scaling GitHub
holman
458
140k
The Invisible Side of Design
smashingmag
298
50k
The Cult of Friendly URLs
andyhume
78
6k
Testing 201, or: Great Expectations
jmmastey
38
7.1k
Being A Developer After 40
akosma
86
590k
A better future with KSS
kneath
238
17k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
38
1.8k
Transcript
坂ノ下 勝幸 諸国・浪漫 / OpenStreetMap Foundation Facebook: K.Sakanoshita Twitter: @K_Sakanoshita
2020/05/08版
P.2
https://www.google.com/maps/d/u/0/viewer?mid=10q0HC0XjT4GSzxr24EGYauVw4v9jCH BB&ll=38.94864679394279%2C138.10315786249998&z=5 P.3
テイクアウトマップ テイクアウトマップ テイクアウトマップ テイクアウトマップ テイクアウトマップ テイクアウトマップ テイクアウトマップ 店舗情報 店舗情報 店舗情報
テイクアウトマップ テイクアウト専用(他に使えない)、各地版を探す必要がある データ保存場所、データ形式、ライセンスがバラバラ → 見つからない。使い勝手が悪い。自動化出来ない © OpenStreetMap contributors テイクアウトマップ バラバラで残らないデータたち P.4
バラバラなのはもったいない コロナ騒ぎも落ち着くと、テイクアウト マップの更新も行われなくなってしまい、 忘れられていくのはもったいない。 また、コロナが落ち着いた後、当 時の社会状況を分析し、将来に備 えるためにも、テイクアウト情報 の記録には価値がある。
P.5
何処に残しておくのが良い? 自分でサーバーを用意する? 維持コストが大変 自分が死んだら無くなる 国や自治体の活躍に期待する?
いつになるか分からない 予算が無くなったら消える 日本だけが対象でいいの? 国際的に広く活用していきたい P.6 国際的で大規模なプロジェクトであり 自由に使える保存場所があれば理想的
こんな時こそOpenStreetMap P.7 イギリス発祥の国際的なプロジェクトである オープンソースの地理空間情報データベース © OpenStreetMap contributors
OpenStreetMapに記録する 誰でも自由に編集可能 匿名編集は禁止(アカウント作成は自由) 編集履歴が残される(過去データも全て残る) COVID19の影響を記録する 国際ルールも決まっている
オープンデータ APIによるデータ取得可能 地図を印刷して配ることも 自由に好きなだけ可能 P.8 テイクアウト情報の保存場所として最適 仮に閉店してもその時点のデータは残る
テイクアウト情報を地図に描く? P.9 テイクアウトを地図を描くのはイメージしにくい それに知りたいのはテイクアウト情報であって、 地図にごちゃごちゃ描かれても分からないよね?
「みんなでテイクアウトMAP」 P.10 OpenStreetMapのテイクアウト店舗を取得して みんなでテイクアウトMAPを作るWebアプリ パソコン版 スマホ版
みんなでテイクアウトMAPの狙い テイクアウト情報を発信したい人 パソコンさえあれば、簡単な手順で登録可能 OpenStreetMapにテイクアウト情報を残すため、 「みんなでテイクアウトMAP」専用データでは 無く、様々なアプリやサービスに連携される
OpenStreetMapにとって データが記録され、研究・調査などに利用可能 その地域にある地理空間情報が充実することで 単にテイクアウト情報を共有するだけではなく、 防災やバリアフリーマップへの活用にも繋がる P.11 地域情報として残し、活用に繋げる
シンプル設計で各地版も作れます バックエンド Web: GitHub Pages (GitHubの無料Webサイト) DB:
OverPass API(台湾サーバーを使わせて頂く) Tile: Maptiler (地図サービスの無料枠を利用) フロントエンド Webブラウザ (スマホ対応) ◦ HTML/CSS/JavaScript(一般的な環境なら動作) 利用ライブラリ ◦ オープンソースなライブラリを利用(もちろん無料) P.12 アクセス数が多くなければ無料 各地版を簡単&無料で作ることが可能
各地版を立ち上げる理由 地域のニーズに対応 地図の表示を変更可能 ◦ 車中心なのでズーム控えめ等 リンク先を追加・変更可能 ◦
ハッシュタグ/ブログへリンク コミュニティを構築 誰かがテイクアウト情報を 登録しないと進まない チームを作って登録したり、 告知して仲間を集めていく P.13 © OpenStreetMap contributors 各地で活動しています 皆さんの地域でも活動 始めてみませんか? 「みんなでテイクアウトMAP」 活動が行われてる地域 「みんなでテイクアウトMAP」で検索