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
大学の自販機を一覧できる地図サイトを作ってみた.pdf
Search
eniehack
September 07, 2024
0
200
大学の自販機を一覧できる地図サイトを作ってみた.pdf
麗澤大学で行われたCode4Lib JAPANカンファレンス2024のLTで発表した資料です。
eniehack
September 07, 2024
Tweet
Share
More Decks by eniehack
See All by eniehack
いまさら始める(vimmerのための)Emacs
eniehack
1
310
Crystalはいいぞ
eniehack
0
170
Featured
See All Featured
The Illustrated Guide to Node.js - THAT Conference 2024
reverentgeek
0
220
Designing for humans not robots
tammielis
254
26k
Neural Spatial Audio Processing for Sound Field Analysis and Control
skoyamalab
0
140
Designing Powerful Visuals for Engaging Learning
tmiket
0
200
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
marktimemedia
31
2.6k
Statistics for Hackers
jakevdp
799
230k
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
250
Digital Ethics as a Driver of Design Innovation
axbom
PRO
0
140
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
254
22k
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
madoxten
54
49k
GitHub's CSS Performance
jonrohan
1032
470k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
48
9.8k
Transcript
Code4Lib JAPANカンファレンス2024 @ 麗澤大学 大学の自販機を一覧できる サイトを作ってみた 新延空也
自己紹介 新延空也(にいのべ くうや) 筑波大学大学院 専攻: 図書館情報学 opendataの編集がすき(e.g. OSM、wikidata、 musicbrainz、etc……
言いたいこと OpenStreetMapはオープンな地図を作るプロジェク ト( https://openstreetmap.org/ ) OSMでは小さな地物も登録できる! 何で支払いできるか?までも登録できます Google Mapにはできない地物の登録までできる OverpassAPIで地物を機械的に検索できる
つくりました 筑波大学自販機Map
機能・特徴 地図上に自販機の場所を表示できる! 屋内にあれば)階数が表示できる! 何が売っているかわかる! どのような支払い方法が使えるかわかる! すべてオープン 自動販売機のデータはすべてOSM由来 プログラムはOSSで
Overpass API MapLibre JS OpenStreetMap 筑波大学自販機Map どうやって OSMに登録されているデータを 検索できるAPI 地図を描画するライブラリ
詳しくはGitHubで!
どうやって OSMは 地物に対して(key-value的な)タグを付ける 名前は筑波大学だよ(name=筑波大学)
どうやって 地物に対して (key-value的な)属性を付ける これは自動販売機だよ (amenity=vending_machine) これは飲み物を売っているよ ここはPayPayが使えるよ これは2階にあるよ etc
どうやって Overpass APIさん!「筑波大学」という エリアの中にある「自動販売機」を ください!
どうやって: && 自販機 =
どうやって:
どうやって:
言いたいこと OpenStreetMapはオープンな地図を作るプロジェク ト( https://openstreetmap.org/ ) OSMでは小さな地物も登録できる! 何で支払いできるか?までも登録できます Google Mapにはできない地物の登録までできる OverpassAPIで地物を機械的に検索できる
筑波大学自販機Map GitHub