iOSアプリとMac CatalystアプリのApp Store申請手順

『[Mac CatalystでiOSアプリとMacアプリを同時に作る](https://qiita.com/hituziando/private/be420401b28259e05bf8)』という記事でMac Catalyst対応アプリの作り方を紹介しました。本記事はiOSアプリおよびMac Catalyst対応アプリのApp Storeへの申請手順を紹介します。

**前提**
* Apple Developer Programに登録済みであること
* Certificates, Identifiers & ProfilesでCertificatesを登録済みであること
* Xcodeは **Xcode 11** を使用
* App Storeへの申請作業は **Safari** の使用を推奨

# 1. App IDの登録

1. Apple Developerにサインイン

    1. https://developer.apple.com/jp/programs/
    2. Accountをクリック
    3. サインイン

1. Certificates, Identifiers & Profilesをクリック

    1. Identifiersをクリック
    1. +ボタンをクリック
        
        <img width="1241" alt="スクリーンショット 2019-12-21 16.17.51.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/cd213030-ee8e-6dd4-d3bb-6928e734ea56.png">

1. Register a New Identifier

    1. App IDsにチェック
        
        <img width="1205" alt="スクリーンショット 2019-12-21 16.12.58.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/6bf6a228-8e56-dd69-dac5-ce2c1e377ba7.png">

    2. Continueをクリック

1. Register an App ID

    1. Platform: iOS, tvOS, watchOSにチェック
    2. Description: 任意のアプリ名などを入力
    3. Bundle ID: Explicitにチェック。**iOSアプリ**のBundle IDを入力
        
        Mac Catalyst対応アプリのBundle ID(`maccatalyst.`から始まる)は**登録する必要がありません**(登録できない仕様のようです)。
        
        ![スクリーンショット 2019-12-21 15.52.03.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/42e396c7-14ea-90bb-76a7-d479a688441d.png)

    4. Capabilities > Macにチェック
        
        デフォルトのMac Catalyst対応アプリのBundle IDを使う場合はEditはそのままでOKです。既存のMacアプリをリプレイスするなど、デフォルトのIDを使わない場合はEditで設定できるようです: [参考](https://developer.apple.com/documentation/uikit/mac_catalyst/replacing_the_mac_bundle_id_provided_by_xcode)
        
        <img width="1183" alt="スクリーンショット 2019-12-21 16.08.39.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/0615901e-7870-0f2f-4294-fdec0d19f507.png">
    
    5. Continueをクリック
    6. Confirm your App ID > Registerをクリック

# 2. プロビジョニングプロファイルの作成

iOSアプリ用とMacアプリ用の2点用意します。

1. Certificates, Identifiers & Profilesをクリック

## iOS

1. Profilesをクリック
1. +ボタンをクリック
    
    <img width="1255" alt="スクリーンショット 2019-12-21 17.35.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/ea62a51d-8919-53e1-5bcb-f0248d1d06e7.png">

1. Register a New Provisioning Profile
    
    1. Distribution > App Storeにチェック
        
        <img width="1206" alt="スクリーンショット 2019-12-21 17.51.59.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/eb23fda3-8888-55c8-526d-2869b232ffb0.png">

    1. Continueをクリック

1. Generate a Provisioning Profile
    
    1. 先ほど登録したApp IDを選択
        
        <img width="1205" alt="スクリーンショット 2019-12-21 17.52.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/4a1ca078-c9fd-1178-b9c6-4aa6118d330a.png">

    1. Continueをクリック
    1. 適切なCertificatesにチェック
        
        <img width="1204" alt="スクリーンショット 2019-12-21 17.53.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/3ca87676-fcac-a3ab-dd03-5db5f18ecb66.png">
    
    1. Continueをクリック
    1. Provisioning Profile Nameに任意の名前を入力
        
        <img width="1204" alt="スクリーンショット 2019-12-21 17.54.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/eec21b23-f378-1b18-89ec-b297777b1c92.png">

    1. Generateをクリック
    1. プロビジョニングプロファイルのダウンロード & WクリックしてPCにインストール

## Mac

1. Profilesをクリック
1. +ボタンをクリック
    
    <img width="1255" alt="スクリーンショット 2019-12-21 17.35.22.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/ea62a51d-8919-53e1-5bcb-f0248d1d06e7.png">

1. Register a New Provisioning Profile
    
    1. Distribution > Mac App Storeにチェック
        
        <img width="1203" alt="スクリーンショット 2019-12-21 17.52.26.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/f80f2a2b-0cad-a418-b4be-f8d4058f6690.png">

    1. Continueをクリック

1. Generate a Provisioning Profile
    
    1. 先ほど登録したApp IDを選択
        
        App IDは**iOSアプリと同じのBundle IDを選択する**(`maccatalyst.`が付いていなくてOK)。

        <img width="1205" alt="スクリーンショット 2019-12-21 17.52.50.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/4a1ca078-c9fd-1178-b9c6-4aa6118d330a.png">

    1. Continueをクリック
    1. 適切なCertificatesにチェック
        
        <img width="1204" alt="スクリーンショット 2019-12-21 17.53.19.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/3ca87676-fcac-a3ab-dd03-5db5f18ecb66.png">
    
    1. Continueをクリック
    1. Provisioning Profile Nameに任意の名前を入力
        
        <img width="1204" alt="スクリーンショット 2019-12-21 17.54.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/eec21b23-f378-1b18-89ec-b297777b1c92.png">

    1. Generateをクリック
    1. プロビジョニングプロファイルのダウンロード(ArchiveをアップロードするときAutomatically manage signingを利用する場合はDL不要かも)

# 3. App Store Connectでアプリ登録

以下の画像のようにiOSアプリとMacアプリをそれぞれ登録します。
<img width="529" alt="スクリーンショット 2019-12-19 10.15.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/faca7246-8c3e-3b3d-66ee-b059cc5cff78.png">

1. https://appstoreconnect.apple.com
1. サインイン
1. マイAppをクリック
    
    <img width="1394" alt="スクリーンショット 2019-12-21 18.40.08.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/af7b6710-a988-2842-5b63-f190a8a860d8.png">

## iOS

1. +ボタンをクリック > 新規Appをクリック
    
    <img width="325" alt="スクリーンショット 2019-12-21 18.44.41.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/790e272d-5c12-c284-7503-f0be7b207b3d.png">

1. 項目を埋めて作成をクリック
    
    <img width="578" alt="スクリーンショット 2019-12-21 18.45.07.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/2ea51a05-10f9-de62-45d3-211cf2228676.png">

## Mac

1. +ボタンをクリック > 新規macOS Appsをクリック
1. 項目を埋めて作成をクリック

# 4. アプリのアップロード

Automatically manage signingにチェックが入っている状態で話を進めます。マニュアルでやる場合は先ほどDLしたプロビジョニングプロファイルをSigning & Capabilitiesでセットします。

## iOS

1. DevicesをiOS実機端末を選択
    
    <img width="852" alt="スクリーンショット 2019-12-21 18.57.02.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/7db1bde9-c7ef-d5bb-bb99-c6236c60b893.png">

1. Product > Archiveをクリック
    
    <img width="627" alt="スクリーンショット 2019-12-21 21.04.25.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/81c9192b-db29-b687-7502-c30e56e082ba.png">

1. Distribute Appをクリック
    
    ![qiita.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/2d5dc7fa-3238-a5e2-30d3-13b4831fc01d.png)

1. App Store Connectにチェックを入れ、Nextをクリック
    
    <img width="732" alt="スクリーンショット 2019-12-21 14.20.38.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/4058cf9f-b98c-4680-62d7-1d09eaf82d11.png">

1. Uploadにチェックを入れ、Nextをクリック
    
    <img width="735" alt="スクリーンショット 2019-12-21 14.20.52.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/35a28dfc-7f4b-c2ed-dccf-8330e8ba2226.png">

1. 全項目にチェックを入れ、Nextをクリック
    
    <img width="729" alt="スクリーンショット 2019-12-21 14.21.12.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/5048efe4-fb0d-35f8-3a27-2c12cb514687.png">

1. Automatically manage signingにチェックを入れ、Nextをクリック
    
    *Manually manage signingを使う場合は、先ほどDLしたプロビジョニングプロファイルを指定します。
    
    <img width="729" alt="スクリーンショット 2019-12-21 14.21.34.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/17964076-35bb-cd36-e4e3-642b49a17ca9.png">

1. Uploadをクリック

## Mac

1. My Macを選択
    
    <img width="838" alt="スクリーンショット 2019-12-21 20.13.03.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/14056d5a-170e-5c33-f978-e5dad5edc0ad.png">

1. Product > Archiveをクリック
    
    <img width="632" alt="スクリーンショット 2019-12-21 21.01.32.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/8813fc9a-9810-8f06-92ce-60ee604cee6c.png">

1. Distribute Appをクリック
    
    ![qiita2.png](https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/1e1ddb4b-8d81-8414-6a41-7b010cdf90b6.png)

1. App Store Connectをチェックを入れ、Nextをクリック
    
    <img width="735" alt="スクリーンショット 2019-12-21 14.29.33.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/e3d38fb9-9dc1-e2fb-768f-7c245587d1af.png">

1. Uploadにチェックを入れ、Nextをクリック
    
    <img width="730" alt="スクリーンショット 2019-12-21 14.29.44.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/ae08b0a4-28e4-7cdc-9f78-f45968d91ddb.png">

1. 項目にチェックを入れ、Nextをクリック
    
    <img width="736" alt="スクリーンショット 2019-12-21 14.30.01.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/8855ec9e-0d76-7bb3-eba2-bb19904414b0.png">

1. Automatically manage signingにチェックを入れ、Nextをクリック
    
    *Manually manage signingを使う場合は、先ほどDLしたプロビジョニングプロファイルを指定します。
    
    <img width="734" alt="スクリーンショット 2019-12-21 14.30.11.png" src="https://qiita-image-store.s3.ap-northeast-1.amazonaws.com/0/73490/08066326-6ce3-eaf6-d682-845c2637c4a5.png">

1. Uploadをクリック

# 審査へ提出

## iOS

1. App Store Connectでストアに掲載する情報を入力
1. 先ほどアップロードしたビルドを選択
1. 審査へ提出

## Mac

1. App Store Connectでストアに掲載する情報を入力
1. 先ほどアップロードしたビルドを選択
1. 審査へ提出

iOSアプリ、Macアプリ、それぞれ審査され無事通過すれば、それぞれのストアに配信されます。