お花咲かせたかっただけなのに -vue.jsでスクロールとアニメーションの実装-

2019年1月19日に開催されたv-kansai Vue.js/Nuxt.js meetup #2
https://vuekansai.connpass.com/event/112900/
にてLTさせていただきました！

スクロールに合わせてお花が開花していくアニメーションを実装したくて社内のエンジニアまきこみつつ奮闘したお話をしました。

リポジトリ：https://github.com/yasui05821/hanasaki
Netlify：https://vue-hanasaki.netlify.com/

今回は理解できる範囲やれることだけやってみたという感じのチャレンジになりました。
５分の枠で解説しきれるほど単純ではなかったので、またもう少し理解を深めてゆっくり登壇する機会があればチャレンジしてみたいと思います。

## 後日談
なんと！LTを聞いてくださってたamanoeseさんがプルリクでバグ修正をしてくださいました！感謝です！
https://github.com/yasui05821/hanasaki/pull/1
https://deploy-preview-1--vue-hanasaki.netlify.com/

わからなくても話してみると誰かが助けてくださったりするのだなぁと嬉しくなりました。ありがとうございました。

Transcript

1. View Slide

2. View Slide

3. View Slide

4. View Slide

5. View Slide

6. View Slide

7. View Slide

8. View Slide

9. View Slide

10. View Slide

11. View Slide

12. View Slide

13. View Slide

14. View Slide

15. View Slide