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
490
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
jsmini JavaScript Engine を作ってみた話
yosuke_furukawa
PRO
0
250
PostgreSQL 18で考えるUUID主キー
kazuhiro1982
0
430
JAWS-UG横浜 #102 AWSサ終供養LT会 成仏できない AWS サービスたち 〜本日、三体供養します〜
maroon1st
0
250
Built Our Own Background Agent at LayerX #aidevex_findy
layerx
PRO
9
3.6k
php-fpmのプロセスが枯渇した日-調査・対処・そして本当にやるべきだったこと-
shibuchaaaan
0
160
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
170
Embedded SREと共に達成した会員管理システムのAWS移行 - SRE NEXT 2026 ランチスポンサーセッション
niftycorp
PRO
1
3.1k
【やさしく解説 設計編 #1】「ドメイン駆動」と「実装駆動」ってなに? 〜設計の考え方を、たとえ話で学ぼう〜
panda728
PRO
1
140
人間の目はかわらない、だからJPEGは30年もつ
yuzneri
12
16k
yield再入門 #phpcon
o0h
PRO
0
800
AI Engineeringは、AIプロダクトだけのものか? 〜AIがソフトウェアを作る時代の新しい当たり前〜 / No AI in your product. AI Engineering in your development.
rkaga
2
140
FDEが実現するAI駆動経営の現在地
gonta
2
230
Featured
See All Featured
SEO in 2025: How to Prepare for the Future of Search
ipullrank
3
3.7k
Money Talks: Using Revenue to Get Sh*t Done
nikkihalliwell
0
420
Mozcon NYC 2025: Stop Losing SEO Traffic
samtorres
1
430
jQuery: Nuts, Bolts and Bling
dougneiner
66
8.5k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
My Coaching Mixtape
mlcsv
0
180
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
More Than Pixels: Becoming A User Experience Designer
marktimemedia
3
470
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.3k
Marketing Yourself as an Engineer | Alaka | Gurzu
gurzu
0
260
A brief & incomplete history of UX Design for the World Wide Web: 1989–2019
jct
2
430
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
28
3.6k
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 ڐ൪߸ɿ;-&ୈ߸ ˞ࢿྉͰ༻͍ͯ͠Δਤͷར༻ʹ͍ͭͯɺגࣜձࣾθϯϦϯΑ ΓڐΛಘ͓ͯΓ·͢ɻ