SlideShare una empresa de Scribd logo
1 de 41
Descargar para leer sin conexión
マッピング用スマホアプリを
作ってみた
ao_zeal
目次
• 自己紹介
• 「OSM sketch」
• 「PoiRec」
• 「あの山へ」
• 今後の展望
3
自己紹介
ao_zeal
自己紹介
• アカウント:ao_zeal(OSM,geocaching,twitter)
• マッパー
• 活動範囲は主に東京多摩地区(区じゃない東京)
• 元々はGeocaching(GPSをつかった宝探しゲーム)から
• Garmin Dakota20の地図でOSMを使い始めたのがきっかけ
• クロアチア旅行でOSM大活躍して感動
• Facebookの公開グループ「G社OSM部」管理者 

(G社はGeocachingのこと。Googleではない)
• サンデープログラマー(技術力は無い) 三ケ日ICの近くにある
僕のキャッシュ(宝)
My SWEET SWEET honey Mika-chan
自己紹介
自己紹介
一時期操作マニュアルを作ってGeocacherに流行らせた。
http://wiki.openstreetmap.org/wiki/JA:Pushpin_OSM
7
OSM sketch
OSM sketch
• スマートフォンアプリ
• iOS版 リリース 2013/12/13
• Android版 2015/10/03リリース

OS4.4以上
• 画面上の地図に手書き可能
• OSMのGPSトレースとして直接アップロード
• メモ中でも二本指操作でズームやパンが可能
アイコンデザイン:Atsushi Togami
Congrats!! Good Design Award 2015.
9
背景
• 歩くのが好き。マッピングはその動機として最適
• マッピングスタイル

  
車であっという間に過ぎる 変換が大変
色々なマッピングツールを試したがしっくりこない
この先まだ道ある?
-とにかく歩く。(2、3駅は余裕)

-立ち止まらない

-たまに車。運転、助手席どちらも。

-思いついた時にマッピング(出先で暇な時間)
マッピングしてて困ること
チキンなので居住地の
中に入っていけない
当て字、ローマ字混じりなど
10
背景(Garmin)
• 専用機で実際に行った場所の
GPXファイルを作成
• 後でPCでOSM編集
• 通った場所じゃないと記録できない

(路地とか入りにくいところが記録できない)
• GPXファイルをPCに移すのが面倒
• Waypointの入力が面倒
❌
Garmin Dakota20
11
背景(OSMtrack)
• iPhoneアプリ
• 移動の軌跡をGPXファイル化
• 直接OSMにアップロード可能
• 要はGPS専用機の置き換え
• 今やGarminじゃなくてこっちメイン
• Garmin同様に通った場所じゃないと記録されない
OSMTrack
❌
⭕
12
背景(カメラ)
• スマホのカメラで気になる場所を撮影
• EXIFの場所と画像からPCで編集
• 写真を解読するのが面倒
• どっち向いて撮った写真か?
• どうでもいい写真がカメラロールに溜まる
❌
カメラアプリ
13
背景(OSMTracker)
• Androidのアプリ
• 軌跡だけでなくアイコンタップで
Waypointもつけられる
• 写真や音声メモも残せる
• 音声や写真を見直すのは面倒
• PCのメモリが足りなくなる
• 道のどっち側についての情報か?
❌
OSMTracker
http://wiki.openstreetmap.org/wiki/OSMtracker_(Android)
14
背景(Pushpin)
• iPhoneアプリ
• POIの編集がその場でできる
• タグ付けもわかりやすい
• iPhoneで一番使ってるアプリかも
• 編集数の統計はゲームみたいで楽しい
• Wayは追加・編集できない
❌
⭕
Pushpin
http://wiki.openstreetmap.org/wiki/Pushpin_OSM
15
背景(Go Map!!)
• iPhoneアプリ
• 大抵の編集はできる
• iPhoneの画面は本格的な編集には小さい
• タッチインタフェースも合わない
• 立ち止まって腰を据えてやらないと

WayやAreaの編集は無理
http://wiki.openstreetmap.org/wiki/Go_Map!!
喫煙所の入力にのみ使用(Pushupinではsmokingタグが出ないので)
❌
Go Map!!
16
背景(Field papers)
• 紙に地図を印刷して手書き
• スキャナで取り込むと

PCエディタの背景になる
• 準備が面倒
• あらかじめどこに行くか決めないとダメ
• 印刷範囲を出ると使えない
• 後処理(スキャン、アップロード)も面倒
• 何回かやってみたけどスキャンかアップロードに

 失敗して一度も成功してない
❌
http://fieldpapers.org/
Field Papers
17
結果
• POIはPushpinで完結
• 自分のマッピングスタイルでその場でのWayの編集はムリ
• せめてWayの情報を残せれば・・・
• 手書きが一番楽。でもFieldPaperは面倒
• せっかくスマホなんてリアルタイムで通信できるデバイス
があるのにもったいない
無いなら作ろう
18
作り方
• OpenlayersのFreehandモードを利用

(PCのシフト押しの時だけ使えるモードを改造)
• アプリはほとんどWebView
• GPXファイル化もOpenlayersがやってくれる
• アップロードは頑張って作った
19
機能紹介
⑥マニュアル
⑤線を全部消す
①・追尾モード
 ・スクロールモード
②アンドゥ
③・手書きモード
 ・ナビゲーションモード 地図の移動
地図に手書き
現在地が常に中心
① ② ③ ④ ⑤ ⑥
④GPXのアップロード
地図を好きな場所に移動
ズームは二本指操作のみ
20
機能紹介
• 二本指操作(ズーム、スクロール)
書いているうちに
書く場所が足らなくなる
手書きモード中でも
二本指スクロールが可能
すぐに続きが
描き加えられる
スピーディーな操作で書き漏らし無し
21
機能紹介
• GPXアップロードとPC編集
アップロード
ボタン
アップロード画面
・ID
・Password
・その他設定
PCエディタで編集GPSトレースとしてOSMのページにアップ
手間のないアップ&見やすいGPXトレース
22
裏ワザ
• ズームレベルはなるべく大きく
• 追尾モードかつDrawモード
• 画面の中心をグリグリ(※)しながら歩く
即席GPSロガーになる!
※グリグリってのは微妙にタッチの位置を動かすこと。
 一点を押し続けて移動すると、画面上は動くけど、
 直線にしかならない
23
作った結果
• とりあえず道があったことだけ線書いておく
• あとでPCでBing見ながら追加
入りづらい居住区の狭い道路
スピードが出てる車の助手席
線だけ書いてあとはPC
Field Paperでは出来ない?
GPSトレースだからメモを表示させつつ
背景は切り替えられる
画像にしてないけど
追尾モードで
自動スクロールさせながら。
Bingの航空写真
国土地理院の地図
24
道のタグや一方通行も 離れた道も
標示によれば左折がある
大体の場所を
メモしてBing
Bing的にはこっち
作った結果
25
通りの名前もBingで重なって見えるビルも
作った結果
26
当て字、ローマ字まじりの店名も地図の間違い、地形変化も
行き止まり
フォトマッピングの
撮影の向きのメモにも
作った結果
27
作った結果
• 思い立った時にマッピング
• POIはPushpin、WayやAreaはOSM sketchでメモ
モバイル 自宅
OpenStreetMap
Pushpin OSM sketch Go Map!! OSMTrack iD JOSM
POI
編集
GPS
トレース
GPS
トレース
喫煙所
編集
GPS
トレース
Way, Area
編集
28
顧客価値
• 準備なし。思い立った時に使える
• 面倒な入力無くとにかくメモしておける
• PC接続不要で手間いらず
• エディタに軌跡が表示されるので編集しやすい
29
結論
ごーまんかましてよかですか?
30
結論
• マッパーはOSM sketch!!
• Field Papersは初心者が混ざるマッピング
パーティー向け!
あとガラケーの人、ペンの色を使い分けたい人向け
31
PoiRec
32
PoiRec
今回の説明からは割愛
• Android版のみ
• 上下左右のフリックで4種類のPOIを記録
• 手元を見ないで操作可能。歩きスマホ防止
• Leaflet使用
「木」「電柱」「マンホール」「街灯」など
ストイックなマッピング用
33
あの山へ
34
あの山へ
• 地図から山を探して頂上までの

距離と標高差を表示するアプリ
• バス停とか検索できない山は自分で登録
• Facebook「山が好き」グループの

主催者(ジオキャッシャー)の依頼
• スマートフォンアプリ
• iOS版 リリース 2015/01/08
• Android版 2015/09/02リリース

OS5.0以上
35
OSM関連
• 地図と山のデータにOSMを採用
• Overpass APIでPOIを検索
• 国土地理院地図から山のデータを整備。
• Leaflet使用
 「natural=peak」かつ「ele=*」
国土地理院の「日本の主な山岳標高」
http://www.gsi.go.jp/KOKUJYOHO/MOUNTAIN/mountain.html
を参考に主要な山の場所の当たりをつけて
地理院地図を目視して山データ追加
データの無い県を中心に追加
整備した山データ
 800件ジャスト
36
ココ山報告機能
• ユーザー自身が目的地(山)を入力した時に、
その場所を報告する機能を追加
• 地理院地図をもとに自分がOSMに入力
これのどこがマッピングアプリ?
このボタン Google Formにつながる
(送信ボタンを押すだけ)
・地理院地図を見てOSMに登録
 (地理院地図で確認
  できなかったら諦める)
・専用アカウントを作る予定
  ”アプリあの山へ”
37
結果
• OSMのことを知らない人からも情報を収集するツー
ルとして運用中
• 2015/06/23から約4ヶ月
• 利用実績:まだ0件。残念!
• 1kちょっとのダウンロード数じゃこの手の情報は集
まらないことを実感
38
今後の展望
39
今後の展望
• OSMを知らない人からももっと情報を集
めれるようにしたい
• 位置ゲー
• イメージはWaze ※ただし技術力が無い
40
今後の展望
• GPSを使った位置ゲー
• ポストを自陣にできる
• 同じ場所で何回かポストが認識できたらOSMに反映

(手入力を想定)
途中まで作ってたが
「あの山へ」を優先したので
お蔵入り状態
構想中「ポス取り合戦」
なぜポストか?
• 日本全国にある
• 未公表。情報収集サイトはあるがオープンでは無い
• 位置がある程度離れるのでGPS精度が良ければ誤認識しない

※屋内のポストはGPSが届かないので無視
• 一般の人からの情報の正確性 → 構想はあるが技術力が追いつかない
OSM的課題
来年のSoTM jpで発表できたら嬉しい
誰か代わりに作ってくれるともっと嬉しい
41
ご清聴ありがとうございました

Más contenido relacionado

La actualidad más candente

2016年第1回マッピングパーティ
2016年第1回マッピングパーティ2016年第1回マッピングパーティ
2016年第1回マッピングパーティCode for SAITAMA
 
20120511 android akb_unity
20120511 android akb_unity20120511 android akb_unity
20120511 android akb_unityYasuyuki Kamata
 
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchupTomoharu Fukushima
 
【札幌】政治を身近に感じてほしい!21世紀の自治
【札幌】政治を身近に感じてほしい!21世紀の自治【札幌】政治を身近に感じてほしい!21世紀の自治
【札幌】政治を身近に感じてほしい!21世紀の自治さぶみっと!ヨクスル
 
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」Seiichiro Ishida
 
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)Kohei Hashimoto
 
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に 新潟コンサルタント横田秀珠
 
TABIPPO「旅大学」特別授業スライド 131130
TABIPPO「旅大学」特別授業スライド 131130TABIPPO「旅大学」特別授業スライド 131130
TABIPPO「旅大学」特別授業スライド 131130るいす@TABIPPO
 
宗像プレーパーク
宗像プレーパーク宗像プレーパーク
宗像プレーパークTakeshi Noshita
 

La actualidad más candente (11)

2016年第1回マッピングパーティ
2016年第1回マッピングパーティ2016年第1回マッピングパーティ
2016年第1回マッピングパーティ
 
20120511 android akb_unity
20120511 android akb_unity20120511 android akb_unity
20120511 android akb_unity
 
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup
【ライヴエイド福島】海外アプリ研究帳 vol.01_Minigolf matchup
 
【札幌】政治を身近に感じてほしい!21世紀の自治
【札幌】政治を身近に感じてほしい!21世紀の自治【札幌】政治を身近に感じてほしい!21世紀の自治
【札幌】政治を身近に感じてほしい!21世紀の自治
 
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」
Qpstudy.2013.07.c84新作発表資料「汝はエンジニアような名状しがたい何かなりや?」
 
narasanso.pptx
narasanso.pptxnarasanso.pptx
narasanso.pptx
 
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)
るん太郎の仕組み(2016年知能ロボコン, 先端ものづくりチャレンジ)
 
Excite map
Excite mapExcite map
Excite map
 
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に
Twitterもチェックインが可能へ、スポット連携したYelpの運用が必須に
 
TABIPPO「旅大学」特別授業スライド 131130
TABIPPO「旅大学」特別授業スライド 131130TABIPPO「旅大学」特別授業スライド 131130
TABIPPO「旅大学」特別授業スライド 131130
 
宗像プレーパーク
宗像プレーパーク宗像プレーパーク
宗像プレーパーク
 

マッピング用スマホアプリを作ってみた