Railsアプリケーションにtwimojiを導入する方法

✏️️ 2019/11/11 👍️2019/12/03 🔗

Twitter社のTwemojiをRails applicationに導入します。

gem twemoji利用します。

twemoji のInstall

# Gemfile
gem 'twemoji'

設定

絵文字をviewで利用するためにhelperを作成します。

# app/helpers/emoji_helper.rb
module EmojiHelper
  def emojify(content, **options)
    ''.html_safe + Twemoji.parse(h(content), options) if content.present?
  end
end

スタイルを調整します(お好みで)。

img.emoji {
  height: 1em;
  width: 1em;
  margin: 0 .05em 0 .1em;
  vertical-align: -0.1em;
}

利用

上記で作成したhelperを利用します。

# view file
<%= emojify ':sunny:' %> 

利用できる絵文字は以下から探すことができます。
https://jollygoodcode.github.io/twemoji/

参考

akito
日本のスタートアップで主にRuby on Railsを使ってプロダクト開発をしています。