Upgrade to Pro — share decks privately, control downloads, hide ads and more …

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

お花咲かせたかっただけなのに -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/

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

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

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

cotolier_risa

January 19, 2019
Tweet

More Decks by cotolier_risa

Other Decks in Programming

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