GTFS box - GTFS/GTFS Realtime ビューア

Mapbox/OpenStreetMap meetup #20での発表資料です。

Transcript

1. GTFS box GTFS/GTFS Realtime ビューア 草薙 昭彦 AKIHIKO KUSANAGI
2. 自己紹介 草薙 昭彦 (くさなぎ あきひこ)  Postman 株式会社 テクノロジーエバンジェリスト  Mapbox ジャパン アンバサダー  最近のビジュアライゼーションワーク  Mini Tokyo 3D  Japan EQ Locator / World EQ Locator  ぴえん 東京／ぴえん 大阪  北朝鮮ミサイル実験ビジュアライゼーション @nagix
3. GTFS box 概要  世界中の公共交通機関の リアルタイムの運行の様子を 3Dマップ上で見ることができる GTFS/GTFS Realtimeビューア https://nagix.github.io/gtfs-box *GTFS: 公共交通に関する世界標準のデータフォーマット
4. 特徴１: GTFS利用者・提供者両方のためのツール  GTFS利用者・提供者両方が、手軽かつ直感的にデータ内容を確認できる ツール 利用者 GTFS作成・提供者 GTFS box 閲覧 確認
5. GTFS box データ入力インターフェース GTFSデータセットの動的ロード プリセットGTFSデータセット 特徴２: 滑らかな動作とリアルな風景  Mini Tokyo 3Dの最新版 をライブラリとして使 用したWebアプリケー ションであり、滑らか な動作とリアルな風景 が特徴 Mini Tokyo 3D ダイナミックなカメラ視点 路線と車両の表示と追跡 ベクターベース地図 日照・フォグ・天候 PLATEAUデータの表示
6. 特徴３: Project PLATEAU対応  テクスチャ付きLOD2に 対応した全国213都市の 建築物の表示に対応
8. 技術的な特徴  サーバーを使用せず、ブラウザー上で動くプログラムのみで GTFS/GTFS Realtimeデータセットのロード、パース、最適化を行っ ています  ユーザーインターフェースの操作性への影響を最小限に抑えるため、ウェブ ワーカーを使用して非同期にデータロード処理を行っています  設定したデータセットをロードする際には、マップの表示位置情報を 含む一意のURLで指定されるため、後でもう一度確認するときや他の 人に共有する際に便利です  ソースコードはGitHubリポジトリにて公開されています https://github.com/nagix/gtfs-box
9. 一体GTFS boxは何を目指しているんだ？ 利便性 俯瞰のしやすさ 直感的な把握 愛でる対象 ファイルに 落として 加工・分析 Web で完結  案内の簡単さを求めるなら3D マップの操作は不要だろう・・  毎フレームのアニメーションは リソースの無駄遣いだろう・・  専用アプリは利用者を限定して しまう  情報の共有はWebアプリが得意 とするところ
10. GTFSデータを扱う上での苦労 (1)  まずはこの相関図を穴が開くほど眺める https://www.gtfs.jp/developpers-guide/format-reference.html
11. GTFSデータを扱う上での苦労 (2)  GTFSデータはCSV、しかしパースして使うには色々クセがある  必須フィールド・ファイルと任意フィールド・ファイルのせいで複雑  ルート形状（shape.txt）は任意なので含めていない事業者が多いが・・欲しい  順番に並んでいるとは限らない（ソートして使おう）  運行日の解釈はちょっと複雑（calendar.txtとcalendar_dates.txt）  多言語対応の対応はちょっと複雑（translations.txtのrecord_id/field_value）  迷ったときは公式リファレンス（日本語あり） https://gtfs.org/ja/documentation/schedule/reference/
12. GTFSデータを扱う上での苦労 (3)  gtfs-realtime-bindings https://github.com/MobilityData/gtfs-realtime-bindings  MobilityDataが提供するGTFS Realtimeの言語バインディング  GTFS RealtimeデータはProtocol Buffer形式でエンコードされてい るので読むのは大変。なのでこれ を使えばパースが楽  .NET, Java, JavaScript / TypeScript / Node.js, Python, Golangに対応
13. shape.txtは無いけれど・・  stops.txtの停留所を結べばルート は描けるけどいまいち  Google Mapsは一体どうしてい るんだ・・？  マッチする道を推測するらしい  お？興味深い記事を書いている人 がいますね  A Technical Follow-Up: How We Built the World’s Prettiest Auto-Generated Transit Maps
14. 余談: GTFS拡張仕様を眺めてみて  GTFS-Flex  GTFS-Pathway
15. GTFS-Flex – オンデマンド交通  GTFS-Flexでどんな視覚化ができるだろうか サービスカバーエリアの対比 https://n-catt.org/guidebooks/updated-gtfs-flex/ ゾーン内の停留所の選択 https://www.michigan.gov/mdot/-/media/Project/Websites/MDOT/Travel/Mobility/Public- Transportation/Tech-Talk/July-2024-GTFS-Flex.pdf ルート逸脱可能エリアの表示
16. GTFS-Pathways – アクセシビリティ情報  GTFS-Pathwaysでどんな視覚化ができるだろうか パリの2つの駅のグラフモデル https://kisio.com/uploads/2019/10/GTFS-Pathways_methodology-handbook_Kisio.pdf
17. 色々作ってみて  データの可視化も工夫のしどころはたくさんあるけど、 データ作成・提供も大変ですね  余裕ができたら、データ作成のサポートツールも作ってみたい  Webネイティブで、直感的なUIで操作できるような