iMessage+APPLINEスタンプっぽい

Stickersの紹介

発表内容• 自己紹介• iMessage+Appsの概要• プロジェクトの作成方法• Stickers Pack Application• iMessage Application• サンプルコードの紹介

自己紹介藤　治仁（ふじ　はるひと）

出身は、さいたま市です。オリンパスソフトウェアテクノロジー㈱デジタルカメラの FW開発 (PEN/OM-DOLYMPUS AIRのスマートフォン向け SDK開発

本を出版します！好評予約中！？

iMessage+Appsの概要• iMessage Appsと Stickersの２種類• iMessage+Appsのみの standaloneと既存のアプリを拡張した Extension to iOS Appsの２種類の提供方法• 配布時のアイコン画像サイズは下記の通り（ iMessageStore、通知、設定があるので複数サイズあり）

アイコンサイズ一覧

プロジェクトの作成方法

Stickers Pack Application• Stickers（スタンプ）画像をドラッグ＆ドロップするだけ• １画像あたり 500KB未満• 画像ファイル形式とサイズは下記通り

ドラッグ＆ドロップ種類 画像サイズ

small 300x300Regular 408x408Large 618x618

形式 特徴PNG 透過可

APNG 透過 +アニメーション可GIF 透過 +アニメーション可

JPEG -

ファイル形式 サイズ

iMessage Application(1/3)• 表示エリアが２種類ある• 画面操作で切替できる• requestPresentationStyle()メソッドで切替も可能 .compact .expanded

presentationStyle

切替例

iMessage Application(2/3)• MSMessageTemplateLayout　画像や文字列を配置できる

iMessage Application(3/3)• 単純に文字を送信したいとき

参考サイト• iMessage+Apps

https://developer.apple.com/imessage/• Stickers

https://developer.apple.com/stickers/• iOS Human Interface Guidelines-iMessage Apps

https://developer.apple.com/ios/human-interface-guidelines/extensions/messaging/

• Ice Cream Builder: A simple Messages app extensionhttps://developer.apple.com/library/content/samplecode/IceCreamBuilder/Introduction/Intro.html

ご静聴ありがとうございました