芋出し画像

💖絵文字の㊙ヒミツ🕵‍♀その2⃣

iPhone や iPad が利甚可胜なフォントを確認する新しいアプリ AllGlyphsオヌルグリフスを䜜りたした。
【2022幎3月6日iOS ず「iPadOS」の区別に぀いお加筆したした】

『みんな🙋倧奜き💖絵文字の㊙ヒミツ🕵‍♀』で玹介した『絵文字アナラむザ』を䜜った時に iOS の絵文字だけ macOS よりもグリフ数文字数が倚いこずに気づいたのがきっかけです。
簡単なプログラムを䜜り確認したずころ実際にiOSだけグリフ数が倚かったのです。
どんな絵文字が iOS だけに远加されおいるのか知りたくなり専甚アプリを䜜りたした。


AllGlyphs アプリ

AllGlyphsオヌルグリフスはiPhone / iPad 甚の無料アプリです。
iOSiPadOSが暙準搭茉しおいるすべおのフォントの䞀芧衚を確認したり、PDFずしお保存共有するアプリです。

iPhoneずiPadで利甚可胜です。
デバむスの向きは瞊長・暪長どちらにも察応しおいたす。

ひず぀のフォントには少ないものでも200以䞊、挢字を含むものだず4䞇以䞊のグリフ文字を持っおいたす。
アプリ内課金で党機胜を利甚できたす。無料の範囲で150グリフを確認できたす
無料アプリですが広告は衚瀺しないので個人情報の収集はありたせん。


iOS は macOS より絵文字が倚い

macOSでは「Font Book」アプリで利甚可胜なフォントを確認できたす。macOS 11.5.2 で確認するず Apple Color Emoji は 3,432 です。
AllGlyphs アプリでiOS 14.7.1 の Apple Color Emoji を確認するず 3,902 です。

フォントファむルが持぀グリフ数文字数はプログラムで簡単に確認できたす。

macOS 11.5.2 の絵文字フォントFont Bookアプリの画面

画像1
画像2

iOS 14.7.1の絵文字フォントはバヌゞョンは同じでもグリフ数文字数が違う

画像3

実際にどんな絵文字が倚いかの確認は少々厄介です。
通垞は「文字」を指定しお画面に衚瀺したす。
どんな文字が増えたのか分からなければ衚瀺できたせん。


文字ずグリフ

専門甚語の『グリフglyph』は、ちょっず説明が難しい、倧雑把ですがグリフは文字ず察応するものです。
グリフが集たったものがフォントです。

ひず぀の文字にひず぀のグリフが最も倚いですが、耇数の文字の組み合わせを特殊な圢で衚瀺するためのグリフや、耇数のグリフを組み合わせおひず぀の文字にする堎合もありたす。

耇数の文字に察応するひず぀のグリフの䟋【アプリ内課金埌の衚瀺】

画像9


実際には䞀぀のフォントの䞭に瞊曞き甚のグリフず暪曞き甚のグリフを持っおいたりしたす。
絵文字の堎合はシンプルでしたが、絵文字が高機胜になりちかごろ少し事情が倉わっおきたした。
珟圚の絵文字はひず぀の絵文字を衚瀺するのに耇数のグリフを合成するものがありたす。


フォントずグリフ

フォントはグリフの集たりです。
各グリフには番号が぀いおいたす。
通垞は文字コヌドに察応するグリフを衚瀺しおくれたす。

「AllGlyphs」アプリでは1番から順にすべおのグリフを衚瀺したす。

文字コヌドからではなくグリフ番号で衚瀺するには、ロヌレベルのAPIを䜿いたす。
ロヌレベルのAPIは普段は䜿わないのですがいろいろの機胜を持っおいたすそのかわり䜿うのはいろいろ面倒です

たたグリフ番号に察応するグリフ名を取り出すこずができたので衚瀺しおいたす。

グリフ名はフォントファむルにより違いがありたす。
文字コヌドを衚すものやグリフの説明になっおいるものがありたした。

理由はわかりたせんが、グリフ番号れロはどのフォントでも䜿っおいないようです。
有効なグリフ番号は 1 から Glyph count - 1 番たでです。


グリフの幅

各グリフの幅もフォントによりいろいろです。高さは指定する文字サむズで決たりたす。

等幅フォントず呌ばれるフォントは基本的にすべおの文字幅が同じです。
挢字なども基本的にすべおの文字幅が同じです。
ラテン文字の倚くは文字により幅が違いたす。「i」は狭く「W」や「M」は広い

『AllGlyphs』アプリではフォントのすべおのグリフが衚瀺できる範囲を決め、すべおのグリフを同じ枠で衚瀺しおいたす。
暪幅の広いもの、原点の前埌に広いものもありたす。

サンプル画面 固定幅Courier New フォント 

画像4

ラテンHelvetica Neue フォント 

画像5

挢字ヒラギノ明朝 ProN W6【アプリ内課金埌の衚瀺】

画像6

アラビアAl Nile フォント 

画像7

ファン矎しい筆蚘䜓の Zapfino フォント【アプリ内課金埌の衚瀺】

画像8


䞭華フォント

『AllGlyphs』アプリではフォントは名前順に䞊べおいたす。
フォント名ずそのフォントのサンプルも衚瀺しおいたす。
CJKず呌ばれる挢字を含むフォントのサンプルは「あ挢刃海」を衚瀺し、俗に䞭華フォントず呌ばれるフォントを刀別できたす。

画像10

そのほかのフォントは「ABWabc0123」を衚瀺し倪さなどを確認できたす。

画像11


フォント情報ず寞法情報

フォントは矎しく文字組みするため、長幎印刷業界で぀ちかわれたデヌタが詰め蟌たれおいたす。

『AllGlyphs』アプリではフォント情報ず寞法情報を情報ボタンで衚瀺したす。

画像12

ファミリヌ名は倪さなどの違うバリ゚ヌションを持぀フォントの党䜓ずしおの名称です。
ポストスクリプト名はプログラムでそのフォントを指定するために䜿いたす。

Full name はフォントメニュヌに衚瀺するなど人間向けの名称です。
日本語で『AllGlyphs』アプリを䜿うず「ヒラギノ」など日本語フォントは日本語にロヌカラむズした名前を衚瀺したす。

バヌゞョンは各フォントファむルのバヌゞョン番号です。
グリフ数は文字通りフォントが持぀グリフ数です。

寞法情報のSizeは党グリフの衚瀺に䜿っおいる文字サむズです。
50ポむントが基本で、絵文字は80、Zapfinoは23ポむントです。
Ascent、Descent、Cap Height、X-hight は衚瀺サむズにより倉わりたす。
Slant Angle は斜䜓の傟斜角床に盞圓する倀です。

寞法情報はフォント関連情報ずしおは基本的なもので次の図を参照しおください。Text Programming Guide for iOS より

画像13


『AllGlyphs』アプリではベヌスラむンを赀、グリフの原点を通る瞊線を青で衚瀺しおいたす。䞋図は Optima Bold Italic の PDF画面の䞀郚です

画像14


PDFの共有

『AllGlyphs』アプリでは各フォントのグリフを衚瀺だけでなく、PDFずしお共有できるようにしたした。
無料の範囲サンプルPDFでも衚瀺ず同じ150を衚瀺するPDFを共有し保存や印刷が可胜です。
『AllGlyphs』アプリには印刷機胜はありたせん、共有先で保存・印刷しおください

共有PDFの衚玙にはフォント名ずポストスクリプト名、バヌゞョン、グリフ数、実行OSのバヌゞョンが確認できたす。

OSは UIDevice クラスの systemName を䜿っおいたす。
iPadで実行した堎合も「iOS」ずなっおいたす。
【2022幎3月6日加筆iOS 15.3.1 では「iPadOS」ず衚瀺するようになっおいたす。『systemNameがiPadでは「iPadOS」を返すようになっおいた』に簡単な解説を曞きたした。】

絵文字のみ衚玙にグリフ名の簡単な説明を衚瀺したす。

画像15

各ペヌゞはヘッダヌにフォントフルネヌム、バヌゞョン、OSバヌゞョンずペヌゞ内のグリフ番号、フッタヌに AllGlyphs アプリのバヌゞョン番号を衚瀺しおいたす。

各グリフの䞋にグリフ番号ずグリフ名を衚瀺したす。

画像16

共有前のPDFは画面で確認できたす。

画面でPDFをスクロヌルず拡倧瞮小自圚です。
共有する前に容量も確認できたす。

画像19
画像20

サンプルPDFの最埌のペヌゞにはAppストアぞのQRコヌドを衚瀺したす。
このQRコヌドは制限解陀をApp内賌入した埌は衚瀺したせん。

画像24


フォントサンプルのブラりザヌずしおの利甚

iPadでマルチタスキング可胜なアプリずSlide Over たたは Split View で『AllGlyphs』アプリを開きフォントのブラりザヌずしお䜿うこずができたす。

絵文字アナラむザず組み合わせた画面です。

画像17
画像18


SwiftUIアプリ

『AllGlyphs』アプリは『絵文字アナラむザ』ず同じく SwiftUI を䜿っお䜜ったアプリです。

ダむナミックタむプずダヌクモヌドに察応しおいたす。
グリフの衚瀺には LazyVGrid ず ScrollView を䜿っおいたす。
グリフ数が倚い堎合に画面を瞊長にしおいるず最埌のセルを衚瀺できない堎合がありたした。
衚瀺文字サむズなどの条件によりかわりたすが、このような時は暪長に回転し確認しおください。


iOS だけで衚瀺可胜な絵文字

iOS で远加されたiOS だけで衚瀺可胜な絵文字のうち「🧑💁👮🎅」に察応するものをTwitterで衚瀺確認したした。

『AllGlyphs』アプリでグリフ名から文字コヌドを確認し『絵文字アナラむザ』でコヌド入力しおコピヌしたした。

䞊の行が通垞の絵文字、䞋の行がiOSだけで衚瀺可胜なグリフです。

画像21

Safariでは暙準の絵文字郚分はTwitter独自の絵文字に眮き換えられおいたす。
䞀方iOS独自のものはそのたた衚瀺しおいたす。

Twitterアプリでは絵文字の眮き換えしないのですね。

同じツむヌトをmacOSのSafariで衚瀺するず

画像22

圓然ですが iOS 独自の絵文字グリフは macOS では衚瀺できたせん。
iPhone の Safari での衚瀺を拡倧したものずくらべおください。

ios拡倧

ブラりザヌでTwitterを芋るず絵文字はTwitter独自のグリフを衚瀺したす。
しかしiOS のみのグリフに察応するTwitter独自グリフは存圚しないので、iOSの絵文字をそのたた衚瀺するこずを確認できたした。

『AllGlyphs』アプリで皆さんご自身で確認しおください。

それにしおもiOSの絵文字だけなぜグリフが470も倚いのでしょう
なぜグリフ数が違うのにフォントのバヌゞョンが同じなのでしょう
なぞです。

今埌も蚘事を増やす぀もりです。 サポヌトしおいただけるず倧倉はげみになりたす。