panda_noir https://blog.hatena.ne.jp/panda_noir/ Panda Noir https://www.pandanoir.info/ slackで「ありがとうございます！」みたいな文字数の長い絵文字は潰れてしまって読みづらいです。しかし、視認性を高めるには高々6文字くらいしか入れられません。 ここで、 「それなら、アニメーションさせればいいじゃない」 と閃いたので、実際にツールを作りました。 アニメ絵文字ジェネレータ こういう絵文字が作れます↓ 使い方 そこまで複雑なUIじゃないので、基本的には見たままで操作できるはずです。 空白行を入れると、そこでフレームが区切ることができます。これを利用すると1つのテキストフィールドだけで完結できます。 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Fwww.pandanoir.info%2Fentry%2F2025%2F09%2F06%2F200109" title="アニメーション絵文字ジェネレータを作った - Panda Noir" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> https://cdn-ak.f.st-hatena.com/images/fotolife/p/panda_noir/20250906/20250906195939.png Hatena Blog https://hatena.blog 2025-09-06 20:01:09 rich https://www.pandanoir.info/entry/2025/09/06/200109 1.0 100%