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
76
「ジェン文字」をアプリ内で使ってみよう
mobile.stmn #11 の登壇資料です
Ryu-nakayama
April 18, 2025
Tweet
Share
More Decks by Ryu-nakayama
See All by Ryu-nakayama
作文ツール(Writing Tools)をアプリから制御する
ryunakayama
0
29
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
190
SwiftDataと連携したWidgetを作ってみた
ryunakayama
1
110
Swift Macroでメソッドの実行時間を計測できるようにしてみた
ryunakayama
1
170
Appleの審査担当の方とお話ししてみた!
ryunakayama
0
260
大公開!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
Advanced Micro Frontends: Multi Version/ Framework Scenarios @WAD 2025, Berlin
manfredsteyer
PRO
0
440
CIを整備してメンテナンスを生成AIに任せる
hazumirr
0
190
Workers を定期実行する方法は一つじゃない
rokuosan
0
130
SwiftでMCPサーバーを作ろう!
giginet
PRO
2
190
プロダクトという一杯を作る - プロダクトチームが味の責任を持つまでの煮込み奮闘記
hiliteeternal
0
120
Jakarta EE Meets AI
ivargrimstad
0
280
20250708_JAWS_opscdk
takuyay0ne
2
150
Rails Frontend Evolution: It Was a Setup All Along
skryukov
0
320
Googleの新しいコーディングAIエージェントJulesを使ってみた
tonionagauzzi
0
120
MDN Web Docs に日本語翻訳でコントリビュートしたくなる
ohmori_yusuke
1
130
AIコーディングエージェント全社導入とセキュリティ対策
hikaruegashira
12
7.2k
AI時代の『改訂新版 良いコード/悪いコードで学ぶ設計入門』 / ai-good-code-bad-code
minodriven
24
10k
Featured
See All Featured
Six Lessons from altMBA
skipperchong
28
3.9k
Code Reviewing Like a Champion
maltzj
524
40k
Why Our Code Smells
bkeepers
PRO
337
57k
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Done Done
chrislema
184
16k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.9k
Docker and Python
trallard
45
3.5k
Building Applications with DynamoDB
mza
95
6.5k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
30
2.2k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.8k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
850
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