この記事で分かること マイクロインタラクションの概要 Vue.jsを使ったマイクロインタラクションの実装例 マイクロインタラクションとは webやスマホアプリに限らず、何らかの製品やサービスのUXを改善する上で、 マイクロインタラクションの重要性が再認識され始めています。 マイクロインタラクションそのものは新しい技術や概念ではありませんが、 「少ない工夫でUXを劇的に変化させるデザイン手法」として、 マイクロインタラクションは様々なところでそのサービスの評価に大きく影響します。 この記事では、マイクロインタラクションの簡単な紹介と、 webサービスにおける実装例をvue.jsで紹介します。 マイクロインタラクションの定義 「マイクロインタラクション」という言葉はDan Suffer氏の著書 「マイクロインタラクション UI/UXデザインの神が宿る細部」が出典だと思われます。 本書ではマイク
![Vue.js で実現するマイクロインタラクション - Qiita](https://cdn-ak-scissors.b.st-hatena.com/image/square/397e3dd3a348154ec5f63d0726352c2f29801e5f/height=288;version=1;width=512/https%3A%2F%2Fqiita-user-contents.imgix.net%2Fhttps%253A%252F%252Fcdn.qiita.com%252Fassets%252Fpublic%252Farticle-ogp-background-9f5428127621718a910c8b63951390ad.png%3Fixlib%3Drb-4.0.0%26w%3D1200%26mark64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTkxNiZoPTMzNiZ0eHQ9VnVlLmpzJTIwJUUzJTgxJUE3JUU1JUFFJTlGJUU3JThGJUJFJUUzJTgxJTk5JUUzJTgyJThCJUUzJTgzJTlFJUUzJTgyJUE0JUUzJTgyJUFGJUUzJTgzJUFEJUUzJTgyJUE0JUUzJTgzJUIzJUUzJTgyJUJGJUUzJTgzJUE5JUUzJTgyJUFGJUUzJTgyJUI3JUUzJTgzJUE3JUUzJTgzJUIzJnR4dC1jb2xvcj0lMjMyMTIxMjEmdHh0LWZvbnQ9SGlyYWdpbm8lMjBTYW5zJTIwVzYmdHh0LXNpemU9NTYmdHh0LWNsaXA9ZWxsaXBzaXMmdHh0LWFsaWduPWxlZnQlMkN0b3Amcz04Yzc4MzJiYzE0OTk1MTI4ZjZhNzRiYzU0ZWRlY2NhZA%26mark-x%3D142%26mark-y%3D112%26blend64%3DaHR0cHM6Ly9xaWl0YS11c2VyLWNvbnRlbnRzLmltZ2l4Lm5ldC9-dGV4dD9peGxpYj1yYi00LjAuMCZ3PTYxNiZ0eHQ9JTQwT01PSUtBTkVTQU4mdHh0LWNvbG9yPSUyMzIxMjEyMSZ0eHQtZm9udD1IaXJhZ2lubyUyMFNhbnMlMjBXNiZ0eHQtc2l6ZT0zNiZ0eHQtYWxpZ249bGVmdCUyQ3RvcCZzPTJlMDhmNjU1ZDg5NjU5MjBjY2U0ZDhlZDBkNmI0MDZi%26blend-x%3D142%26blend-y%3D491%26blend-mode%3Dnormal%26s%3D59ace94bc7150b530ad521529a1921a4)