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
99
「ジェン文字」をアプリ内で使ってみよう
mobile.stmn #11 の登壇資料です
Ryu-nakayama
April 18, 2025
Tweet
Share
More Decks by Ryu-nakayama
See All by Ryu-nakayama
iOSの画面の状態のアレコレを調査してみた
ryunakayama
0
35
作文ツール(Writing Tools)をアプリから制御する
ryunakayama
0
33
iOSアプリで測る!名古屋駅までの 方向と距離
ryunakayama
0
220
SwiftDataと連携したWidgetを作ってみた
ryunakayama
1
130
Swift Macroでメソッドの実行時間を計測できるようにしてみた
ryunakayama
1
180
Appleの審査担当の方とお話ししてみた!
ryunakayama
0
280
大公開!iOS開発の悩みトップ5 〜iOSDC Japan 2024〜
ryunakayama
0
340
Translation API について 〜WWDC24〜
ryunakayama
0
340
効率化に挑戦してみたらモバイル開発が少し快適になった話
ryunakayama
0
1.7k
Other Decks in Programming
See All in Programming
SpecKitでどこまでできる? コストはどれくらい?
leveragestech
0
540
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
650
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
Your Perfect Project Setup for Angular @BASTA! 2025 in Mainz
manfredsteyer
PRO
0
130
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
920
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
The Past, Present, and Future of Enterprise Java
ivargrimstad
0
140
After go func(): Goroutines Through a Beginner’s Eye
97vaibhav
0
230
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
4.4k
2025年版 サーバーレス Web アプリケーションの作り方
hayatow
23
25k
アメ車でサンノゼを走ってきたよ!
s_shimotori
0
140
ネイティブ製ガントチャートUIを作って学ぶUICollectionViewLayoutの威力
jrsaruo
0
130
Featured
See All Featured
Scaling GitHub
holman
463
140k
Put a Button on it: Removing Barriers to Going Fast.
kastner
60
4k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
The Cost Of JavaScript in 2023
addyosmani
53
9k
Build The Right Thing And Hit Your Dates
maggiecrowley
37
2.9k
Embracing the Ebb and Flow
colly
88
4.8k
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
16k
Practical Tips for Bootstrapping Information Extraction Pipelines
honnibal
PRO
23
1.5k
GraphQLとの向き合い方2022年版
quramy
49
14k
RailsConf 2023
tenderlove
30
1.2k
Reflections from 52 weeks, 52 projects
jeffersonlam
352
21k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
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