Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

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

1,214 views

Published on

SotM Japan 2015発表スライド
2015/10/31

  • Be the first to comment

  • Be the first to like this

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

  1. 1. マッピング用スマホアプリを 作ってみた ao_zeal
  2. 2. 目次 • 自己紹介 • 「OSM sketch」 • 「PoiRec」 • 「あの山へ」 • 今後の展望
  3. 3. 3 自己紹介 ao_zeal
  4. 4. 自己紹介 • アカウント:ao_zeal(OSM,geocaching,twitter) • マッパー • 活動範囲は主に東京多摩地区(区じゃない東京) • 元々はGeocaching(GPSをつかった宝探しゲーム)から • Garmin Dakota20の地図でOSMを使い始めたのがきっかけ • クロアチア旅行でOSM大活躍して感動 • Facebookの公開グループ「G社OSM部」管理者 
 (G社はGeocachingのこと。Googleではない) • サンデープログラマー(技術力は無い) 三ケ日ICの近くにある 僕のキャッシュ(宝) My SWEET SWEET honey Mika-chan
  5. 5. 自己紹介
  6. 6. 自己紹介 一時期操作マニュアルを作ってGeocacherに流行らせた。 http://wiki.openstreetmap.org/wiki/JA:Pushpin_OSM
  7. 7. 7 OSM sketch
  8. 8. OSM sketch • スマートフォンアプリ • iOS版 リリース 2013/12/13 • Android版 2015/10/03リリース
 OS4.4以上 • 画面上の地図に手書き可能 • OSMのGPSトレースとして直接アップロード • メモ中でも二本指操作でズームやパンが可能 アイコンデザイン:Atsushi Togami Congrats!! Good Design Award 2015.
  9. 9. 9 背景 • 歩くのが好き。マッピングはその動機として最適 • マッピングスタイル
    車であっという間に過ぎる 変換が大変 色々なマッピングツールを試したがしっくりこない この先まだ道ある? -とにかく歩く。(2、3駅は余裕)
 -立ち止まらない
 -たまに車。運転、助手席どちらも。
 -思いついた時にマッピング(出先で暇な時間) マッピングしてて困ること チキンなので居住地の 中に入っていけない 当て字、ローマ字混じりなど
  10. 10. 10 背景(Garmin) • 専用機で実際に行った場所の GPXファイルを作成 • 後でPCでOSM編集 • 通った場所じゃないと記録できない
 (路地とか入りにくいところが記録できない) • GPXファイルをPCに移すのが面倒 • Waypointの入力が面倒 ❌ Garmin Dakota20
  11. 11. 11 背景(OSMtrack) • iPhoneアプリ • 移動の軌跡をGPXファイル化 • 直接OSMにアップロード可能 • 要はGPS専用機の置き換え • 今やGarminじゃなくてこっちメイン • Garmin同様に通った場所じゃないと記録されない OSMTrack ❌ ⭕
  12. 12. 12 背景(カメラ) • スマホのカメラで気になる場所を撮影 • EXIFの場所と画像からPCで編集 • 写真を解読するのが面倒 • どっち向いて撮った写真か? • どうでもいい写真がカメラロールに溜まる ❌ カメラアプリ
  13. 13. 13 背景(OSMTracker) • Androidのアプリ • 軌跡だけでなくアイコンタップで Waypointもつけられる • 写真や音声メモも残せる • 音声や写真を見直すのは面倒 • PCのメモリが足りなくなる • 道のどっち側についての情報か? ❌ OSMTracker http://wiki.openstreetmap.org/wiki/OSMtracker_(Android)
  14. 14. 14 背景(Pushpin) • iPhoneアプリ • POIの編集がその場でできる • タグ付けもわかりやすい • iPhoneで一番使ってるアプリかも • 編集数の統計はゲームみたいで楽しい • Wayは追加・編集できない ❌ ⭕ Pushpin http://wiki.openstreetmap.org/wiki/Pushpin_OSM
  15. 15. 15 背景(Go Map!!) • iPhoneアプリ • 大抵の編集はできる • iPhoneの画面は本格的な編集には小さい • タッチインタフェースも合わない • 立ち止まって腰を据えてやらないと
 WayやAreaの編集は無理 http://wiki.openstreetmap.org/wiki/Go_Map!! 喫煙所の入力にのみ使用(Pushupinではsmokingタグが出ないので) ❌ Go Map!!
  16. 16. 16 背景(Field papers) • 紙に地図を印刷して手書き • スキャナで取り込むと
 PCエディタの背景になる • 準備が面倒 • あらかじめどこに行くか決めないとダメ • 印刷範囲を出ると使えない • 後処理(スキャン、アップロード)も面倒 • 何回かやってみたけどスキャンかアップロードに
  失敗して一度も成功してない ❌ http://fieldpapers.org/ Field Papers
  17. 17. 17 結果 • POIはPushpinで完結 • 自分のマッピングスタイルでその場でのWayの編集はムリ • せめてWayの情報を残せれば・・・ • 手書きが一番楽。でもFieldPaperは面倒 • せっかくスマホなんてリアルタイムで通信できるデバイス があるのにもったいない 無いなら作ろう
  18. 18. 18 作り方 • OpenlayersのFreehandモードを利用
 (PCのシフト押しの時だけ使えるモードを改造) • アプリはほとんどWebView • GPXファイル化もOpenlayersがやってくれる • アップロードは頑張って作った
  19. 19. 19 機能紹介 ⑥マニュアル ⑤線を全部消す ①・追尾モード  ・スクロールモード ②アンドゥ ③・手書きモード  ・ナビゲーションモード 地図の移動 地図に手書き 現在地が常に中心 ① ② ③ ④ ⑤ ⑥ ④GPXのアップロード 地図を好きな場所に移動 ズームは二本指操作のみ
  20. 20. 20 機能紹介 • 二本指操作(ズーム、スクロール) 書いているうちに 書く場所が足らなくなる 手書きモード中でも 二本指スクロールが可能 すぐに続きが 描き加えられる スピーディーな操作で書き漏らし無し
  21. 21. 21 機能紹介 • GPXアップロードとPC編集 アップロード ボタン アップロード画面 ・ID ・Password ・その他設定 PCエディタで編集GPSトレースとしてOSMのページにアップ 手間のないアップ&見やすいGPXトレース
  22. 22. 22 裏ワザ • ズームレベルはなるべく大きく • 追尾モードかつDrawモード • 画面の中心をグリグリ(※)しながら歩く 即席GPSロガーになる! ※グリグリってのは微妙にタッチの位置を動かすこと。  一点を押し続けて移動すると、画面上は動くけど、  直線にしかならない
  23. 23. 23 作った結果 • とりあえず道があったことだけ線書いておく • あとでPCでBing見ながら追加 入りづらい居住区の狭い道路 スピードが出てる車の助手席 線だけ書いてあとはPC Field Paperでは出来ない? GPSトレースだからメモを表示させつつ 背景は切り替えられる 画像にしてないけど 追尾モードで 自動スクロールさせながら。 Bingの航空写真 国土地理院の地図
  24. 24. 24 道のタグや一方通行も 離れた道も 標示によれば左折がある 大体の場所を メモしてBing Bing的にはこっち 作った結果
  25. 25. 25 通りの名前もBingで重なって見えるビルも 作った結果
  26. 26. 26 当て字、ローマ字まじりの店名も地図の間違い、地形変化も 行き止まり フォトマッピングの 撮影の向きのメモにも 作った結果
  27. 27. 27 作った結果 • 思い立った時にマッピング • POIはPushpin、WayやAreaはOSM sketchでメモ モバイル 自宅 OpenStreetMap Pushpin OSM sketch Go Map!! OSMTrack iD JOSM POI 編集 GPS トレース GPS トレース 喫煙所 編集 GPS トレース Way, Area 編集
  28. 28. 28 顧客価値 • 準備なし。思い立った時に使える • 面倒な入力無くとにかくメモしておける • PC接続不要で手間いらず • エディタに軌跡が表示されるので編集しやすい
  29. 29. 29 結論 ごーまんかましてよかですか?
  30. 30. 30 結論 • マッパーはOSM sketch!! • Field Papersは初心者が混ざるマッピング パーティー向け! あとガラケーの人、ペンの色を使い分けたい人向け
  31. 31. 31 PoiRec
  32. 32. 32 PoiRec 今回の説明からは割愛 • Android版のみ • 上下左右のフリックで4種類のPOIを記録 • 手元を見ないで操作可能。歩きスマホ防止 • Leaflet使用 「木」「電柱」「マンホール」「街灯」など ストイックなマッピング用
  33. 33. 33 あの山へ
  34. 34. 34 あの山へ • 地図から山を探して頂上までの
 距離と標高差を表示するアプリ • バス停とか検索できない山は自分で登録 • Facebook「山が好き」グループの
 主催者(ジオキャッシャー)の依頼 • スマートフォンアプリ • iOS版 リリース 2015/01/08 • Android版 2015/09/02リリース
 OS5.0以上
  35. 35. 35 OSM関連 • 地図と山のデータにOSMを採用 • Overpass APIでPOIを検索 • 国土地理院地図から山のデータを整備。 • Leaflet使用  「natural=peak」かつ「ele=*」 国土地理院の「日本の主な山岳標高」 http://www.gsi.go.jp/KOKUJYOHO/MOUNTAIN/mountain.html を参考に主要な山の場所の当たりをつけて 地理院地図を目視して山データ追加 データの無い県を中心に追加 整備した山データ  800件ジャスト
  36. 36. 36 ココ山報告機能 • ユーザー自身が目的地(山)を入力した時に、 その場所を報告する機能を追加 • 地理院地図をもとに自分がOSMに入力 これのどこがマッピングアプリ? このボタン Google Formにつながる (送信ボタンを押すだけ) ・地理院地図を見てOSMに登録  (地理院地図で確認   できなかったら諦める) ・専用アカウントを作る予定   ”アプリあの山へ”
  37. 37. 37 結果 • OSMのことを知らない人からも情報を収集するツー ルとして運用中 • 2015/06/23から約4ヶ月 • 利用実績:まだ0件。残念! • 1kちょっとのダウンロード数じゃこの手の情報は集 まらないことを実感
  38. 38. 38 今後の展望
  39. 39. 39 今後の展望 • OSMを知らない人からももっと情報を集 めれるようにしたい • 位置ゲー • イメージはWaze ※ただし技術力が無い
  40. 40. 40 今後の展望 • GPSを使った位置ゲー • ポストを自陣にできる • 同じ場所で何回かポストが認識できたらOSMに反映
 (手入力を想定) 途中まで作ってたが 「あの山へ」を優先したので お蔵入り状態 構想中「ポス取り合戦」 なぜポストか? • 日本全国にある • 未公表。情報収集サイトはあるがオープンでは無い • 位置がある程度離れるのでGPS精度が良ければ誤認識しない
 ※屋内のポストはGPSが届かないので無視 • 一般の人からの情報の正確性 → 構想はあるが技術力が追いつかない OSM的課題 来年のSoTM jpで発表できたら嬉しい 誰か代わりに作ってくれるともっと嬉しい
  41. 41. 41 ご清聴ありがとうございました

×