Link
Embed
Share
Beginning
This slide
Copy link URL
Copy link URL
Copy iframe embed code
Copy iframe embed code
Copy javascript embed code
Copy javascript embed code
Share
Tweet
Share
Tweet
Slide 1
Slide 1 text
2022/04/09 1 OpenLayers ext TypeScript declarationの開発 Taro Matsuzawa @smellman KoedoLUG 2022/04/09
Slide 2
Slide 2 text
2022/04/09 2 自己紹介 ● Georepublic Japan シニアデベロッパー兼CISO ● 日本UNIXユーザ会会長 ● OSGeo.JP理事 ● OpenStreetMap Foundation Japan メンバー ● Breakcoreクラスタ ● 最近のお気に入りはSynthamesk
Slide 3
Slide 3 text
2022/04/09 3 TypeScript declarationとは ● 既存のJavaScriptライブラリに追加で型情報などを付与する仕組 み ● よく yarn install –dev @types/hogehoge などとして追加 ● 型情報があるとコンパイル時にエラーなどを検出される ● プログラムの安全性が増す
Slide 4
Slide 4 text
2022/04/09 4 OpenLayers extとは ● https://github.com/Viglino/ol-ext ● OpenLayersにいろいろな機能を追加するプラグイン ● http://viglino.github.io/ol-ext/ ● デモを見ると何ができるかわかる ● 仕事上ではフォントアイコンを使いたい
Slide 5
Slide 5 text
2022/04/09 5 types-ol-ext ● OpenLayers extにTypeScriptの定義を追加するためのdeclaration ● OpenLayers 6.5.xまで対応 ● OpenLayers 6.14.1には対応されていない ● types-ol パッケージに依存 ● OpenLayers自体がTypeScript declarationを提供しているため不要のは ず ● とりあえず改修をしてみているという話
Slide 6
Slide 6 text
2022/04/09 6 何をしているのか? ● https://github.com/Siedlerchr/types-ol-ext/pull/84 ● types-olの依存性を削除、OpenLayersの持つdeclarationを利用 ● この段階で500件以上のエラー ● on/once/unイベントの型を改修 ● examplesの中身も改修
Slide 7
Slide 7 text
2022/04/09 7 今のところいい感じです
Slide 8
Slide 8 text
2022/04/09 8 残タスク ● types-ol-ext自体がまだ未実装のイベントがいくつかある ● ol-extの実装を読みながら未実装の部分を追加する ● examplesでまだ20件ほどのエラー ● だいたいはイベントの未実装部分なので実装をする ● OpenLayers自体を拡張している部分があるのでどう対応するか… ● examples自体を改修する ● 来週いっぱいには修正を終わらせたい