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
OpenLayers ext TypeScript declarationの開発
Search
Taro Matsuzawa aka. btm
April 09, 2022
Programming
0
520
OpenLayers ext TypeScript declarationの開発
KoedoLUG 2022/04/09
Taro Matsuzawa aka. btm
April 09, 2022
Tweet
Share
More Decks by Taro Matsuzawa aka. btm
See All by Taro Matsuzawa aka. btm
平成生まれのためのUNIX&IT歴 史講座 ~番外編~
smellman
2
480
掛川城の点群データをiTownsで表示しよう
smellman
0
270
そのJavascript、全部TypeScriptにしちゃえ
smellman
1
200
大容量SSDとOpenStreetMap
smellman
0
120
MapLibreとtile.openstretmap.jpで始めるベクトル地図プログラミング
smellman
1
550
国内向けタイルサーバの構築と運用について
smellman
0
1.2k
Python/Javascriptで読む点群
smellman
1
4.9k
日本のCommunity向け タイルサーバの現状
smellman
0
2.6k
Pythonで点群を読んでみよう
smellman
1
2.4k
Other Decks in Programming
See All in Programming
AIプログラミング雑キャッチアップ
yuheinakasaka
10
1.6k
React 19アップデートのために必要なこと
uhyo
5
890
富山発の個人開発サービスで日本中の学校の業務を改善した話
krpk1900
5
400
Grafana Loki によるサーバログのコスト削減
mot_techtalk
1
130
AI Agent系IDEを使って 開発生産性を爆アゲする
ouchi2501
1
100
データの整合性を保つ非同期処理アーキテクチャパターン / Async Architecture Patterns
mokuo
53
18k
Software Architecture
hschwentner
6
2.1k
バッチを作らなきゃとなったときに考えること
irof
2
470
XStateを用いた堅牢なReact Components設計~複雑なClient Stateをシンプルに~ @React Tokyo ミートアップ #2
kfurusho
1
950
Multi Step Form, Decentralized Autonomous Organization
pumpkiinbell
1
830
GAEログのコスト削減
mot_techtalk
0
120
一休.com のログイン体験を支える技術 〜Web Components x Vue.js 活用事例と最適化について〜
atsumim
0
750
Featured
See All Featured
Visualization
eitanlees
146
15k
GraphQLとの向き合い方2022年版
quramy
44
13k
For a Future-Friendly Web
brad_frost
176
9.6k
Six Lessons from altMBA
skipperchong
27
3.6k
Code Reviewing Like a Champion
maltzj
521
39k
How To Stay Up To Date on Web Technology
chriscoyier
790
250k
Optimizing for Happiness
mojombo
376
70k
Documentation Writing (for coders)
carmenintech
67
4.6k
Thoughts on Productivity
jonyablonski
69
4.5k
Statistics for Hackers
jakevdp
797
220k
Embracing the Ebb and Flow
colly
84
4.6k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
27
1.9k
Transcript
2022/04/09 1 OpenLayers ext TypeScript declarationの開発 Taro Matsuzawa @smellman KoedoLUG
2022/04/09
2022/04/09 2 自己紹介 • Georepublic Japan シニアデベロッパー兼CISO • 日本UNIXユーザ会会長 •
OSGeo.JP理事 • OpenStreetMap Foundation Japan メンバー • Breakcoreクラスタ • 最近のお気に入りはSynthamesk
2022/04/09 3 TypeScript declarationとは • 既存のJavaScriptライブラリに追加で型情報などを付与する仕組 み • よく yarn
install –dev @types/hogehoge などとして追加 • 型情報があるとコンパイル時にエラーなどを検出される • プログラムの安全性が増す
2022/04/09 4 OpenLayers extとは • https://github.com/Viglino/ol-ext • OpenLayersにいろいろな機能を追加するプラグイン • http://viglino.github.io/ol-ext/
• デモを見ると何ができるかわかる • 仕事上ではフォントアイコンを使いたい
2022/04/09 5 types-ol-ext • OpenLayers extにTypeScriptの定義を追加するためのdeclaration • OpenLayers 6.5.xまで対応 •
OpenLayers 6.14.1には対応されていない • types-ol パッケージに依存 • OpenLayers自体がTypeScript declarationを提供しているため不要のは ず • とりあえず改修をしてみているという話
2022/04/09 6 何をしているのか? • https://github.com/Siedlerchr/types-ol-ext/pull/84 • types-olの依存性を削除、OpenLayersの持つdeclarationを利用 • この段階で500件以上のエラー •
on/once/unイベントの型を改修 • examplesの中身も改修
2022/04/09 7 今のところいい感じです
2022/04/09 8 残タスク • types-ol-ext自体がまだ未実装のイベントがいくつかある • ol-extの実装を読みながら未実装の部分を追加する • examplesでまだ20件ほどのエラー •
だいたいはイベントの未実装部分なので実装をする • OpenLayers自体を拡張している部分があるのでどう対応するか… • examples自体を改修する • 来週いっぱいには修正を終わらせたい