Zenn
🗂

[まとめ]UnicodeとTwemojiの絵文字を比較

2023/05/16に公開
Zenn
emoji
Twemoji
tech

概要

この記事を投稿しているプラットフォーム、Zenn（zenn.dev）でも使用されている絵文字のTwemoji。
UnicodeとTwemojiでは、大きく見た目が異なる絵文字もあるため、
記事を投稿する前に何度もプレビューでデザインをチェックする必要がありました。

左側がWindows OS上のVS CodeでUnicode絵文字が表示。右側が本記事のプラットフォームZenn.dev上でTwemoji絵文字が表示。
画像：例）左側がUnicodeの絵文字、右側がTwemojiの絵文字

何度も確認する事が面倒に感じ、比較するための一覧表を作成したので紹介します。

Twemojiとは

Twemoji（ツイモジ）。
https://twemoji.twitter.com/

TwemojiはTwitter（ツイッター）社が開発したオープンソースライブラリ。

Windows OSやMac OS、iPhone、Androidなど最新のUnicodeをサポートしているデバイスでは、
あらかじめ定められた文字コードにより絵文字は共通化されています。
しかし、異なるOSやブラウザ間ではサポートされている絵文字の違い[1]や、
見た目が大きく違う絵文字があるなどUnicodeの絵文字には複雑な課題があります。

その一方でTwemojiは、共通の画像データを元としている為、Unicodeで発生する問題が起こりません。
異なるプラットフォームやブラウザでも利用できる絵文字として知られています。

この記事のターゲット

  • UnicodeとTwemojiの絵文字を比較したい方

Twemojiの確認方法

Windows OSで表示できるUnicodeの絵文字一覧（ショートカットキーは、Winキー + .（ドット））をベースに、
こちらのページで対応するTwemojiを確認しました。
https://lets-emoji.com/
Windows OSの機能でクイックアクセスできるUnicode絵文字の一覧
画像：Windows OSで表示できる絵文字一覧

補足情報：Windowsバージョン

Windows10 Pro
PS C:\WINDOWS\system32> [System.Environment]::OSVersion.Version

Major  Minor  Build  Revision
-----  -----  -----  --------
10     0      19045  0


PS C:\WINDOWS\system32>

絵文字の比較表

当初、この記事の比較表（一覧表）にすべての情報を掲載しようとしていましたが、
Zennの制約“本文のmarkdownには最大80000文字まで”に引っかかりデプロイが失敗してしまったので、
Windowsにおける絵文字のカテゴリーごとに記事を分割しました。

  • カテゴリー：😀顔文字と動物
  • カテゴリー：👩人
  • カテゴリー：🎈記念日とオブジェクト
  • カテゴリー：🍕食べ物と植物
  • カテゴリー：🚗乗り物と場所
  • カテゴリー：❤記号

参考記事

まとめ

  • WindowsのUnicode絵文字一覧をベースに比較表を作成できた

Twemoji クラッカー
🎉

脚注

  1. サポートされていない場合、表示不可。▯👈のようなマークになる。 ↩︎

GitHubで編集を提案

Discussion