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
svelte-maplibre-gl と svelte-docgen を作る - オープンソー...
Search
Taku Fukada
January 10, 2025
Programming
0
28
svelte-maplibre-gl と svelte-docgen を作る - オープンソースプロジェクトを始めよう
Taku Fukada
January 10, 2025
Tweet
Share
More Decks by Taku Fukada
See All by Taku Fukada
位置情報とオープンソース がやりたくて MIERUNEに転職した話
ciscorn
0
7
Other Decks in Programming
See All in Programming
社内での開発コミュニティ活動とモジュラーモノリス標準化事例のご紹介/xPalette and Introduction of Modular monolith standardization
m4maruyama
0
110
Go Modules: From Basics to Beyond / Go Modulesの基本とその先へ
kuro_kurorrr
0
110
データベースコネクションプール(DBCP)の変遷と理解
fujikawa8
1
240
Use Perl as Better Shell Script
karupanerura
0
690
複数アプリケーションを育てていくための共通化戦略
irof
10
3.8k
Perlで痩せる
yuukis
1
680
CSC307 Lecture 17
javiergs
PRO
0
110
FastMCPでMCPサーバー/クライアントを構築してみる
ttnyt8701
2
130
漸進。
ssssota
0
1.8k
レガシーシステムの機能調査・開発におけるAI利活用
takuya_ohtonari
0
580
ワンバイナリWebサービスのススメ
mackee
10
7.7k
Prism.parseで 300本以上あるエンドポイントに 接続できる権限の一覧表を作ってみた
hatsu38
1
110
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
77
5.8k
Adopting Sorbet at Scale
ufuk
77
9.4k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
123
52k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
Building a Scalable Design System with Sketch
lauravandoore
462
33k
Making the Leap to Tech Lead
cromwellryan
134
9.3k
GraphQLとの向き合い方2022年版
quramy
46
14k
The Cult of Friendly URLs
andyhume
79
6.4k
Build your cross-platform service in a week with App Engine
jlugia
231
18k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
29
1.8k
Transcript
自己紹介 MIERUNE に入って2年弱 新潟からフルリモート 前の発表者の (@JX通信社) 元同僚 深田 拓 MIERUNE
Inc. (GitHub @ciscorn)
自己紹介)去年は国交省のR&DをRustでやったり https://github.com/MIERUNE/plateau-gis-converter 3D Tiles 生成デモ
今回のお話 「Web地図ライブラリの Svelte 用ラッパーを (オープンソースで)作る試み」
(モダンなWeb地図ライブラリの1つ) https://maplibre.org/
地図ライブラリと の相性はよくない 地図の操作だけ jQueryみたいになっちゃう React Vue Svelte etc.
ので、React 用には便利なラッパーがある (Uber 社がつくった。MapLibre/Mapbox をある程度リアクティブにする)
Svelte 用も欲しい
....じゃあ作ろう(オープンソースで) Documentation: https://svelte-maplibre-gl.mierune.dev/ MIERUNE/svelte-maplibre-gl
デモ
ついでに作っているもの svelte-docgen/svelte-docgen Svelteコンポーネントからドキュメンテーション用のデータを抽出する
“Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 きっかけ
“Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 「svelte-maplibre-gl を作ろう」 → MapLibre GL JS
をそのまま使いたくない... きっかけ
“Yak Shaving” を原動力にする 「気象関連の可視化をしようかな...」 → ドキュメントを手動で作りたくない... 「svelte-docgen を作ろう」 「svelte-maplibre-gl を作ろう」
→ MapLibre GL JS をそのまま使いたくない... きっかけ
https://antfu.me/posts/about-yak-shaving “About Yak Shaving” - Anthony Fu “私にとって最も重要なのは、プロジェクトを始めて、 それをしっかりやり遂げるモチベーションです。 ”
“適切に使えば進歩の素晴らしい原動力になりえます” 私に とってその力を得る最善の方法はYak Shavingです
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”
営利企業としての、OSS開発の正当化 # 成果物は だろうD # あえて公開することで D # を社内に広めたいD #
に使える。 社内でも必ず役に立つ 品質を保つ 基盤整備の意義 会社のプレゼンス向上 以下のような目論見ではじめた:
Svelte 5 の何かを作る大会 1月10日締切 ホリデーシーズンに ハッカーソン(つらい)
おわり