svelte-maplibre-gl と svelte-docgen を作る - オープンソースプロジェクトを始めよう

Transcript

1. 自己紹介 MIERUNE に入って２年弱 新潟からフルリモート 前の発表者の （@JX通信社） 元同僚 深田 拓 MIERUNE Inc.
 (GitHub @ciscorn)
2. 自己紹介）去年は国交省のR&DをRustでやったり https://github.com/MIERUNE/plateau-gis-converter 3D Tiles 生成デモ
3. 今回のお話 「Web地図ライブラリの Svelte 用ラッパーを
 （オープンソースで）作る試み」
4. （モダンなWeb地図ライブラリの１つ） https://maplibre.org/
5. 地図ライブラリと の相性はよくない 地図の操作だけ
 jQueryみたいになっちゃう React
 Vue
 Svelte
 etc.
6. ので、React 用には便利なラッパーがある （Uber 社がつくった。MapLibre/Mapbox をある程度リアクティブにする）
7. Svelte 用も欲しい
8. ....じゃあ作ろう（オープンソースで） Documentation:
 https://svelte-maplibre-gl.mierune.dev/ MIERUNE/svelte-maplibre-gl
9. デモ
10. ついでに作っているもの svelte-docgen/svelte-docgen Svelteコンポーネントからドキュメンテーション用のデータを抽出する
11. “Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 きっかけ
12. “Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 「svelte-maplibre-gl を作ろう」 → MapLibre GL JS をそのまま使いたくない... きっかけ
13. “Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 → ドキュメントを手動で作りたくない... 「svelte-docgen を作ろう」 「svelte-maplibre-gl を作ろう」 → MapLibre GL JS をそのまま使いたくない... きっかけ
14. https://antfu.me/posts/about-yak-shaving “About Yak Shaving” - Anthony Fu “私にとって最も重要なのは、プロジェクトを始めて、 それをしっかりやり遂げるモチベーションです。 ”

 “適切に使えば進歩の素晴らしい原動力になりえます” 私に とってその力を得る最善の方法はYak Shavingです
15. https://talks.antfu.me/2024/vue-fes-japan/9?clicks=5から引用 https://talks.antfu.me/2024/vue-fes-japan/10?clicks=18から引用 Anthony Road to Open Source “Yak Shaving”
16. 営利企業としての、OSS開発の正当化 # 成果物は だろうD # あえて公開することで D # を社内に広めたいD # に使える。 社内でも必ず役に立つ 品質を保つ 基盤整備の意義 会社のプレゼンス向上 以下のような目論見ではじめた：
17. Svelte 5 の何かを作る大会
 1月10日締切 ホリデーシーズンに
 ハッカーソン（つらい）
18. おわり