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
290
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
Become a Pro
speakerdeck
PRO
31
6.2k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2.1k
Introduction to Domain-Driven Design and Collaborative software design
baasie
1
940
Fireside Chat
paigeccino
42
4k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
230
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
162
16k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
141
35k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
490
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
The Art of Programming - Codeland 2020
erikaheidi
57
14k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
128
56k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
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