お知らせ/絵文字ピッカーを更新しました

カテゴリ：お知らせ

コメント欄の絵文字ピッカーをアップデートし、より多くの種類の絵文字を使えるようにしました。
また、表示する絵文字をTwitter絵文字 (Twemoji) に変更し、送信ボタンのデザイン変更も行いました。

アップデートについて

以前から使用していた絵文字ピッカーのライブラリが長い間更新されておらず、使用できる絵文字が少なかったり表示が古かったりといった問題があったため、新しいライブラリに切り替えました。

また、アップデート以前のプラグインではピッカーと入力欄での表示こそTwemoji風の絵文字 (EmojiOne) になっていましたが、実際にページに表示されるのは通常 (機種依存) の絵文字になってしまっていたので、ちゃんとTwemojiが表示されるように修正しました。

主な変更点

• 使用できる絵文字の数が大幅に増えました
• 機種依存の絵文字ではなくTwemojiが表示されるようになりました
• 絵文字が日本語に対応しました 完全には対応できておらず逆に検索が難しくなってしまったので今回は見送りました
• 送信ボタンのデザインを変更しました

問題点？

• 入力欄に機種依存の絵文字が表示される
  • 仕様です。送信後、ページに表示される際にTwemojiに変換されます
• ページの編集時、プレビュー画面で機種依存の絵文字が表示される
  • 仕様・・・とは言い切れないのですが、対応の優先順位は低いです
• IE11で機能しない
  • 仕様です。当サイトでは基本的にIEでの動作を考慮していません

2022-02-22 - 追加アップデート

• コメント欄で改行が行えるようになりました。
• 返信先に選択したコメントが判別しやすくなりました。

絵文字ピッカーの使い方

コメント欄 (pcommentプラグイン) の入力欄右側にあるスマイルマークをクリックすると絵文字ピッカーが表示されます。
ピッカーに表示された任意の絵文字をクリックすると、コメント入力欄のカーソル位置に絵文字が挿入されます。

余談

なぜTwemojiか

すべてのブラウザで表示を統一できるのため。後は単純に個人的な好みです

絵文字ピッカーは必要か

元々PCでもコメント時に絵文字を使えるようにと導入したのですが、最近になってWindowsにも絵文字ピッカーが搭載されていることを知りました。「win + .」 (winキー + カンマ) で表示できるようです
ただ、Winでピッカーが使えるのはあまり知られていない (と思いたい) のでまだ需要はある・・・と信じたい😇

不具合の報告

今回の変更に起因する何かしらの不具合が確認された場合、こちらのコメント欄にて報告をお願いします。その際、デバイスやOS、ブラウザの情報も記載していただけると助かります。