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
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
eniehack
September 07, 2024
270
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
大学の自販機を一覧できる地図サイトを作ってみた.pdf
麗澤大学で行われたCode4Lib JAPANカンファレンス2024のLTで発表した資料です。
eniehack
September 07, 2024
More Decks by eniehack
See All by eniehack
いまさら始める(vimmerのための)Emacs
eniehack
1
340
Crystalはいいぞ
eniehack
0
200
Featured
See All Featured
KATA
mclloyd
PRO
35
15k
Bash Introduction
62gerente
615
220k
The Invisible Side of Design
smashingmag
301
52k
Efficient Content Optimization with Google Search Console & Apps Script
katarinadahlin
PRO
1
660
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
750
The Spectacular Lies of Maps
axbom
PRO
1
840
Test your architecture with Archunit
thirion
1
2.3k
Agile that works and the tools we love
rasmusluckow
331
22k
Exploring the relationship between traditional SERPs and Gen AI search
raygrieselhuber
PRO
2
4.1k
YesSQL, Process and Tooling at Scale
rocio
174
15k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
201
75k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
11
960
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