15
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?

More than 5 years have passed since last update.

登壇スライドの作成に便利なTwemojiキーボードを作った

Last updated at Posted at 2019-07-20

tl;dr

  • Apple絵文字のライセンス周りがアレなので登壇スライドにTwemojiを使っていたが、けっこう面倒だった。
  • Macの絵文字キーボードみたいなのをElectronで適当に作った。
  • https://github.com/tinoji/twemoji-image-picker

絵文字ライセンス問題

みなさん、絵文字(emoji)使ってますか〜〜?絵文字はウォシュレットに次ぐ日本の大発明ですよね:wink:

最近はイベントや勉強会に登壇させてもらう機会が増えてきたんですが、スライドに絵文字を使うと、簡単にポップな雰囲気を醸し出せるのでめっちゃ重宝しています。これまでは何も気にせずMacの絵文字キーボードを使ってApple Color EmojiをKeynoteにぺちぺち貼ってました。これね:point_down:
Screen Shot 2019-07-20 at 14.25.19.png

しかし去年、こちらの記事↓を見てからは、登壇で使ったり公開する資料には必ずTwemojiを使っています。
「絵文字」の利用で気をつけた方が良いこと、安全な使い方について

一言でまとめると「多くの絵文字には著作権や使用ルールがあり、実はそんなに気軽に使えるものではない」みたいな話です。一方、TwemojiはCC-BY 4.0なので、適切なクレジット表示を行えば再配布・改変などが可能です。最高。

TwemojiをKeynote/Powerpointで使うのが面倒

ただ、Twemojiをデスクトップで画像やフォントとしてサクッと使えるサービスやアプリが見つけられなくて、基本的にEmojipediaからポチポチ検索してコピペしてました:innocent:
(ガーッと草稿を作る際にはAppleの絵文字を使っておいて、公開する前にTwemojiの画像に置き換えるという作業・・・。置き換え漏れがそこそこ発生して良くない。)

https://github.com/eosrei/twemoji-color-font
これとかめっちゃいいかもと思ったんですが、使えませんでした(おそらくブラウザで見たときのみに対応?)。

作った

で、さすがにそれが嫌になったので、Electronで適当に作りました。なぜかTwemojiで変換できないものがあってサロゲートペアな絵文字の対応を諦めたり、ElectronのバグのせいでWindowsのクリップボードで透過PNGが使えなかったり、と色々アレですが、自分のユースケースは完全に満たせたのでオッケー:v:ただ、Windows版がたびたび動かないので誰か直してください:pray:

見た目はこんな感じ。完全にパクリです。
Screen Shot 2019-07-20 at 14.37.52.png

デモ

61218291-ab038b00-a74c-11e9-853d-b3064ef81d22.gif

15
3
2

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
15
3

Delete article

Deleted articles cannot be recovered.

Draft of this article would be also deleted.

Are you sure you want to delete this article?