「ジェン文字」をアプリ内で使ってみよう

mobile.stmn #11 の登壇資料です

1. 「ジェン文字」をアプリ内で 使ってみよう iOSアプリ開発グループ 中山 龍 2025年04月18日 mobile.stmn #11
2. 自己紹介 中山 龍 (なかやま りゅう) • 株式会社kubell ◦ 新卒3年目のiOSエンジニア(22) ◦ 「Chatwork」アプリの開発を担当 • 愛知県在住 ◦ @ryu_develop 先ほどまで東京出張で、その帰りに駆け つけました
3. 01 | ジェン文字とは
4. ジェン文字とは • Apple Intelligenceの機能の1つ • 絵文字キーボードに説明を入力するだけ で、オリジナルの絵文字を生成することが できる機能 4 Apple公式より引用
5. ジェン文字とは • Apple Intelligence の機能の1つ • 絵文字キーボードに説明を入力するだけ で、オリジナルの絵文字を生成することが できる機能 5 Apple公式より引用 今月リリースのiOS18.4から日本語に対応 🎉 日本語環境でも ジェン文字 を利用できるようになった (利用可能機種の条件あり) アプリ内で「ジェン文字」を使えるようにする方法を ざっくりとお伝えします
6. 02 | ジェン文字を入力できるようにしよう
7. ジェン文字を入力できるようにしよう UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになる
8. ジェン文字を入力できるようにしよう UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになる 生成した絵文字 最近使用した絵文字の中 にもジェン文字が表示さ れる
9. ジェン文字を入力できないようにしてみよう UITextViewの supportsAdaptiveImageGlyph を false にすることでジェン文字 が入力できないようになる
10. ジェン文字を入力できないようにしてみよう UITextViewの supportsAdaptiveImageGlyph を false にすることでジェン文字 が入力できないようになる 「ジェン文字」の機能が 表示されない 最近使用した絵文字の中 にもジェン文字が表示さ れない
11. 03 | ジェン文字を表示できるようにして みよう
12. ジェン文字を表示できるようにしてみよう 12 UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになった ↓ UITextViewで入力値として受け取っている String の値を表示してみる (Text / UILabel) ↓ ジェン文字の部分だけ表示されない... 画面表示 入力
13. ジェン文字を表示できるようにしてみよう 13 UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになった ↓ UITextViewで入力値として受け取っている String の値を表示してみる (Text / UILabel) ↓ ジェン文字の部分だけ表示されない... 画面表示 入力 ジェン文字はUnicodeの文字ではないので、 NSAttributedStringとして扱う必要がある
14. ジェン文字を表示できるようにしてみよう 14 なので、まずはUITextViewの入力値を attributedText で扱えるようにする そして、Text / UILabelなどでNSAttributedString の値として表示する 画面表示 入力
15. ジェン文字を表示できるようにしてみよう 15 なので、まずはUITextViewの入力値を attributedText で扱えるようにする そして、Text / UILabelなどでNSAttributedString の値として表示する 画面表示 入力 ジェン文字が表示された！
16. ということは NSAttributedStringを扱う必要があるので、現状はSwiftUIのTextField / TextEditor でジェン文字対応をするのは厳しそう... UITextViewを使用するのが無難かと思われる 16
17. まとめ
18. ジェン文字を扱えるようにするには • NSAttributedStringの値として入力・表示をする • UITextViewを使い、supportsAdaptiveImageGlyph を true にする という2つを満たせば、iOSアプリ内でジェン文字を扱えるようになりそうです！ 18
19. 追加情報 • ジェン文字の技術的な説明や実装方法について詳しくは、WWDC2024の 「ジェン文字でアプリに表情を追加」というセッションで語られています ◦ ジェン文字の説明(Unicode文字でないことなど) ◦ 標準の絵文字と同じように扱うためのAPI「NSAdaptiveImageGlyph」 ◦ コピー・貼り付け ◦ 通知での使用 ◦ など 19
20. 働くをもっと楽しく、創造的に 20
21. アセット：アニメーション絵文字 21