絵文字スキントーン修飾子：プログラマティック処理ガイド

絵文字が複數(shù)の肌の色を持っていることは秘密ではありません。特にテキストやソーシャルメディアでは、非常に人気があります。 ?？？ （Rising Black Fist）絵文字は、絵文字の世界絵文字賞によって「2020年のベスト絵文字」と名付けられました。

各肌の色は修飾子であり、多くの絵文字は、特定の文字に対応する修飾子と基本的なエンコーディングで構(gòu)成されています。殘念ながら、すべての絵文字ライブラリが修飾子をサポートするわけではありません。しかし、その人気を考えると、絵文字のスキントーン修飾子は、「ケーキのアイシング」機(jī)能以上のものです。さらに、よりモジュール式で効率的なコードを書くことができるため、それらは賢い作業(yè)方法でもあります。

したがって、この記事の目的は、絵文字修飾子をプログラムで処理する方法を把握することです。このようにして、肌の色調(diào)がサポートされていない狀況に遭遇したり、他の絵文字のカスタムバリエーションを作成したい場(chǎng)合は、何をすべきか知っています。

FitzPatrickスキントーングレーディング方法

皮膚トーン修飾子は、Unicode 8.0の一部として2015年に正式に絵文字に追加されました。それらは、人間の肌の色調(diào)の正式な分類であるFitzpatrick肌のトーン定格方法に基づいています。次の表は、絵文字のキャラクターがフィッツパトリックのタイプとどのように一致するかを示しています。

最も単純なユースケースでは、これらのキャラクターの1つが肌のトーン修飾子をサポートする絵文字に取り付けられている場(chǎng)合、絵文字の肌のトーンが変わります。

言い換えると： ？ ？ = ??

CSSを使用して皮膚色の修飾子を適用します

CSSを使用して絵文字の皮膚トーンを切り替えるには、基本的な絵文字の文字（？）から始めて、 ::after pseudoセレクターを使用してスキントーンを取り付けます。

レンダリングされた絵文字文字を使用することに加えて、Unicode Hexadecimalコードを使用することもできます。

JavaScriptを使用して、肌の色の修飾子を削除および切り替えます

処理されている絵文字が既にスキントーン修飾子を適用している場(chǎng)合はどうなりますか？これを行うには、CSSを超えて行く必要があります。 JavaScriptを使用した例は次のとおりです。

ここで何が起こっているのですか？まず、フィッツパトリックタイプ4のベビー絵文字から始めます。次に、皮膚トーン修飾子を検索してストリングから削除するremoveModifier関數(shù)に渡されます。修飾子がない絵文字があるので、好きな修飾子を追加できます。

このアプローチは多くの絵文字で機(jī)能しますが、他の修飾子を?qū)毪工腚Hに問題があります。だから今、私たちは議論する必要があります...

ZWJシーケンスの処理

ゼロ幅コネクタ（ZWJ）シーケンスは、Unicodeの複合単語のようなものです。それらは、ゼロ幅コネクタu 200dで接続された2つ以上の絵文字で構(gòu)成されています。

ZWJシーケンスは、絵文字に性別修飾子を追加するために最も一般的に使用されます。たとえば、weightlifter plus zwjと女性のシンボルは、重量挙げの女性に相當(dāng)します（?？€?♀?=？§÷?するまさい）。

ZWJシーケンスを処理する場(chǎng)合、次のポイントに注意する必要があります。

• これらのシーケンスは単なる提案です。それらはUnicode Allianceから來ており、すべてのプラットフォームでサポートされることは保証されていません。プラットフォームがそれらをサポートしていない場(chǎng)合、通常の絵文字のフォールバックシーケンスが表示されます。
• スキントーン修飾子が存在する場(chǎng)合、絵文字の後にZWJの前に含める必要があります。
• 一部のZWJシーケンスには、複數(shù)の絵文字が含まれており、それぞれ異なるスキントーン修飾子があります。

この情報(bào)を考えると、以前のコードの例に次の変更を行う必要があります。

• スキントーン修飾子は、絵文字の端に取り付けられているだけでなく、基本的な絵文字の後に挿入する必要があります。
• ZWJシーケンスに皮膚緊張修飾子を使用して複數(shù)の絵文字がある場(chǎng)合は、各絵文字の修飾子を置き換える必要があります。

制限

この例から、一貫性の制限に気付くことができます。編集者ビューは、ZWJシーケンスに各文字を表示しますが、皮膚トーン修飾子を除き、すぐに対応する絵文字に適用されます。一方、コンソールまたは結(jié)果ビューは、シーケンス全體の文字をレンダリングしようとします。

これのサポートは、プラットフォームごとに異なります。一部の編集者はZWJシーケンスをレンダリングしようとする場(chǎng)合があり、すべてのブラウザが同じZWJシーケンスのセットをサポートするわけではありません。

さらに、ZWJシーケンスにスキントーンを追加するには、基本的な絵文字として使用されるものを知る必要があります。これは、既知のコレクションによって絵文字が提供されている場(chǎng)合には比較的簡(jiǎn)単ですが、ユーザーからの任意の入力を処理できるようにしたい場(chǎng)合、事態(tài)はより困難になる可能性があります。

また、この記事のCSSソリューションはZWJシーケンスと互換性がないことに注意してください。

開発の導(dǎo)入問題

絵文字の肌のトーン修飾子を扱う必要があるシステムを設(shè)計(jì)する際に自分自身に尋ねる必要があるかもしれない質(zhì)問をいくつか整理しました。

• システムが対話する絵文字を制御できますか？
• 私の絵文字ライブラリには、どの絵文字が肌のトーン修飾子をサポートするかに関する情報(bào)が含まれていますか？
• 私のシステムは、修飾子を追加、削除、または変更する必要がありますか？
• 私のプラットフォームはZWJシーケンスをサポートしていますか？もしそうなら、どれですか？
• 私のシステムは、複數(shù)のスキントーン修飾子を使用してZWJシーケンスをサポートする必要がありますか？

これらの質(zhì)問とここに表示される例に対する回答があれば、必要に応じて絵文字のスキントーン修飾子をサポートするために必要なものすべてができます。

以上が絵文字の肌の色調(diào)をプログラム的に変更しますの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語 Web サイトの他の関連記事を參照してください。