Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
「ジェン文字」をアプリ内で使ってみよう
Search
Ryu-nakayama
April 18, 2025
Programming
0
93
「ジェン文字」をアプリ内で使ってみよう
mobile.stmn #11 の登壇資料です
Ryu-nakayama
April 18, 2025
Tweet
Share
More Decks by Ryu-nakayama
See All by Ryu-nakayama
作文ツール(Writing Tools)をアプリから制御する
ryunakayama
0
31
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
200
SwiftDataと連携したWidgetを作ってみた
ryunakayama
1
120
Swift Macroでメソッドの実行時間を計測できるようにしてみた
ryunakayama
1
180
Appleの審査担当の方とお話ししてみた!
ryunakayama
0
270
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
340
Translation API について 〜WWDC24〜
ryunakayama
0
330
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
1.7k
新卒1年目がプロジェクトを進めるときにコケたポイント
ryunakayama
1
1.8k
Other Decks in Programming
See All in Programming
Protocol Buffersの型を超えて拡張性を得る / Beyond Protocol Buffers Types Achieving Extensibility
linyows
0
100
TanStack DB ~状態管理の新しい考え方~
bmthd
2
420
【第4回】関東Kaggler会「Kaggleは執筆に役立つ」
mipypf
0
1k
MCPとデザインシステムに立脚したデザインと実装の融合
yukukotani
3
1.1k
奥深くて厄介な「改行」と仲良くなる20分
oguemon
1
270
🔨 小さなビルドシステムを作る
momeemt
3
640
tool ディレクティブを導入してみた感想
sgash708
1
160
testingを眺める
matumoto
1
130
ソフトウェアテスト徹底指南書の紹介
goyoki
1
130
1から理解するWeb Push
dora1998
2
270
ECS初心者の仲間 – TUIツール「e1s」の紹介
keidarcy
0
150
2025 年のコーディングエージェントの現在地とエンジニアの仕事の変化について
azukiazusa1
15
5.9k
Featured
See All Featured
Fantastic passwords and where to find them - at NoRuKo
philnash
52
3.4k
Making Projects Easy
brettharned
117
6.4k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Art, The Web, and Tiny UX
lynnandtonic
302
21k
Reflections from 52 weeks, 52 projects
jeffersonlam
351
21k
The Illustrated Children's Guide to Kubernetes
chrisshort
48
50k
Faster Mobile Websites
deanohume
309
31k
Imperfection Machines: The Place of Print at Facebook
scottboms
268
13k
The World Runs on Bad Software
bkeepers
PRO
70
11k
[RailsConf 2023 Opening Keynote] The Magic of Rails
eileencodes
30
9.6k
Building an army of robots
kneath
306
46k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
rmw
34
3.1k
Transcript
「ジェン文字」をアプリ内で 使ってみよう iOSアプリ開発グループ 中山 龍 2025年04月18日 mobile.stmn #11
自己紹介 中山 龍 (なかやま りゅう) • 株式会社kubell ◦ 新卒3年目のiOSエンジニア(22) ◦
「Chatwork」アプリの開発を担当 • 愛知県在住 ◦ @ryu_develop 先ほどまで東京出張で、その帰りに駆け つけました
01 | ジェン文字とは
ジェン文字とは • Apple Intelligenceの機能の1つ • 絵文字キーボードに説明を入力するだけ で、オリジナルの絵文字を生成することが できる機能 4 Apple公式より引用
ジェン文字とは • Apple Intelligence の機能の1つ • 絵文字キーボードに説明を入力するだけ で、オリジナルの絵文字を生成することが できる機能 5
Apple公式より引用 今月リリースのiOS18.4から日本語に対応 🎉 日本語環境でも ジェン文字 を利用できるようになった (利用可能機種の条件あり) アプリ内で「ジェン文字」を使えるようにする方法を ざっくりとお伝えします
02 | ジェン文字を入力できるようにしよう
ジェン文字を入力できるようにしよう UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになる
ジェン文字を入力できるようにしよう UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになる 生成した絵文字 最近使用した絵文字の中 にもジェン文字が表示さ
れる
ジェン文字を入力できないようにしてみよう UITextViewの supportsAdaptiveImageGlyph を false にすることでジェン文字 が入力できないようになる
ジェン文字を入力できないようにしてみよう UITextViewの supportsAdaptiveImageGlyph を false にすることでジェン文字 が入力できないようになる 「ジェン文字」の機能が 表示されない 最近使用した絵文字の中
にもジェン文字が表示さ れない
03 | ジェン文字を表示できるようにして みよう
ジェン文字を表示できるようにしてみよう 12 UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになった ↓ UITextViewで入力値として受け取っている
String の値を表示してみる (Text / UILabel) ↓ ジェン文字の部分だけ表示されない... 画面表示 入力
ジェン文字を表示できるようにしてみよう 13 UITextViewの supportsAdaptiveImageGlyph を true にすることでジェン文字が 入力できるようになった ↓ UITextViewで入力値として受け取っている
String の値を表示してみる (Text / UILabel) ↓ ジェン文字の部分だけ表示されない... 画面表示 入力 ジェン文字はUnicodeの文字ではないので、 NSAttributedStringとして扱う必要がある
ジェン文字を表示できるようにしてみよう 14 なので、まずはUITextViewの入力値を attributedText で扱えるようにする そして、Text / UILabelなどでNSAttributedString の値として表示する 画面表示
入力
ジェン文字を表示できるようにしてみよう 15 なので、まずはUITextViewの入力値を attributedText で扱えるようにする そして、Text / UILabelなどでNSAttributedString の値として表示する 画面表示
入力 ジェン文字が表示された!
ということは NSAttributedStringを扱う必要があるので、現状はSwiftUIのTextField / TextEditor でジェン文字対応をするのは厳しそう... UITextViewを使用するのが無難かと思われる 16
まとめ
ジェン文字を扱えるようにするには • NSAttributedStringの値として入力・表示をする • UITextViewを使い、supportsAdaptiveImageGlyph を true にする という2つを満たせば、iOSアプリ内でジェン文字を扱えるようになりそうです! 18
追加情報 • ジェン文字の技術的な説明や実装方法について詳しくは、WWDC2024の 「ジェン文字でアプリに表情を追加」というセッションで語られています ◦ ジェン文字の説明(Unicode文字でないことなど) ◦ 標準の絵文字と同じように扱うためのAPI「NSAdaptiveImageGlyph」 ◦ コピー・貼り付け
◦ 通知での使用 ◦ など 19
働くをもっと楽しく、創造的に 20
アセット:アニメーション絵文字 21