vuejs-night-publish

gifteeの外部勉強会、Vue.js Nightで登壇した資料を公開します。
デモがメインの発表なのでこれだけ見てもわからない気がします。

Lightning talk for the event in giftee inc.
so terrible...

Transcript

1. ແ୊ giftee SaaS div. Engineer ·ΔͨͻΖ͔ͣ Vue.js Night ެ։൛
2. ࣗݾ঺հ • ؙా୓࿨ʢ·ΔͨͻΖ͔ͣʣ • Twitter: @mochi_suna • giftee.co SaaSνʔϜΤϯδχΞ • झຯɿϐΞϊɺϘυήɺΞΠίϯ࡞੒ʢΧούʣ • ࣗಈԽେ޷͖ɻख࡞ۀ͖Β͍ɻ • githubɿ @mochisuna
3. ٕज़໘
4. ීஈͷ͓࢓ࣄ
5. 2. νέοτൃ݊ ߪೖϢʔβʔ 1. ঎඼ΛબΜͰߪೖ ड͚औΓϢʔβʔ
6. 2. νέοτൃ݊ ߪೖϢʔβʔ 1. ঎඼ΛબΜͰߪೖ 2. νέοτੜ੒ ड͚औΓϢʔβʔ
7. 2. νέοτൃ݊ ߪೖϢʔβʔ 1. ঎඼ΛબΜͰߪೖ 3. νέοτURLΛฦ͢ ड͚औΓϢʔβʔ 2. νέοτੜ੒
8. 2. νέοτൃ݊ ߪೖϢʔβʔ 1. ঎඼ΛબΜͰߪೖ 3. νέοτURLΛฦ͢ 4. νέοτURLΛଃΔ ड͚औΓϢʔβʔ 2. νέοτੜ੒
9. 2. νέοτൃ݊ ߪೖϢʔβʔ 1. ঎඼ΛબΜͰߪೖ 3. νέοτURLΛฦ͢ 4. νέοτURLΛଃΔ ड͚औΓϢʔβʔ 2. νέοτੜ੒ ͜͜
10. ͯ͞
11. ࠓճͷλΠτϧ
12. ແ୊ giftee SaaS div. Engineer ·ΔͨͻΖ͔ͣ
13. ྲྀੴʹͪΐͬͱͲ͏͔ͳ ͱࢥͬͨɾɾɾ
14. ͦ΋ͦ΋
15. ࠓճ࿩ͦ͏ͱ͍ͯͨ͠಺༰
16. ϙʔτϑΥϦΦαΠτΛ ࡞ͬͨ࿩ giftee SaaS div. Engineer ·ΔͨͻΖ͔ͣ
17. ؒʹ߹Θ΁Μ͔ͬͨɾɾɾ
18. ม͑·͢
19. ϙʔτϑΥϦΦαΠτΛ ࡞Ζ͏ͱͨ͠࿩ giftee SaaS div. Engineer ·ΔͨͻΖ͔ͣ
20. Ͱɺ
21. ͢Έ·ͤΜ
22. ࠓճຊ౰ʹ ৭ʑͱؒʹ߹͍·ͤΜͰͨ͠
23. ݴ͏ͳΕ͹εϥΠυ΋ؒʹ ߹ͬͯ·ͤΜ
24. ੒Ռ෺
25. ิ଍: ٕज़తͳ࿩
26. ࢖ٕͬͨज़ • Vue CLI 3 + Vuex + Typescript • ֤छϥΠϒϥϦ • tweenMax • vue-svg-loader • etc…
27. Ϛ΢εϗόʔɾΫϦοΫ • Ұ൪্ͷίϯϙʔωϯτͰσΟεύον • @mousedown/@mouseup • @mouseover/@mouseleave • this.$store.dispatch(“ΞΫγϣϯ໊") • mapGettersͰεςʔτมߋΛ؂ࢹ
28. ίϯϙʔωϯτͷελΠϧ • ֎෦͔ΒมߋͰ͖ΔΑ͏ʹ͢Δͱศར • :style=“styles” • styles(): Object { return {transform:`hogehoge`} }
29. TweenMax/TimelineMax • ΞχϝʔγϣϯΛஞ࣍ॲཧɾฒྻॲཧ • ม਺ʹஔ͘͜ͱͰޙ͔ΒมߋՄೳ • yoyoͰӬٱϧʔϓ
30. ײ૝
31. ΍ͬͯΈͯ • TweenMaxਖ਼௚͔ͳΓ؆୯ͩͬͨ • CSS → TeenMax΁ͷ੾Γସ͑͸ࠓே͔Β • ϘλϯҎ֎͸੾Γସ͑ࡁ • ֶशίετͷ௿͕͍͢͞͝
32. ਅ໘໨ͳ࿩ • ϑϩϯτΤϯυͷొཽ໳ͱͯ͠vue͸ׂͱྑ͍ؾ͕ ͍ͯ͠Δ • ֶशίετ௿͍ɾTS͸ܕ෇͚ݴޠओٛऀʹ༏͍͠ • ͪΐͬͱͨ͠΋ͷ͕͙͢࡞ΕΔ • ެࣜͷࢿྉ͕ॆ࣮͍ͯ͠Δ • CSSͰΞχϝʔγϣϯ΍Δͱࢮ͵ʢܦݧஊʣ
33. ָ͍͠VueϥΠϑΛ