ボタンやハンバーガーメニュー、アコーディオン等、よくあるUIのアニメーションをデザイナーさんが選定しやすくコーダーが導入しやすくまとめたものです。 サイト内から動きが確認できるようになっていて、ソースコードの確認も簡単にできるようになっています。 UIコンポーネントの管理・テストをすることが出来るオープンソースツールのStorybookを用いて作成されています。 日々業務をこなす中で同じような動きを実装することが多く、毎回最初から作成する時間がもったいないと感じるようになったからです。 アニメーションにこだわることで企業のブランディング強化を目指しているようなサイトはユニークな実装が必要なことが多いのですが、サイト制作には考えなくてはならない要件がたくさんあるため、よくあるアニメーションを設定するのに時間をかけるのは得策ではありません。 いかに効率よくUIアニメーションを実装するかを考えた
![UIアニメーション辞典を公開します!|Blog|株式会社デパート](https://cdn-ak-scissors.b.st-hatena.com/image/square/00ed396e559d64ecdd4057266ac82c779740053f/height=288;version=1;width=512/https%3A%2F%2Fdepart-inc.com%2Fwp-content%2Fuploads%2Fui-animation.jpeg)