iMessage+APP LINEスタンプっぽい Stickersの紹介 Swiftビギナーズ勉強会 第17回 発表資料

1. iMessage+APP
LINEスタンプっぽい
Stickersの紹介

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

3. 自己紹介
藤 治仁
（ふじ はるひと）
出身は、さいたま市です。
オリンパスソフトウェアテクノロジー㈱
デジタルカメラのFW開発(PEN/OM-D
OLYMPUS AIRのスマートフォン向けSDK開発
3
本を出版します！
好評予約中！？

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

5. プロジェクトの作成方法
5

6. Stickers Pack Application
• Stickers（スタンプ）画像をドラッグ＆ドロップするだけ
• １画像あたり500KB未満
• 画像ファイル形式とサイズは下記通り
6
ドラッグ＆ドロップ
種類 画像サイズ
small 300x300
Regular 408x408
Large 618x618
形式 特徴
PNG 透過可
APNG 透過+アニメーション可
GIF
透過+アニメーション可
ファイル形式 サイズ

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

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

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

10. 参考サイト
• 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 extension
https://developer.apple.com/library/content/samplecode/IceCreamBuil
der/Introduction/Intro.html
11

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