AndroidーiOS開発比較〜iOSエンジニアから見たAndroidのアレコレ〜

Developers.IO 2016

2

田中　孝明　モバイルアプリサービス部

Ⓒ Classmethod, Inc.

2016年04月23日

AndroidーiOS開発比較～iOSエンジニアから見たAndroidのアレコレ～

1

自己紹介• 田中孝明 • http://dev.classmethod.jp/author/tanaka-takaaki/

• モバイルアプリサービス部所属 • iOS開発担当

2Ⓒ Classmethod, Inc.

http://dev.classmethod.jp/author/tanaka-takaaki/

愛知県に住んでいたことあります


弊社のよくある要件

• Android / iOS並行開発 • 同時リリース • iOS先行リリースという案件もあり • Appleの審査期間を踏まえてiOSを前倒しで開発するということもあり


弊社のよくある開発体制


Android / iOS開発者間でコードレビューを行うこともある

本題


モバイル開発において注意する点

• 対応OSバージョンについて • 共通のドキュメントについて • 実装方針について





対応OSバージョンについて• Android


http://developer.android.com/intl/ja/about/dashboards/index.html

http://developer.android.com/intl/ja/about/dashboards/index.html

対応OSバージョンについて• Android • 4.x系はシェアが20%程度あるのでサポートせざるを得ない状況が多い

• 4.4からはWebViewがChoromeベースに変更されているため、WebViewを利用する案件は注意が必要


対応OSバージョンについて• iOS


https://developer.apple.com/support/app-store/jp/

https://developer.apple.com/support/app-store/jp/

対応OSバージョンについて• iOS • Swiftで新規で作成する場合はiOS 8以上推奨 • Swift+CocoaPodsでEmbed frameworkが利用できるため

• ひとつ前のバージョン（iOS 8）対応で95%のシェアは確保できる


対応OSバージョンについて• iOS • Xcode のバージョンアップ対応には注意 • XcodeのバージョンによってサポートされるSwiftのバージョンが違う • Xcode 6.0 -> Swift 1.0 • Xcode 6.1 -> Swift 1.1 • Xcode 6.3 -> Swift 1.2 • Xcode 7.0 -> Swift 2.0 • Xcode 7.2 -> Swift 2.1 • Xcode 7.3 -> Swift 2.2


対応OSバージョンについて• Android • 対応OSは多い • WebView対応に注意 • BLE案件に注意

• iOS • Swiftのバージョンに注意 • ATS対応





共通のドキュメントについて


• お客様と開発側間でアプリの機能を実現するために必要なものを洗い出しておく

• Android / iOS開発者の間でも共通の認識を持てるドキュメントを作成しておく





はじめよう! 要件定義 ~ビギナーからベテランまで

http://www.amazon.co.jp/%E3%81%AF%E3%81%98%E3%82%81%E3%82%88%E3%81%86-%E8%A6%81%E4%BB%B6%E5%AE%9A%E7%BE%A9-~%E3%83%93%E3%82%AE%E3%83%8A%E3%83%BC%E3%81%8B%E3%82%89%E3%83%99%E3%83%86%E3%83%A9%E3%83%B3%E3%81%BE%E3%81%A7-%E7%BE%BD%E7%94%9F-%E7%AB%A0%E6%B4%8B/dp/4774172286




実装方針について• 開発環境、実装方針については初期段階で決定しておく

• 決定した内容はドキュメントとして残しておく • 開発環境→GitHubのREADMEに記載 • 実装方針→Wikiに記載

• 新たなチームメンバーが加わった際に一覧で確認できるドキュメントを整備しておく（Wiki等を活用） • API仕様や要件定義、設計の資料が一覧で確認できるようにしておく


実装方針の共有


パッケージ名

ui viewなどの画面表示に関わるクラスをまとめる

domainviewの表示に関わるロジックや、エンティティなど

のモデルクラスをまとめる

infra API通信、DBアクセス、データ保存をまとめる

• パッケージ分類の一例（※あくまで一例です）

それぞれの部品をどこに配置するか…?


ui


ui


domain


domain


infra


infra


実装方針について• 画面の作成方法に関してはOSに依存しているところが大きいので、レビューできるようになるまで時間がかかる

• プルリクエストには修正した画面のスクリーンショットを貼ってもらう

• Android • XMLファイルをゴリゴリ編集する

• iOS • StoryBoardを使う


実装方針について


実装方針について


実装方針について• 各部品の担当範囲を明確にすることでコードレビューの際に部品を理解するまでのコストを軽減する

• ロジック、モデルを分離することでAndroid / iOS開発者がコードレビューできる範囲を増やす

• 実装漏れを無くす


アレコレありますが結局は自ら手を動かして実装して

いかないと身につかない


自ら手を動かす

34

Push通知を AndroidとiOSで実装してみる

35

36

Push通知を実装してみる• Pushサービスの登録 • GCM（Google Cloud Messaging） • APNS（Apple Push Notification Service）

• Push通知の作成 • Pushメッセージを作成

• Push通知の受信 • OS毎に受信処理を行う


Push通知を実装してみる


https://aws.amazon.com/jp/sns/

Amazon Simple Notification Service (SNS)


Android側の作業


• GCMへの登録 • ライブラリのインポート • パーミッションの設定 • Push受信処理の実装 • Amazon Cognito IDの取得 • Amazon SNSへトークンの送信 • 受信時の処理の実装

iOS側の作業


• APNSへの登録 • ライブラリのインポート • Amazon Cognito IDの取得 • Amazon SNSへトークンの送信 • 受信時の処理

AWS側の作業


• Amazon Cognito で Identity pool を作成 • Amazon SNS で Google Android の Platformを作成

• Amazon SNS で Apple iOS Dev の Platformを作成

• Amazon SNS で Topicを作成

開発環境• Android • Android Studio 2.0 • Java

• iOS • Xcode 7.3 • CocoaPods or Carthage • Swift 2.2


Android側の作業


• GCMへの登録 • ライブラリのインポート • 設定ファイルのインポート • パーミッションの設定 • Push受信処理の実装 • Amazon Cognito IDの取得 • Amazon SNSへトークンの送信 • 受信時の処理の実装

GCMへの登録


https://developers.google.com/cloud-messaging/

https://developers.google.com/cloud-messaging/

GCMへの登録


• google-services.jsonをダウンロードする

GCMへの登録


• google-services.jsonをプロジェクトに追加する

ライブラリのインポート


… android { …} dependencies {

… compile 'com.amazonaws:aws-android-sdk-cognito:2.+' compile 'com.amazonaws:aws-android-sdk-sns:2.+'}

• build.gradleを編集 • AWSのSDKを指定する



apply plugin: 'com.google.gms.google-services'android { …} dependencies { … compile "com.google.android.gms:play-services:8.3.0" … }

• build.gradleを編集 • GCM用のライブラリを適用する



• Android Studioからライブラリをインポートする • 「Sync Project with Gradle Files」を実行する

パーミッションの設定


<?xml version="1.0" encoding="utf-8"?><manifest package="jp.co.kongmings.android.app" xmlns:android="http://schemas.android.com/apk/res/android"> <uses-permission android:name="android.permission.WAKE_LOCK" /> <uses-permission android:name="android.permission.INTERNET"/> <uses-permission android:name="com.google.android.c2dm.permission.RECEIVE" /> <uses-permission android:name="com.google.android.c2dm.permission.REGISTER" /> </manifest>

• AndroidManifest.xmlを編集 • パーミッションの設定

Push受信処理の実装


<application … <receiver android:name="com.google.android.gms.gcm.GcmReceiver" android:exported="true" android:permission="com.google.android.c2dm.permission.SEND" > <intent-filter> <action android:name="com.google.android.c2dm.intent.RECEIVE" /> <category android:name="jp.co.kongmings.android.app" /> </intent-filter> </receiver> <service android:name=".infra.service.MsgGcmListenerService" android:exported="false" > <intent-filter> <action android:name="com.google.android.c2dm.intent.RECEIVE" /> </intent-filter> </service> <service android:name=".infra.service.RegistrationIntentService" android:exported="false" /> <service android:name=".infra.service.MsgInstanceIDListenerService" android:exported="false"> <intent-filter> <action android:name="com.google.android.gms.iid.InstanceID"/> </intent-filter> </service> </application>

• AndroidManifest.xmlを編集



public class MsgGcmListenerService extends GcmListenerService { static final String TAG = MsgGcmListenerService.class.getSimpleName(); @Override public void onMessageReceived(String from, Bundle data) { String message = data.getString("message"); sendNotification(message); sendBroadcast(message); } void sendNotification(String message) { Intent intent = new Intent(this, MainActivity.class); intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); PendingIntent pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT); Uri defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION); NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this) .setSmallIcon(R.mipmap.ic_launcher) .setContentTitle("Message received!") .setContentText(message) .setAutoCancel(true) .setSound(defaultSoundUri) .setContentIntent(pendingIntent); NotificationManager manager = (NotificationManager) getSystemService(Context.NOTIFICATION_SERVICE); manager.notify(0, notificationBuilder.build()); } void sendBroadcast(String message) { Intent broadcastIntent = new Intent(); broadcastIntent.putExtra("message", message); broadcastIntent.setAction("MESSAGE_RECEIVED"); getBaseContext().sendBroadcast(broadcastIntent); }}

• GCMからメッセージが返ってきた時の処理



… void sendNotification(String message) { Intent intent = new Intent(this, MainActivity.class); intent.addFlags(Intent.FLAG_ACTIVITY_CLEAR_TOP); PendingIntent pendingIntent = PendingIntent.getActivity(this, 0, intent, PendingIntent.FLAG_ONE_SHOT); Uri defaultSoundUri = RingtoneManager.getDefaultUri(RingtoneManager.TYPE_NOTIFICATION); NotificationCompat.Builder notificationBuilder = new NotificationCompat.Builder(this) .setSmallIcon(R.mipmap.ic_launcher) .setContentTitle("Message received!") .setContentText(message) .setAutoCancel(true) .setSound(defaultSoundUri) .setContentIntent(pendingIntent); NotificationManager manager = (NotificationManager)getSystemService(Context.NOTIFICATION_SERVICE); manager.notify(0, notificationBuilder.build()); } ...

• 通知センターに表示させる



public class MsgGcmListenerService extends GcmListenerService { … void sendBroadcast(String message) { Intent broadcastIntent = new Intent(); broadcastIntent.putExtra("message", message); broadcastIntent.setAction("MESSAGE_RECEIVED"); getBaseContext().sendBroadcast(broadcastIntent); }}

• メッセージを受信したことを通知する



public class RegistrationIntentService extends IntentService { public RegistrationIntentService() { super("RegistrationIntentService"); } @Override protected void onHandleIntent(Intent intent) { if (intent != null) { try { InstanceID instanceID = InstanceID.getInstance(this); String token = instanceID.getToken( getString(R.string.gcm_defaultSenderId), GoogleCloudMessaging.INSTANCE_ID_SCOPE, null); Prefs.put("token", token); } catch (IOException e) { e.printStackTrace(); } } }}

• トークン取得処理にてトークンを保持しておく

Amazon Cognito IDの取得


void getCognitoId() { new Thread(new Runnable() { @Override public void run() { CognitoCachingCredentialsProvider provider = 　　　　　　　　　new CognitoCachingCredentialsProvider( self, COGNITO_IDENTITY_POOL_ID, AWS_REGION ); final String identityId = provider.getIdentityId(); Prefs.put("cognito_id", identityId); } }).start();}

• CognitoCachingCredentialsProviderにCognito Identity Pool IDを指定する

Amazon SNSへトークンの送信


void sendToken() { AmazonSNSClient snsClient = new AmazonSNSClient(mProvider); snsClient.setRegion(Region.getRegion(AWS_REGION)); CreatePlatformEndpointRequest createRequest = new CreatePlatformEndpointRequest(); createRequest.setPlatformApplicationArn(AWS_SNS_APPLICATION_ARN); String token = Prefs.get("token"); createRequest.setToken(token); CreatePlatformEndpointResult platformEndpoint = snsClient.createPlatformEndpoint(createRequest); String endpointArn = platformEndpoint.getEndpointArn(); snsClient.subscribe(AWS_SNS_SUBSCRIBE_TOPIC_ARN, "application", endpointArn);}

• 指定したTopicをSuscribeする

受信時の処理の実装


private MessageBroadcastReceiver mReceiver; public class MessageBroadcastReceiver extends BroadcastReceiver { @Override public void onReceive(Context context, Intent intent) { Bundle bundle = intent.getExtras(); String message = bundle.getString("message"); Toast.makeText(context, message, Toast.LENGTH_LONG).show(); }} @Overrideprotected void onCreate(Bundle savedInstanceState) { super.onCreate(savedInstanceState); … mReceiver = new MessageBroadcastReceiver(); IntentFilter intentFilter = new IntentFilter(); intentFilter.addAction("MESSAGE_RECEIVED"); registerReceiver(mReceiver, intentFilter);}

iOS側の作業


• APNSへの登録 • ライブラリのインポート • Amazon Cognito IDの取得 • Amazon SNSへトークンの送信 • 受信時の処理

APNSへの登録


https://developer.apple.com/jp/documentation/RemoteNotificationsPG.pdf

https://developer.apple.com/jp/documentation/RemoteNotificationsPG.pdf

APNSへの登録


• キーチェーンアクセスを起動して認証局に証明書を要求する

APNSへの登録


APNSへの登録


APNSへの登録


https://developer.apple.com/library/ios/documentation/NetworkingInternet/Conceptual/RemoteNotificationsPG/

Chapters/ApplePushService.html

APNSへの登録


• Provisioning Profileが正しく指定されているか確認する



platform :ios, '8.0' use_frameworks!

target 'App' do pod 'AWSSNS' end

• CocoaPods経由でインポートする • Podfileを編集



• CocoaPods経由でインポートする • pod installコマンドを実行

➜ app git:(develop) ✗ bundle exec pod install

Amazon Cognito IDの取得


func application( application: UIApplication, didFinishLaunchingWithOptions launchOptions: [NSObject: AnyObject]?) -> Bool { let credentialsProvider = AWSCognitoCredentialsProvider( regionType: AWSRegionType.APNortheast1, identityPoolId: CognitoIdentityPoolId) let defaultServiceConfiguration = AWSServiceConfiguration( region: AWSRegionType.APNortheast1, credentialsProvider: credentialsProvider) AWSServiceManager.defaultServiceManager().defaultServiceConfiguration = defaultServiceConfiguration

self.registerForRemoteNotifications() return true }

• AWSServiceManagerの設定を実施 • CognitoIdentityPoolIdはAWSで作成したものを指定する



func application( application: UIApplication, didRegisterForRemoteNotificationsWithDeviceToken deviceToken: NSData) { let deviceTokenString = "\(deviceToken)" .stringByTrimmingCharactersInSet(NSCharacterSet(charactersInString:"<>")) .stringByReplacingOccurrencesOfString(" ", withString: "") …

}

• トークン取得時に呼ばれるメソッドからトークンを取得する



… let sns = AWSSNS.defaultSNS() let request = AWSSNSCreatePlatformEndpointInput() request.token = deviceTokenString request.platformApplicationArn = AWSSNSApplicationArn sns.createPlatformEndpoint(request).continueWithExecutor( AWSExecutor.mainThreadExecutor(), withBlock: { (task: AWSTask!) -> AnyObject! in if task.error != nil { print("Error: \(task.error)") } else { let createEndpointResponse = task.result as! AWSSNSCreateEndpointResponse let subscribeRequest = AWSSNSSubscribeInput() subscribeRequest.topicArn = self.AWSSNSSubscribeTopicArn subscribeRequest.endpoint = createEndpointResponse.endpointArn subscribeRequest.protocols = "Application" sns.subscribe(subscribeRequest) } return nil }) }

• 指定したTopicをSuscribeする

受信時の処理


func application( application: UIApplication, didReceiveRemoteNotification userInfo: [NSObject : AnyObject], fetchCompletionHandler completionHandler: (UIBackgroundFetchResult) -> Void) { if application.applicationState == .Active { if let aps = userInfo["aps"] { if let alert = aps["alert"] { let alertController = UIAlertController( title: nil, message: alert, preferredStyle: .Alert) alertController.addAction( UIAlertAction( title: "OK", style: .Default, handler: nil)) self.window?.rootViewController?.presentViewController( alertController, animated: true, completion: nil) } } } }

• Pushを受信した時の処理を記載する

AWS側の作業


• Amazon Cognito で Identity pool を作成 • Amazon SNS で Google Android の Platformを作成

• Amazon SNS で Apple iOS Dev の Platformを作成

• Amazon SNS で Topicを作成

Amazon Cognito で Identity pool を作成


http://aws.amazon.com/jp/cognito/

http://aws.amazon.com/jp/cognito/

Amazon Cognito で Identity pool を作成


Amazon SNS で Google Android の Platformを作成




Amazon SNS で Apple iOS Dev の Platformを作成




Amazon SNS で Topicを作成




DEMO




まとめ


• 共通のドキュメントを用意する • ノイズを減らして開発者同士がコードレビューできる範囲を増やす

• 手を動かす

Developers.IO 2016

ご静聴ありがとうございました。スライドは後日ブログで公開します。

82

A-1

Ⓒ Classmethod, Inc.

#cmdevio2016

Engineering

AndroidーiOS開発比較〜iOSエンジニアから見たAndroidのアレコレ〜