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
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
Hajime Kato
June 20, 2026
Programming
380
1
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話
「地理院地図ファンクラブ」2026年6月定例会にて、
【気圧・高度・GPSを記録&可視化するアプリ「Koudo」を作った話】のスライドです。
Hajime Kato
June 20, 2026
More Decks by Hajime Kato
See All by Hajime Kato
情報を翻訳する-伝わる可視化3原則とオープンデータ活用-
hjmkth
1
320
「れきちず」のこれまでとこれから - 誰にでもわかりやすい歴史地図を目指して / FOSS4G 2025 Japan
hjmkth
1
4k
地理院地図をもっと楽しく!れきちず新機能のご紹介
hjmkth
1
780
オリジナルのデザイン地図を作ってみた!〜OpenMapTilesとMaputnikを活用した地図スタイル〜
hjmkth
1
1.2k
オープンデータを利用して色々なものを作った話
hjmkth
1
290
日本最大級!地図・技術界隈の文化祭「FOSS4G 2024 Japan」に参加した話
hjmkth
1
160
地図・デザイン・可視化 −情報をわかりやすく伝えるために−
hjmkth
2
900
現代風歴史マップ「れきちず」フロントエンドのウラとオモテ|フロントエンドカンファレンス北海道2024 / frontend of Rekichizu
hjmkth
0
690
デザイナーがオープンな〇〇に出会ったことで人生が変わった話
hjmkth
2
480
Other Decks in Programming
See All in Programming
Apache Hive: Toward a Cloud Native Lakehouse
okumin
0
170
ソフトウェア設計に溶けるインフラ ― AWS CDK のインフラ認識論
konokenj
3
730
Terraform標準の組織で AWS CDKをどう使うか
mu7889yoon
1
450
改善しないと、タスクが回らない。 “てんこ盛りポジション” を引き継いだ情シスの、入社3ヶ月の業務改善録
krm963
0
240
『コードを書く以外の』エンジニアリング〜課金基盤移行プロジェクト推進のためのTips4選
yuriko1211
0
560
【やさしく解説 設計編・中級 #4】ルールの寿命と、システムの年輪
panda728
PRO
2
180
Build-to-own AI: Agentic Development for Humans
inesmontani
PRO
0
160
torikago - Ruby::Boxで照らすモジュラモノリスの実行境界
se4weed
1
310
<title><a id="</title>君はこのHTMLをパースできるか"></a></title> #雑LT_study
pizzacat83
0
130
言語を使う側から、作る側へ。 自作 Lisp で得た新たな気づき。
andpad
0
140
為什麼你並不需要ViewModel / No, you don't need a ViewModel
lovee
1
460
Go言語とトイモデルで学ぶTransformerの気持ち / fukuokago23-transformer
monochromegane
0
160
Featured
See All Featured
Building a Scalable Design System with Sketch
lauravandoore
463
34k
Build The Right Thing And Hit Your Dates
maggiecrowley
39
3.4k
AI in Enterprises - Java and Open Source to the Rescue
ivargrimstad
0
1.4k
How to audit for AI Accessibility on your Front & Back End
davetheseo
0
480
エンジニアに許された特別な時間の終わり
watany
108
250k
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
akihiro_kokubo
PRO
72
41k
Evolving SEO for Evolving Search Engines
ryanjones
0
250
What the history of the web can teach us about the future of AI
inesmontani
PRO
1
650
AI: The stuff that nobody shows you
jnunemaker
PRO
9
860
My Coaching Mixtape
mlcsv
0
180
brightonSEO & MeasureFest 2025 - Christian Goodrich - Winning strategies for Black Friday CRO & PPC
cargoodrich
3
760
Building a A Zero-Code AI SEO Workflow
portentint
PRO
0
650
Transcript
気圧・⾼度・GPSを 記録・可視化するアプリ 「Koudo」を作った話 地図とかデザインとか(加藤 創)
⾃⼰紹介 加藤 創 地図とかデザインとか @chizutodesign •株式会社MIERUNEの グラフィックデザイナー •趣味で⾊々作っています
⾃⼰紹介
01 きっかけ
きっかけ① GPS記録をしていた たとえば、こういうときに • 珍しい乗り物に乗ったとき • 軽い登⼭やハイキングなど 伊勢湾フェリー(筆者撮影) ⼤⼭(筆者撮影)
きっかけ② ⾶⾏機の気圧に驚く 機内で気圧アプリを使うと… • 800hPa台 • 台⾵より低い気圧! アプリ「Barometer」
きっかけ③ 既存アプリの不満点 GPSアプリは⾊々あるが… • 気圧が取れない • リプレイの⾯⽩みがない 既存アプリのイメージ 背景:国⼟地理院
02 開発
開発 AIとの協働 バイブコーディングで開発 • Claude Code • Flutter
開発 実装→検証→修正 コードはAIが書いてくれても 検証は⼈間がやる必要がある 半年ほど作業を続けた 実装 検証 修正
03 問題
問題① GPSのブレ 地下などGPSが安定しないと • GPSの軌跡がブレる • 時速数百kmの異常値
問題① GPSのブレ:解決法 平均速度と⾼度から交通⼿段 を推定し、統計的に異常と 思われる値を除外 徒歩 ⾃転⾞ ⾞ 鉄道 ⾶⾏機
問題② トンネルワープ問題 トンネルに⼊るとGPSは… • ⼊⼝で停⽌、出⼝で復帰 →トンネルワープしてしまう 動画
問題② トンネルワープ:解決 • GPS停滞を検出し⼊⼝判定 • 出⼝までなめらかに移動 →トンネル以外の GPS途絶区間にも対応 動画
Before After
04 機能
機能① 概要画⾯ 時間や速度をまとめて表⽰ • 最⾼速度・平均速度 • 開始・終了地点も表⽰
機能② リプレイ機能 地図とグラフで表⽰ • 実速度の⽐率で再⽣ • 速度・⾼度・気圧に切替え 動画
機能③ 地図・アイコン変更 それぞれ変更が可能 • 背景地図をOSM, 空中写真 • アイコンを絵⽂字や画像に 動画
05 デモ
デモ 実際の画⾯でお⾒せします
デモ① ⻘函トンネル 北海道新幹線 • GPS⾼度が-178mを記録 • 気圧から推定で精度向上? (今後の検討課題)
デモ② ⾶⾏機 仙台空港〜新千歳空港 • 最低気圧は約800hPa • 最⼤⾼度は約9800m
デモ③ フェリー 伊勢湾フェリー • 海上で気圧変化はほぼ無し • 速度もほぼ⼀定
06 おわりに
おわりに リリース後の反応 6⽉中旬にリリース • Androidは約200DL • iOSは約400DL, ⼀時60位 (ナビゲーション部⾨) App
Storeより
おわりに 今後の展望 改善・機能追加していきたい • リプレイを3D地図で? • 気圧から⾼度を推定?
おわりに アプリ「Koudo」 • 気圧も⾼度も記録できる • ⾼機能なリプレイが可能 ぜひ使ってみてください!
ダウンロードはこちらから!