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
AIエージェントでのJava開発がはかどるMCPをAIを使って開発してみた / java mcp for jjug
kishida
4
800
flutter_kaigi_2025.pdf
kyoheig3
1
360
dnx で実行できるコマンド、作ってみました
tomohisa
0
110
知られているようで知られていない JavaScriptの仕様 4選
syumai
0
640
データファイルをAWSのDWHサービスに格納する / 20251115jawsug-tochigi
kasacchiful
2
100
[SF Ruby Conf 2025] Rails X
palkan
0
370
しっかり学ぶ java.lang.*
nagise
1
450
AI駆動開発ライフサイクル(AI-DLC)のホワイトペーパーを解説
swxhariu5
0
1.5k
Building AI with AI
inesmontani
PRO
1
260
OSS開発者の憂鬱
yusukebe
14
11k
モダンJSフレームワークのビルドプロセス 〜なぜReactは503行、Svelteは12行なのか〜
fuuki12
0
120
Herb to ReActionView: A New Foundation for the View Layer @ San Francisco Ruby Conference 2025
marcoroth
0
200
Featured
See All Featured
Git: the NoSQL Database
bkeepers
PRO
432
66k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
359
30k
Leading Effective Engineering Teams in the AI Era
addyosmani
8
1.2k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
666
130k
Become a Pro
speakerdeck
PRO
30
5.6k
Why You Should Never Use an ORM
jnunemaker
PRO
60
9.6k
Docker and Python
trallard
46
3.7k
BBQ
matthewcrist
89
9.9k
The Success of Rails: Ensuring Growth for the Next 100 Years
eileencodes
46
7.8k
Art, The Web, and Tiny UX
lynnandtonic
303
21k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
morganepeng
132
19k
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 ڐ൪߸ɿ;-&ୈ߸ ˞ࢿྉͰ༻͍ͯ͠Δਤͷར༻ʹ͍ͭͯɺגࣜձࣾθϯϦϯΑ ΓڐΛಘ͓ͯΓ·͢ɻ