位置情報とオープンソース がやりたくて MIERUNEに転職した話

Transcript

1. 位置情報とオープンソース がやりたくて MIERUNEに転職した話 経歴、事例紹介、GISへのいざない MIERUNE JCT Tokyo 2024 Taku Fukada MIERUNE Inc. GitHub: @ciscorn https://www.figma.com/deck/pfOvSoANO7hwQ3a79BFr1w
2. 経緯 なぜ位置情報分野に？ MIERUNE での事例紹介 OSSなどの事例紹介、技術の紹介 Web+GISへのいざない Web / ITエンジニアの遊び場として アジェンダ
3. 経歴 いかにして位置情報に至ったか
4. 前々職： 田舎の小さな新聞社のエンジニア（何でも屋） 最盛期は月間 300万ページビュー Yahoo! 検索大賞 2017 新潟県部門賞 ローカルニュースサイトを運営 田舎の非IT会社っぽくない体制 2016年 (英語版) 2018年 (β) 総務まわりの事務はほぼ e-Gov などで。 コロナ禍にもすんなり対応できた。
5. 前々職： 位置情報エンジニアの片鱗はあった？ 記事アーカイブに 位置情報を付けたり 空間インデックス楽しい 気象庁のXMLを 使ったりも データを扱うのが好き ©️ Google Maps
6. コロナ禍 ホンモノのプログラマーをやってみよう
7. 前職： 東京の報道系ITスタートアップ 準リアルタイム更新用 ベクトルタイルサーバ 気象庁データの扱い 位置情報付きデータの
 RDB→Elasticsearch同期 簡易ジオコーダー ※イメージ ※イメージ ※イメージ  リアルタイム同期 (CDC˜  検索基盤の完全移行を行う  道路トラフィックデータo  インメモリ四分木  文章の途中にある住所を検出  気象庁防災情報XM”  イベントソーシン™  ベクトルタイル化 位置情報がらみの開発をよく主導。フルリモート。 CDC
8. 前職： 東京の報道系ITスタートアップ 準リアルタイム更新用 ベクトルタイルサーバ 気象庁データの扱い 位置情報付きデータの
 RDB→Elasticsearch同期 簡易ジオコーダー ※イメージ ※イメージ ※イメージ  リアルタイム同期 (CDC˜  検索基盤の完全移行を行う  道路トラフィックデータo  インメモリ四分木  文章の途中にある住所を検出  気象庁防災情報XM”  イベントソーシン™  ベクトルタイル化 位置情報がらみの開発をよく主導。フルリモート。 CDC もはや 地理情報 (GIS) を専門にしたほうがいいのでは…？
9. YOUはなぜMIERUNEに 8 求職中、 にたまたま MIERUNE の 記事が出てきた。運命。 アドレスバーの履歴 8 一部の成果を として公開 → 日本ではめずらしい OSS 8 小さい会社の をまた得たい。 自由度 8 今は受託がメイン → が付いてる 地に足
10. MIREUNEでの事例 空き時間に作ったものから、仕事としての OSS まで
11. 人工衛星軌道の可視化 https://qiita.com/ciscorn/items/80b3a3f526316f78b24a 入社研修中に思い付いて作成。Python + Matplotlib + 軌道要素データ
12. みちびきの８の字軌道 Starlink コンステレーション 人工衛星軌道の可視化 https://qiita.com/ciscorn/items/80b3a3f526316f78b24a
13. 人工衛星軌道の可視化 投影変換ライブラリ (PROJ) でできないため自前で計算。 仕事で 3D の計算をする日がくるとは。 → お客様「衛星画像に重ねられない？」 「こんなデモがありまして......」
14. É OSS É Python É のデスクトップ GIS アプ で機能拡張ができ GPLv2 QGISのプラグイン作り
15. 法務省地図XMLを読み込むプラグイン (OSS) デジタル庁よりも速い 変換コードを書こう だいぶ速くなった QGISプラグイン化
 してみよう 国が一般公開した土地登記のポリゴンを読み込む。初めて作ったプラグイン。 https://plugins.qgis.org/plugins/mojxml_plugin/
16. 地域メッシュを作るプラグイン (OSS) JIS規格「地域メッシュ」の格子を作るだけ。国勢調査のデータも読める。自分が欲しくて作成。 小粒だが好評 https://plugins.qgis.org/plugins/japanese_grids/
17. 国交省の PLATEAU 3D都市モデルを読み込むプラグイン (OSS) 日本の3D都市モデルを QGIS に読み込めるようにする。CityGMLという複雑なXML形式 メタデータ（=属性）もほぼ読み込める https://plugins.qgis.org/plugins/plateau_plugin/
18. ３Ｄ都市モデルなのに ２次元でいいのか QGIS は３次元いけるのか？
19. Matplotlib芸人 再び Project PLATEAU「竹芝モデル」 CC-BY 4.0 本LTスライドの表紙
20. ということで、３D での読み込みも実現
21. “PLATEAU GIS Converter” (OSS) の開発に至る 3D都市モデルを実用形式に変換するオープンソースツール開発の “実証実験” Rust へようこそ
22. PLATEAU GIS Converter の出力例 3D都市モデル (CityGML) を実用形式に変換する「オープンソースツール」を作る実験 3D Tiles に変換するデモ 我々のツールによる出力
23. PLATEAU GIS Converter の出力例 3D都市モデル (CityGML) を実用形式に変換する「オープンソースツール」を作る実験 ベクタータイル (MVT) に変換するデモ MapLibre (fill-extrusion) で表示 東京 23区全域を３分弱で変換
24. 巨大データの高速な変換 Python などでは遅すぎて実用にならなかっただろう クロスプラットフォームビルド Windows, Mac等で動く GUI アプリが要求されていた 初めて Rust を使う 納期は５か月後 なぜ Rust ？ 不安要素も... 言語の選定（国の仕事で Rust を使うぞ） 結果的には「Rust じゃないと厳しかった」 Github Actions で 簡単に全 OS 用ビルド その他 Â Tauri (GUI) の存Ë Â コードの再利用Ï Â Rustをスタックに加えた´ Â etc. コンピュータってこんなに速かったんだ......
25. 基礎の部品から自作（一例） ジオメトリまわり 変換まわり 地理まわり ポリゴンの三角形化 mapbox/earcut の移植 MIERUNE/earcut-rs タイル境界でのスライス mapbox/geojson-vt を参考に 専用の幾何データ表現 シリアライズ効率を最重視 MIERUNE/flatgeom-rs CityGML パーサの実装 ° XMLスキーマの解ª ° Rustの手続きマクロで導出 3D Tiles の実装 ° 3D Tiles+glTF拡張のモデÖ ° タイリングスキームの検討 外部ソート器の実装 タイル生成パイプラインに必要 MIERUNE/kv-extsort-rs 標高を楕円体高に変換 ° ジオイドモデルの組み込0 ° 測量成果の使用承認申請 MIERUNE/japan-geoid 地心座標系への変換 ° 3D Tiles などで必要 平面直角座標系の扱い ° 横メルカトル投影法の計算
26. https://github.com/onthegomap/planetiler/blob/main/diagrams/architecture.png 先人の OSS が参考になった mapbox/earcut onthegomap/planetiler タイルのスライス手法と外部ソート タイル生成パイプライン 幾何アルゴリズム mapbox/geojson-vt などなど
27. おまけ： Minecraft への変換 3Dポリゴンの表面を高速にボクセル化するアルゴリズムを作成 他メンバーがマイクラ化
28. Web周り小話 GISだけじゃない
29. 社内開発環境の整備 パスワードなどの安全な共有 Workers, Pages / Zero Trust / etc. エラーモニタリング / APM AWS Organizations
 (AWS Control Tower) AWSマルチアカウント環境の推進 ツールの導入提案 Google Workspaceアカウントでサインイン などなど シングルサインオンの管理と AWSアカウント発行の IaC 化 ＋ ＋
30. TypeScript, Python と Rust B 科学系エコシステ1 B 簡便さ（データ処理など$ B etc. B 書ける人が多e B Web側とのコードベース共I B 優秀な型システム GISでは Rust を使う必然性がある (NAPI-RS) B 現実的なパフォーマンスの実現。データの規模i B JavaScript や Python から利用しやすい Wasm Compnent Model...? 長所 長所
31. Rust と TypeScript のいいとこどり Wasm化 + Cloudflare Workers アプリケーション本体 気象庁のXMLを型付きで扱える R2, KV, DO, Queue
32. SvelteKit に Hono を載せる Hono /api/** request フロントエンドと API を分けずにデプロイ。 （分けることもできる） SvelteKit のモノリシックさを活かしつつ API 部分は Hono で書く。 SvelteKit r OpenAPj r hono/client
33. Web / IT エンジニアの 遊び場としてのGIS Web系でくすぶっている方へ
34. Web技術を一変させた Google Maps（2005年） 出典: https://www.sco.wisc.edu/2005/05/05/google-maps-the-next-generation-of-online-maps/ “AJAX” 普及の立役者
35. Web + GIS の広さ インタラクティブ性 非言語性 リアルタイム性 幾何・投影法・３D アルゴリズム・データ構造 Web技術 大規模データ ドメイン知識 実社会の理解
36. Web + GIS Web開発だけでは
 退屈なあなたに 3 少し っぽい要素も欲しい。 サイエンス 3 新しい や のネタがほしい。 UI/UX 可視化 3 実世界の課題を解決したい。 3 社会やコミュニティに貢献したい。 3 飽きっぽい。 をやりたい。 色々なこと
37. Web+GIS エンジニア 「地図とか詳しくなくても大丈夫？」 “ピアノの調律師に向いているのは、 ピアノが好きで音感がいい人より、 まず、機械いじりに熱中できる人です” 「ついついずっとやってしまう」なら適正アリ 直接的に「地図・地理が大好き」である必要はない。
38. ふつうのWebエンジニアの方に 位置情報分野に興味を持って頂ければと ネタが尽きない分野です 情報系・Web系に強い人が不足ぎみ お勤め先で「GISチョットデキル」人になるのも良し
39. ありがとうございました