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
Anagura
September 14, 2019
Programming
0
470
全国の鉄道及び バス路線図が見れる! GTFSから生成した シームレス路線図の試作 / foss4g 2019 niigata
FOSS4G NIIGATA(2019/09/14)での発表です
Anagura
September 14, 2019
Tweet
Share
More Decks by Anagura
See All by Anagura
ジョルダン株式会社の地図の取り組みについて / foss4g 2020 japan online
anagura0000
0
2.3k
Mapboxはいいぞ!!!!! /RACDA25-bms-mapbox
anagura0000
0
120
Other Decks in Programming
See All in Programming
CSC509 Lecture 13
javiergs
PRO
0
240
自動テストを活かすためのテスト分析・テスト設計の進め方/JaSST25 Shikoku
goyoki
2
560
競馬で学ぶ機械学習の基本と実践 / Machine Learning with Horse Racing
shoheimitani
0
730
Researchlyの開発で参考にしたデザイン
adsholoko
0
120
Blazing Fast UI Development with Compose Hot Reload (droidcon London 2025)
zsmb
0
500
PHPライセンス変更の議論を通じて学ぶOSSライセンスの基礎
matsuo_atsushi
0
140
Tangible Code
chobishiba
3
520
詳細の決定を遅らせつつ実装を早くする
shimabox
1
990
AI駆動開発カンファレンスAutumn2025 _AI駆動開発にはAI駆動品質保証
autifyhq
0
150
Nitro v3
kazupon
2
260
なぜ強調表示できず ** が表示されるのか — Perlで始まったMarkdownの歴史と日本語文書における課題
kwahiro
8
5k
複数チーム並行開発下でのコード移行アプローチ ~手動 Codemod から「生成AI 活用」への進化
andpad
0
120
Featured
See All Featured
Designing for Performance
lara
610
69k
Speed Design
sergeychernyshev
32
1.2k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
3.2k
Why Our Code Smells
bkeepers
PRO
340
57k
Visualization
eitanlees
150
16k
Scaling GitHub
holman
463
140k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
9
970
The Illustrated Children's Guide to Kubernetes
chrisshort
51
51k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
253
22k
Optimizing for Happiness
mojombo
379
70k
jQuery: Nuts, Bolts and Bling
dougneiner
65
8k
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 ڐ൪߸ɿ;-&ୈ߸ ˞ࢿྉͰ༻͍ͯ͠Δਤͷར༻ʹ͍ͭͯɺגࣜձࣾθϯϦϯΑ ΓڐΛಘ͓ͯΓ·͢ɻ