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/

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

Db4b4f2b80639dfa21296832bae16935?s=128

cotolier_risa

January 19, 2019
Tweet

Transcript

  1. None
  2. None
  3. None
  4. None
  5. None
  6. None
  7. None
  8. None
  9. None
  10. None
  11. None
  12. None
  13. None
  14. None
  15. None