ジオメディアサミット大阪2013懇親会ライトニングトーク Xamarin & Google Maps SDKでクロスプラットフォーム地図アプリ

1. Xamarin & Google Maps SDKで
クロスプラットフォーム地図アプリ
こちずふぁん こと 大塚恒平
@kochizufan

2. クロスプラットフォー
ム
地図アプリ開発どうされてますか？
開発環境
ネイティブアプリ開発
HTML5 + PhoneGap、他
地図API
MapKit等ネイティブSDK
OpenLayers、Leaflet等HTML5地図API

3. ネイティブアプリ
利点：
パフォーマンス最高
表現力で妥協しなくてよい
欠点：
プラットフォーム毎にスキルの習得が必要
習得コストでかい
使う言語がどいつもこいつも
Objective-C : キモい
Java : ウザい

4. HTML5 + Phoなんちゃ
ら
利点：
覚える言語がJavaScript + css + HTML5限定
Write Once, Run Anyware (に比較的近い)
欠点：
パフォーマンス悪い
(特にUIで)無理して、頑張って、涙の末に報われな
い感
HTML5の実装状況に左右される（ArrayBuffer、
WebWorkerとか）

5. ネイティブ地図SDK
利点：
パフォーマンス最高
ユーザエクスペリエンス最高（連続ズーム、回転表
示）
欠点：
どこかの地図の質について語りたい人がいっぱい居
る
プラットフォーム毎にできる事が違い過ぎる

6. HTML5地図API
利点：
Google地図やOpenStreetMap、独自タイル地図等、
選択肢がいっぱい
欠点：
とびとびズームやめようや…ちょっとは回転しよう
や…
オフライン用途に使いにくいよね

7. そこで
開発環境 : Xamarin
http://xamarin.com/
.NET環境(MonoDroid、MonoTouch)上で動くアプリ
をc#で書ける開発環境
XamarinStudioとしてMac、Windows上で動く他、
Visual Studioのプラグインとしても動く (その場合、
Windows Phoneも視野に入れて開発可能)
UI含め、ネイティブSDKの薄いラッパを提供
共通ロジックはc#のノリでプラットフォーム間共有可
能
UIはネイティブコンポーネントをそのまま利用可能

8. もひとつ
地図API : Google Maps SDK
Android: Google Maps API for Android v2
https://developers.google.com/maps/documentation/androi
d/
iOS: Google Maps SDK for iOS
https://developers.google.com/maps/documentation/ios/
Googleの高品質地図！ベクタ地図！
Googleの高機能UX！中間ズーム！回る！鳥瞰視点も！
Google嫌い？OSMガー？タイルインタフェース使えばい
いじゃない！最近iOS版にもついたよ！

9. サンプル
MBTilesのファイルから独自タイルを読み込んで表
示するサンプル on iOS and Android
https://github.com/tilemapjp/xamarinGMS
突貫工事で作ったのでまだREADMEありませんすみ
ません。明日以降作ります。
プラットフォーム間のロジック共有方法は、本当は
MvvmCross（https://github.com/slodge/MvvmCross）
という技術を使うべきなのですが、まだVisualStudio
でしか使えずXamarinStudioでは使えないのと、難し
くて頭爆発するので、オレオレ共有方法で共有して
ます。良い子はちゃんとMvvmCrossを覚えましょう。

10. サンプルの動かし方
共通 :
どちらもGoogle Maps API/SDKのAPI Keyを取得してちゃんと
書き込んでやりましょう。
Android :
Google Play Servicesのprojectをgithubからダウンロードして
きて、ソリューションに加えましょう。
設定方法は、amay師匠の以下記事を参考に
http://qiita.com/items/2d76a090d49926805431
iOS :
iOSのGoogle Maps SDKは、Xamarin Storeで無料入手できます。
Componentsから選択してDLし、プロジェクトに加えましょ
う。
バージョンは1.3.0以降を使います。

11. ソリューション構成
共通ロジック用プロジェクト
プラットフォームに影響しないロジックはここに。
プラットフォーム別ロジック用プロジェクト
共通ロジックをプラットフォーム別にコンパイルする
ためのシンボリックリンクと、デバイス内フォルダ構
等、どうしてもプラットフォーム依存のものはここに
Android用Viewプロジェクト
ユーザエクスペリエンスに直結するビューのロジック
は、ネイティブSDKと同じコンポーネントを、c#の文
実装できます。
iOS用Viewプロジェクト
iOS用GoogleMapsコンポーネント
XamarinStoreで1.3.0を入手しましょう。
Android用Google Play Serviceプロジェクト
githubで入手し、Amay師匠記事でセットアップ。

12. 実行
吹田市付近1945年の米軍地図、MBTilesファイル表
示
iOS : Android :

13. 最大の欠点
開発環境が高いよ！
トライアル（無償）では、ショボいプログラムしか作れ
ない
評価ライセンスでは、フル機能が使えるが、有効期間1ヶ
月
ちゃんとした開発をしようと思うと、プラットフォーム
毎に年間$299、iOS/Android合計で$598
さらにWindows Phoneまで視野に入れるなら、Visual
Studio連携可能版、プラットフォーム毎に$999、
iOS/Android合計+Visual Studio自身まで考えると30万円
コース
個人の開発環境としてはキツい…
その費用と、c#による開発効率化&ナレッジ共通化&特化
技術者の不要化を量りにかけてペイすればお得

14. おしまい
デバイス上で動いている様子、コンパイルの様子
等の実際が見たい方は大塚まで