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
440
全国の鉄道及び バス路線図が見れる! 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.2k
Mapboxはいいぞ!!!!! /RACDA25-bms-mapbox
anagura0000
0
120
Other Decks in Programming
See All in Programming
Beyond_the_Prompt__Evaluating__Testing__and_Securing_LLM_Applications.pdf
meteatamel
0
110
AIコーディングエージェントを 「使いこなす」ための実践知と現在地 in ログラス / How to Use AI Coding Agent in Loglass
rkaga
4
1.4k
状態と共に暮らす:ステートフルへの挑戦
ypresto
3
1.2k
Instrumentsを使用した アプリのパフォーマンス向上方法
hinakko
0
250
VibeCoding時代のエンジニアリング
daisuketakeda
0
200
generative-ai-use-cases(GenU)の推しポイント ~2025年4月版~
hideg
1
390
2025-04-25 GitHub Copilot Agent ライブデモ(スクリプト)
goataka
0
110
複雑なフォームの jotai 設計 / Designing jotai(state) for Complex Forms #layerx_frontend
izumin5210
6
1.6k
「理解」を重視したAI活用開発
fast_doctor
0
300
The Missing Link in Angular’s Signal Story: Resource API and httpResource
manfredsteyer
PRO
0
150
파급효과: From AI to Android Development
l2hyunwoo
0
160
Rubyの!メソッドをちゃんと理解する
alstrocrack
1
300
Featured
See All Featured
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
32
5.6k
Facilitating Awesome Meetings
lara
54
6.3k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
137
33k
Rebuilding a faster, lazier Slack
samanthasiow
81
9k
GitHub's CSS Performance
jonrohan
1031
460k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.2k
Build The Right Thing And Hit Your Dates
maggiecrowley
35
2.7k
Automating Front-end Workflow
addyosmani
1370
200k
Making Projects Easy
brettharned
116
6.2k
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Principles of Awesome APIs and How to Build Them.
keavy
126
17k
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 ڐ൪߸ɿ;-&ୈ߸ ˞ࢿྉͰ༻͍ͯ͠Δਤͷར༻ʹ͍ͭͯɺגࣜձࣾθϯϦϯΑ ΓڐΛಘ͓ͯΓ·͢ɻ