うなすけとあれこれ

2017年05月17日

middleman-somemojiというgemをつくりました

somemoji

つくりました ✌️ ✌️ ✌️ ✌️

middlemanでemoji記法 :example: をemoji画像に置換するmiddleman pluginをつくりました。 🎉

unasuke/middleman-somemoji

あ、middleman v4以降必須です。

動機

絵文字使いたかった、けどunicode emojiの入力ってけっこうしんどい、なのでGitHub風に絵文字を入力したかった。

できるならemojiのproviderも選べるようにしたかった…… そんな感じです。

つかいかた

bundle install

Gemfileに次の行を追加して、bundle installします。

gem 'middleman-somemoji'

somemojiを使ってemoji画像をひっぱってくる

$ bundle exec somemoji extract --provider=twemoji --destination=./source/images/emoji

このへんは本家 r7kamura/somemoji を見に行ったほうがいいかもしれません。

middlemanの設定でsomemojiを有効にする

activate :somemoji,
  provider:    'twemoji',
  emojis_dir:  '/images/emoji'

上のコマンドそのまま実行すると設定はこんな風になります。

あと、asset_hashを使っているならemoji画像以下はhashを付けないようにしてください。

# こんなふうに
activate :asset_hash, ignore: 'images/twemoji'

emojiを入力する

😄 🎊 👀 ⭐️ 👍 💤 🈂 🤘

既知の問題点

preのなかも変換する

<pre><code>の中にあるemoji記法も否応なしに<img>タグに変換してしまうので、これを直したいです。見通しは立ってます。手を動かすだけです。

asset_hash対応

これ必要かなぁ…… ❓

よろしくお願いします

🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏 🙏

Tweet
2017年05月17日