Lean UX with AngularJS @Wantedly

Leanな開発でも諦めないこと

Transcript

1. Lean UX with AngularJS Takayuki IMAI ΤϯδχΞ / ΢ΥϯςουϦʔגࣜձࣾ
2. Takayuki IMAI @imaimiami Engineer, Wantedly, Inc. WebͷαʔόʔαΠυɺϑϩϯτΤϯυͷ։ൃɺUI/UXͷઃܭ
4. ϏδωεSNS
5. ֶੜΠϯλʔϯ ΞϓϦ/WEBϙʔλϧ
6. ελʔτΞοϓͷ ։ൃεϐʔυ
7. ΠϯλϥΫγϣϯʹ͸ͩ͜ΘΒͳ͍ ଥڠͨ͠඼࣭ ٘ਜ਼ʹͳΔ͜ͱʁ ເʹऴΘΔϓϩτλΠϐϯά
8. ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ٘ਜ਼ʹ͠ͳ͍ʂํ๏ Component basedͳϓϩτλΠϐϯά
9. ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ࠓ೔͓࿩͢͠Δ͜ͱ Component basedͳϓϩτλΠϐϯά
10. ࠶ར༻Մೳͳ Directive
15. ਝ଎ͳ࣮૷ ඼࣭ͷߴ͍ίϯϙʔωϯτ Ϣʔβʔͷظ଴Λཪ੾Βͳ͍ ౷Ұ͞ΕͨUI
16. ngAnimateʹΑΔ ΠϯλϥΫγϣϯ
17. εΩϧλά
18. ϢʔβʔؒΞΫγϣϯ
19. CSSͷΈͰಈ͖Λࢦఆ .ng-enter .ng-hide-remove .ng-enter-active .ng-leave-active .ng-hide-enter .ng-leave
20. ϑΟʔυόοΫදݱʹΑΔڭҭ αʔϏεͷੈք؍
21. Component basedͳ ϓϩτλΠϐϯά
23. ݱ࣮తͳઃܭ ݱ࣮తͳϓϩτλΠϐϯά
25. มߋ΁ͷ఍߅ײΛͳ͘͢ ϨΰͷΑ͏ͳϓϩτλΠϐϯά
26. ·ͱΊ
27. Component baseͳϓϩτλΠϐϯά ࠶ར༻ՄೳͳDirective ngAnimateʹΑΔΠϯλϥΫγϣϯ
28. μΠφϛοΫͳϓϩτλΠϐϯά ౷ҰతͳUIͷਝ଎ͳ࣮૷ ࠶ݱੑͷ͋ΔϦονͳUX
29. ͪͳΈʹɺνʔϜͰ։ൃͯ͠·͢
30. ฐࣾ
    J04ΤϯδχΞ મ౬͕޷͖
31. ΤϯδχΞืूͯ͠·͢ʂ IUUQTXXXXBOUFEMZDPNQSPKFDUT
32. ͋Γ͕ͱ͏͍͟͝·ͨ͠