iMessage用ステッカー情報配信中!

 

ステッカーを作る:

05.XcodeのSticker Packを使ってアプリにする

iOS iMessageステッカーを作成するには、MacとApple社が提供する開発ツール「Xcode」が必要になります。

 

Xcodeのインスントール方法

  1. MacでApp Storeを起動する。([Finder]-[アプリケーション]-[App Store.app]をダブルクリック。)
  2. 「検索」に"Xcode"と入れて検索し、Xcodeアイコンをクリックする。
  3. アイコンの下の[入手]をクリックする。
  4. Apple IDとパスワードを入力し、ツールをインストールする。
  5. よく使うようなら、Dockに追加しておく。

 

Xcode/Sticker Packの新規プロジェクトを作成する

  1. Xcodeを起動する。
    Xcodeアイコンをクリックして起動する
  2. Welcome to Xcode画面で、[Create a new Xcode Project]を選択する。
    (作業途中から再開する場合は、右のプロジェクト一覧から該当するプロジェクトを選択)
    Create a new Projectを選択する
  3. [Sticker Pack Application]を選び、[Next]をクリックする。
    Sticker Pack Applicationを選択する
  4. New Project情報を入力し、[Next]をクリックする。
    • Product Name:
      適当なプロジェクト名。アプリの初期値になるので、ステッカー名に関連するものにする。
    • Team:
      適切なものを選択する。開発だけの場合、Noneを選んでもよい。
    • Organization Name:
      会社や団体名。入力しなくてもよい。
    • Organization Identifier:
      任意の値。一般的には、com.xxxxのようにドメイン表記を逆にした記述を使う。
      プロジェクトの設定画面
  5. ファイルの保存先を指定して[Create]を選択し、プロジェクト作成を完了する。

 

Sticker Packを利用してアプリを作る

  1. "iMessage App Icon"を選択し、該当するサイズのボックスに、用意したアイコンを一つずつドラッグ&ドロップしながら登録していく。
    • ファイル名を参考に配置していく。(ファイルの"大きさ"の数値は気にしなくてよい)
    • Icon-Settings-29x29@2x.pngは2回配置。
    • Icon-App-iTunes-512x512@2x.pngはここでは不要。
      アイコンをドラッグ&ドロップで登録する
  2. 同様に、"Sticker Pack"を選択し、用意したステッカーをまとめてドラッグ&ドロップして登録する。
    ステッカーをドラッグ&ドロップで登録する
  3. iPhone/iPadのステッカー一覧表示画面での表示サイズを、[Sticker Pack]-[Sticker Size]ボックスから選ぶ。
      • ステッカーサイズが変わる訳でないので、一列にたくさん表示されるようにネコデアルは[Small]を設定。
        ステッカーの表示サイズを指定する
  4. ステッカーが表示されなかった時のために代替テキストを設定する。※任意
    • 設定しない場合は、個々のステッカー名(番号)が使われる。
    • ステッカーを一つ選択-[Sticker](右側)-[Accessibility]に入力。
  5. アプリの表示名を設定する。
    iPhoneでのアプリ一覧のスクショ
    [Targets]-[プロジェクト名(コンパスマークのついている項目)]を選択し、
    Xcodeの設定画面のスクショ
    [Generalタブ]-[Display Name]にアプリ名(英字)を入れる。
    • 日本語で表示させたい場合は、ローカライズの項目を参照。
      Display Nameの設定の仕方

 

次は、「アプリをリリースする」作業です。

併せて「スクリーンショットを用意する」「アプリ名を日本語で表示させる(ローカライズ)」もどうぞ。

上矢印
(c)2016 NobukoKuronuma

  1. Xcodeの設定画面のスクショ
    • Display Nameの設定の仕方

iMessage用ステッカー情報配信中!

  1. Xcodeアイコンをクリックして起動する
  2. Create a new Projectを選択する
  3. Sticker Pack Applicationを選択する
    • プロジェクトの設定画面
    • アイコンをドラッグ&ドロップで登録する
  1. ステッカーをドラッグ&ドロップで登録する
      • ステッカーの表示サイズを指定する
  2. iPhoneでのアプリ一覧のスクショ Xcodeの設定画面のスクショ
    • Display Nameの設定の仕方
  1. Xcodeアイコンをクリックして起動する
  2. Create a new Projectを選択する
  3. Sticker Pack Applicationを選択する
    • プロジェクトの設定画面
    • アイコンをドラッグ&ドロップで登録する
  1. ステッカーをドラッグ&ドロップで登録する
      • ステッカーの表示サイズを指定する
  2. iPhoneでのアプリ一覧のスクショXcodeの設定画面のスクショ
    • Display Nameの設定の仕方
  1. Xcodeアイコンをクリックして起動する
  2. Create a new Projectを選択する
  3. Sticker Pack Applicationを選択する
    • プロジェクトの設定画面
    • アイコンをドラッグ&ドロップで登録する
  1. ステッカーをドラッグ&ドロップで登録する