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
87
「ジェン文字」をアプリ内で使ってみよう
mobile.stmn #11 の登壇資料です
Ryu-nakayama
April 18, 2025
Tweet
Share
More Decks by Ryu-nakayama
See All by Ryu-nakayama
作文ツール(Writing Tools)をアプリから制御する
ryunakayama
0
30
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
190
SwiftDataと連携したWidgetを作ってみた
ryunakayama
1
120
Swift Macroでメソッドの実行時間を計測できるようにしてみた
ryunakayama
1
170
Appleの審査担当の方とお話ししてみた!
ryunakayama
0
270
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
330
Translation API について 〜WWDC24〜
ryunakayama
0
320
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
1.7k
新卒1年目がプロジェクトを進めるときにコケたポイント
ryunakayama
1
1.8k
Other Decks in Programming
See All in Programming
The State of Fluid (2025)
s2b
0
120
Comparing decimals in Swift Testing
417_72ki
0
170
Scale out your Claude Code ~自社専用Agentで10xする開発プロセス~
yukukotani
9
1.9k
DataformでPythonする / dataform-de-python
snhryt
0
160
ゲームの物理
fadis
3
960
iOS開発スターターキットの作り方
akidon0000
0
240
Gemini CLIの"強み"を知る! Gemini CLIとClaude Codeを比較してみた!
kotahisafuru
3
970
管你要 trace 什麼、bpftrace 用下去就對了 — COSCUP 2025
shunghsiyu
0
380
#QiitaBash TDDで(自分の)開発がどう変わったか
ryosukedtomita
1
360
令和最新版手のひらコンピュータ
koba789
13
7.4k
Terraform やるなら公式スタイルガイドを読もう 〜重要項目 10選〜
hiyanger
12
3k
AIに安心して任せるためにTypeScriptで一意な型を作ろう
arfes0e2b3c
0
340
Featured
See All Featured
Designing for Performance
lara
610
69k
Practical Orchestrator
shlominoach
190
11k
4 Signs Your Business is Dying
shpigford
184
22k
KATA
mclloyd
32
14k
Gamification - CAS2011
davidbonilla
81
5.4k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Being A Developer After 40
akosma
90
590k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
53
2.9k
Balancing Empowerment & Direction
lara
1
540
Build your cross-platform service in a week with App Engine
jlugia
231
18k
VelocityConf: Rendering Performance Case Studies
addyosmani
332
24k
Producing Creativity
orderedlist
PRO
347
40k
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