「ジェン文字」使ってますか？

「ジェン文字」使ってますか？ iOSアプリ開発グループ機能開発チーム中山龍 2025年12月12日 mobile.stmn #15

2 中山龍 (なかやまりゅう) • 株式会社kubell ◦ 新卒3年目のiOSエンジニア(23) ◦
「Chatwork」アプリの機能開発を担当 ◦ 機能開発チーム(愛称: Ciel) チームリーダー • 愛知県在住 ◦ 自己紹介 @ryu_develop 6月に買った洗濯機が日曜にぶっ壊れました。マジで激しく萎えぽよ 🥹

3 以前の登壇 mobile.stmn #11 にて iOSアプリ内でジェン文字を入力・表示できるようにする方法をお伝えしました

4 使ってる？ジェン文字が日本で利用できるようになって約10ヶ月、みなさん普段利用していますか？

5 使ってる？ジェン文字が日本で利用できるようになって約10ヶ月、みなさん普段利用していますか？開発者もユーザーも全然使われていないのでは？と思い、iOSアプリだけでなく、サーバー・Webも含め、実際にジェン文字対応したものを実装してみました

01 | 復習: ジェン文字とは？

復習: ジェン文字とは • Apple Intelligenceの機能の1つ • 絵文字キーボードに説明を入力するだけで、オリジナルの絵文字を生成することができる機能 7
Apple公式より引用

8 復習: ジェン文字を入力できるようにしよう UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が入力できるようになる生成した絵文字
最近使用した絵文字の中にもジェン文字が表示される

復習: ジェン文字を表示できるようにしてみよう 9 UITextViewの入力値を attributedText で扱えるようにするそして、Text / UILabelなどでNSAttributedString の値として表示する
画面表示入力

02 | ジェン文字を含むメッセージをサーバーへ保存する

11 ジェン文字を含むメッセージをサーバーへ保存する iOSアプリ内でのジェン文字はUnicodeの文字コードを持たず、画像データを文字として扱っている(画像グリフ) iOSアプリ内ではUnicodeの文字コードを持つ通常の絵文字と同じように扱えるが、iOSアプリ外で扱う場合は一工夫必要

12 ジェン文字を含むメッセージをサーバーへ保存するジェン文字を含むメッセージは「RTFD」としてサーバーへ送信・保存することができる RTFD: Rich Text Format
Directory • RTF（Rich Text Format）をベースに、画像や他のファイルなどを埋め込めるように拡張したもの • NSAttributedString (AppKit/Foundationフレームワーク) と非常に親和性が高い

13 ジェン文字を含むメッセージをサーバーへ保存するジェン文字を含むメッセージは「RTFD」としてサーバーへ送信・保存することができる iOS ジェン文字を含むメッセージを RTFD に変換して送信
サーバー RTFD を受信し、ジェン文字を含むメッセージに変換して表示

15 ジェン文字を含むメッセージをサーバーへ保存する AttributedStringをBase64のRTFDに変換 → サーバーへ送信(RTFDで保存) let rtfdData = try attributedString.data(
from: NSRange(location: 0, length: attributedString.length), documentAttributes: [.documentType: NSAttributedString.DocumentType.rtfd] ) let rtfdBase64String = "data:application/rtfd;base64," + rtfdData.base64EncodedString() Swift

16 ジェン文字を含むメッセージをサーバーへ保存する AttributedStringをBase64のRTFDに変換 → サーバーへ送信(RTFDで保存) { "id": 1, "rtfd": "data:application\/rtfd;base64,~~~
} JSON

18 ジェン文字を含むメッセージをサーバーへ保存する Base64のRTFDをサーバーから取得 → AttributedStringに変換 let base64String = rtfdData.replacingOccurrences(of: "data:application/rtfd;base64,",
with: "") if let data = Data(base64Encoded: base64String) { do { let nsAttributedString = try NSAttributedString( data: data, options: [.documentType: NSAttributedString.DocumentType.rtfd], documentAttributes: nil ) return AttributedString(nsAttributedString) } catch { ~~~ } } Swift

サーバー RTFD を受信し、ジェン文字を含むメッセージに変換して表示これでiOS ←→ サーバーでジェン文字を含むメッセージの送受信ができるようになった

03 | ジェン文字を含むメッセージをiOS 以外のクライアントで表示する

21 ジェン文字を含むメッセージの表現ジェン文字で表現している内容が簡単に破棄されてしまわないようにすることが大切になるジェン文字でアプリに表情を追加

22 インライン画像に対応していないアプリ・クライアントへの対応インライン画像に対応していないアプリ・クライアントの場合、 contentDescriptionのテキスト表現を使用するという対応方法があるジェン文字でアプリに表情を追加

23 ジェン文字からcontentDescriptionを取得するジェン文字(NSAdaptiveImageGlyph)は contentDescriptionが取得できる // AttributedString中のジェン文字部分 let adaptiveImageGlyph: NSAdaptiveImageGlyph =
~~ // contentDescriptionの取得 let description = adaptiveImageGlyph.contentDescription ジェン文字部分を contentDescription に置き換えてサーバーへ送信 Swift

24 ジェン文字からcontentDescriptionを取得するジェン文字(NSAdaptiveImageGlyph)は contentDescriptionが取得できる { "id": 1, "content": { "rtfd":
"data:application\/rtfd;base64,~~~, "text": "[美味しそうな寿司]食べたい" } } RTFDとは別でテキスト(contentDescription版)の情報も送信 JSON

25 インライン画像に対応していないアプリ・クライアントへの対応テキストの情報を使って、ジェン文字が含まれているメッセージをテキストで表現することができるようになった！！ Webクライアント

やってみての感想・考察

27 やってみての感想・考察ジェン文字を表現するデータに対応するのが大変そう • (サーバー側の事情に詳しくないが)メッセージなどのテキストをRTFDで扱っているサービスはおそらく多くない ◦ → ジェン文字に対応しようと思うと、多くの場合テキストをRTFDで扱うためにサーバーの改修が必要になるのでは？
• 追加で、contentDescriptionに置き換えられたテキストの情報(インライン画像に対応していないクライアント用)や、ジェン文字部分を画像に置き換えてインライン画像表現をするための情報も合わせて扱うことが必要になってくる

28 やってみての感想・考察それに対して... • 「Unicodeの文字コードを持つものだけを扱う」としてしまえば ◦ RTFDや画像データ、テキスト版データなどいくつもの情報を合わせて扱う必要もなく、どのクライアントでも同じような表示ができる ◦ Unicodeにある絵文字は使用可能なので、(カスタムではない)標準の絵文
字表現は可能クライアント・サーバー全体で複雑な実装を入れてジェン文字に対応する「Unicodeの文字コードを持つものだけを扱う」を持つものだけで十分であり、シンプルに保ちたい＜というのが世間の開発者内では多数派の意見なのではないか？

29 参考ジェン文字でアプリに表情を追加 - WWDC2024 実装(ほとんど): Claude Code • localでPHPのサーバーを実装→
iOS・Webから接続

働くをもっと楽しく、創造的に

「ジェン文字」使ってますか？

「ジェン文字」使ってますか？

Ryu-nakayama

More Decks by Ryu-nakayama

Other Decks in Programming

Featured

Transcript