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
全国の鉄道及び バス路線図が見れる! GTFSから生成した シームレス路線図の試作 /...
Search
Sponsored
·
Your Podcast. Everywhere. Effortlessly.
Share. Educate. Inspire. Entertain. You do you. We'll handle the rest.
→
Anagura
September 14, 2019
Programming
480
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
全国の鉄道及び バス路線図が見れる! GTFSから生成した シームレス路線図の試作 / foss4g 2019 niigata
FOSS4G NIIGATA(2019/09/14)での発表です
Anagura
September 14, 2019
More Decks by Anagura
See All by Anagura
ジョルダン株式会社の地図の取り組みについて / foss4g 2020 japan online
anagura0000
0
2.5k
Mapboxはいいぞ!!!!! /RACDA25-bms-mapbox
anagura0000
0
130
Other Decks in Programming
See All in Programming
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
hjmkth
1
300
AIで効率化できた業務・日常
ochtum
0
140
Spring Security 実践 ─ GraphQL APIで実務に役立つ 認証・認可 を学ぶ
wagyu
0
250
作って学ぶ、 JSX (TSX) ランタイムの基本
syumai
7
1.6k
技術記事、AIに書かせるか、自分で書くか? 〜それでも私が自分の手で書く理由〜 / #QiitaConference
jnchito
2
1.4k
「AIで開発し、AIを届ける」をEvalでつなぐ 〜AIネイティブに始めるプロダクト開発の実践〜 / Connecting "Develop with AI, deliver AI" with Eval
rkaga
4
5.3k
Developing with AI Agents — Codex, Claude Code & Cowork Practical Guide
x5gtrn
PRO
0
1.3k
OSもどきOS
arkw
0
570
C# and C++ Interoperability - cho-dotnetnew
harukasao
0
280
New "Type" system on PicoRuby
pocke
1
980
Signal Forms: Details & Live Coding @enterJS 2026 in Mannheim
manfredsteyer
PRO
0
160
Oxlintのカスタムルールの現況
syumai
6
1.1k
Featured
See All Featured
The SEO identity crisis: Don't let AI make you average
varn
0
490
How to Align SEO within the Product Triangle To Get Buy-In & Support - #RIMC
aleyda
2
1.5k
No one is an island. Learnings from fostering a developers community.
thoeni
21
3.8k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
1
1.3k
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
620
Exploring anti-patterns in Rails
aemeredith
3
410
The State of eCommerce SEO: How to Win in Today's Products SERPs - #SEOweek
aleyda
2
11k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
508
140k
Skip the Path - Find Your Career Trail
mkilby
1
150
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
590
Agile Actions for Facilitating Distributed Teams - ADO2019
mkilby
0
210
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
1
2k
Transcript
શࠃͷమಓٴͼ όε࿏ઢਤ͕ݟΕΔʂ (5'4͔Βੜͨ͠ γʔϜϨε࿏ઢਤͷࢼ࡞ '044(/**("5" δϣϧμϯגࣜձࣾ ࡔޱܛ
ࣗݾհ ࡔޱܛ • δϣϧμϯגࣜձࣾݚڀ։ൃ෦ ೖࣾ • (*4&OHJOFFS ࠷ۙͬͨࣄ 0QFO4USFFU.BQΛ͏Ҋ݅ͷαʔόαΠυपΓ
04.σʔλίϯόʔτ ਤ"1*࡞ αʔόઃఆ
δϣϧμϯʹ͍ͭͯ δϣϧμϯגࣜձࣾ • ҊΛ࡞ͬͯΔձࣾ • .BB4ࣄۀʹྗ • ࠷ۙήʔϜࣄۀͱ͔
ࠓճ͢༰ • ࿏ઢਤͷσϞ • ࿏ઢਤͷࡉ͔͍ • .BQCPY(-+4ͷ༗༻ͳػೳΛগ͠հ
ॕ .BQCPY(-+4 Wެ։
ຊ
ਤϕʔεͷ࿏ઢਤ ࡞ͬͯΈ·ͨ͠
࿏ઢਤ࡞Δͷ͕͍͠ • ྔͷน • ಛʹόε͕େ • σʔλͷน • ͦͦࣗ༝ʹ͑Δσʔλ͕গͳ͍ •
ϥΠηϯεͷน • ϥΠηϯεʹറΒΕΔ͜ͱ͕ଟ͍ • 6*69ͷٕज़ɾࣝ
όε͕ଟ͍ ࣌Ͱશͯͷ߹όε ࿏ઢόε Λ શͯཏ͍ͯ͠Δܦ࿏ݕࡧࣄۀऀଘࡏ͠ͳ͍ ࢀߟδϣϧμϯͰͷରԠܥ౷ ݱࡏ ࿏ઢόεͷશࠃΧόʔ ܥ౷
ରԠձࣾ ࿏ઢόε 28,331ܥ౷ 374ࣾ ίϛϡχςΠόε 3,519ܥ౷ 423࣏ࣗମ
ΠϥϨͰ࡞Δ࿏ઢਤͷ՝ • ࡞ʹख͕͔͔ؒΔ • ಛʹόεଟ͍ͷͰେม • ಈతͳදݱ͕͍͠ • 1$εϚϗͰݟΔͷʹ࠷దԽ͞Εͯͳ͍ ͜ͱ
ਤϕʔε࿏ઢਤͷར • ࿏ઢਤσʔλͷ࡞ͷࣗಈԽ • ಈతίϯςϯπͷ࡞͕༰қ σʔλΛ࣋ͬͯΔδϣϧμϯ͕࡞Δ͔͠ͳ͍ʂ
ࠓճࢼ࡞ͨ͠࿏ઢਤ • σʔλιʔεδϣϧμϯอ࣋ͷσʔλ • (5'4͔Β.BQCPY7FDUPS5JMFTʹม • మಓͷ4IBQFTδϣϧμϯอ࣋σʔλ • όεͷ4IBQFTܦ࿏ݕࡧ݁ՌΛ༻
• όεఀݸΛऩ • ଟݴޠରԠ • ಈతදݱΛՃ
(5'4ʹ͍ͭͯ • (5'4 (FOFSBM5SBOTJU'FFE 4QFDJGJDBUJPO • δϣϧμϯ(PPHMF.BQT"QQMF.BQT ʹ(5'4σʔλΛఏڙ
.BQCPY7FDUPS5JMFTʹ͍ͭͯ • .BQCPY͕ࣾ࡞ͨ͠όΠφϦϕΫτϧλ ΠϧͷϑΥʔϚοτ • 1SPUPDPM#VGGFSTͰΤϯίʔυ
ܰ͘σϞ
͔͜͜Β ػೳհͱ ࡉ͔͍
ಥવͰ͕͢ ࣭Ͱ͢
όεͷຐڥ
৭ʑҙݟ ͋Δͱࢥ͍·͕͢
࿏ઢਤతͳຐڥͩ͜͜ʂ
࿏ઢਤతͳຐڥͩ͜͜ʂ
࿏ઢਤతͳຐڥɾ࡚ ࡚Ӻલʤ࡚ࣗಈंʥ⁶ീઍொʤ࡚ࣗಈंʥ ͳΜͱܥ౷ʂʂʂ ଟ͜Ε͕Ұ൪ଟ͍ͱࢥ͍·͢ɻ
Φϑηοτʹ͍ͭͯ • Φϑηοτ.BQCPY4UZMFͷMJOFPGGTFU Λ͑Մೳ • ܥ౷ͷΦϑηοτਏ͍ • ͦͦΦϑηοτ͕ඞཁͳͷ͔ʁ
ϑΥϯταΠζͷ • $+,ϑΥϯταΠζ͕ڊେ ಛʹຊޠ • ຊͷਤͷॳճϩʔυ͕࣌ॏ͍ͷϑΥ ϯτͷ͕େ͖͍
ϑΥϯταΠζͷ MPDBM*EFPHSBQI'POU'BNJMZΛࢦఆ͢Δ /PUP4BOTɺ/PUP4BOT$+,4$ɺTBOTTFSJG͕ϩʔΧϧʹ͋Δ߹ʹ༻͢Δྫ W͔ΒσϑΥϧτͰ༗ޮԽ͞Ε·ͨ͠ʂ const map = new mapboxgl.Map({
container: 'map', style: 'mapbox://styles/mapbox/streets-v11', center: [120.3049, 31.4751], zoom: 12, localIdeographFontFamily: "'Noto Sans', 'Noto Sans CJK SC', sans-serif" });
ύϑΥʔϚϯε MPDBM*EFPHSBQI'POU'BNJMZ0O MPDBM*EFPHSBQI'POU'BNJMZ0GG
ΞϥϏΞޠͷରԠ • 35-5FYU1MVHJOΛ͏ mapboxgl.setRTLTextPlugin('https://api.mapbox.com/mapbox-gl-js/ plugins/mapbox-gl-rtl-text/v0.2.0/mapbox-gl-rtl-text.js');
ࠓޙʹ͍ͭͯ • ಈతίϯςϯπͷॆ࣮ • %Խ • ϦΞϧλΠϜσʔλͷՃ
͝ਗ਼ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ 5IBOLZPV ڐ൪߸ɿ;-&ୈ߸ ˞ࢿྉͰ༻͍ͯ͠Δਤͷར༻ʹ͍ͭͯɺגࣜձࣾθϯϦϯΑ ΓڐΛಘ͓ͯΓ·͢ɻ