サイト内の絵文字をTwemojiへ統一
これまで、😃などの絵文字を活用された診断が数多く作成されてきましたが、絵文字は端末によって表示される内容が異なり、さらにその内容をTwitterでシェアするとTwitterの提供する絵文字に変換されて表示されておりました。
そこで今回、Twitter社の提供するTwemoji https://twemoji.twitter.com/ をサイト内に導入し、すべての端末で同一の絵文字が表示されるようにしました。
例えば以下の画像は、絵文字が用いられている診断の診断結果の一例となります。診断結果は端末によって下記のように異なって表示されておりました。
Windows
Android
Mac・iOS
今回のTwemojiの導入により、どの端末で閲覧をしても以下のように表示されるようになります。
Twemoji
Twemojiは、表示された絵文字がJavaScriptによってTwitter社の提供する絵文字画像に書き換わる仕組みです。そのため以下のようなケースでは従来のご利用端末の絵文字が表示されます。
- 診断作成画面や、ツイート投稿画面などの入力フォーム内の絵文字
- チャート系診断において、チャート内に表示された絵文字
- 診断タイトル画像内の絵文字
- Twemojiに対応していない絵文字
ぜひご活用いただけますと幸いです。
診断結果において連続した半角スペースが適用されない問題の修正
当サイトでは2021年4月のリニューアルの際、連続した半角スペースを削除する処置を取っておりました。しかし、これによって、診断結果でアスキーアート等を表現しようとした時に連続した半角が削除されてしまい、レイアウトが崩れてしまう問題が発生しておりました。またこの問題は診断結果のページのみに発生しており、Twitter等でシェアする内容ではレイアウトが崩れない状態となっておりました。
今回のアップデートでこの問題を修正しました。長い期間この問題を修正しておらず誠に申し訳ございませんでした。
例えば、以下の画像はそのような 連続したスペースが用いられている診断 の診断結果の一例です。修正前と修正後で見え方が異なります。
修正前
修正後
以上となります。
今後とも診断メーカーをよろしくお願い致します。