Speaker

UI にアニメーションをつけたいけど、どうすれば気持ちいいアニメーションになるかがわからない。そんな経験はありませんか？

洗練されたアニメーションを標準で備えているモバイルアプリと比べて、Web のアニメーションは自分で実装しなければならない部分が多く、クオリティを高めるのは簡単ではありません。近年は View Transition API などの便利な API も追加されていますが、まだ「どのように動かすのか」はほとんど実装者にゆだねられており、センスと知識が試されます。

本セッションでは UI アニメーションの「気持ちよさ」とはどういった要因から生まれるのかを分析し、それを実装に落とし込む方法を発表します。また、モバイルアプリで頻出の UI などを Vue.js で実装したものをお見せし、気持ちよさの要因を実際の UI から体感していただきます。みなさんがアニメーション実装に挑戦するきっかけとなり、いざ実装するときの手札が増えることを目指します。