Lean UX with AngularJS @Wantedly

Lean UX with AngularJS @Wantedly

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

1bacc16e3879ad4f5f1c923c60dc32f5?s=128

Takayuki Imai

March 21, 2015
Tweet

Transcript

  1. Lean UX with AngularJS Takayuki IMAI ΤϯδχΞ / ΢ΥϯςουϦʔגࣜձࣾ

  2. Takayuki IMAI @imaimiami Engineer, Wantedly, Inc. WebͷαʔόʔαΠυɺϑϩϯτΤϯυͷ։ൃɺUI/UXͷઃܭ

  3. None
  4. ϏδωεSNS

  5. ֶੜΠϯλʔϯ ΞϓϦ/WEBϙʔλϧ

  6. ελʔτΞοϓͷ ։ൃεϐʔυ

  7. ΠϯλϥΫγϣϯʹ͸ͩ͜ΘΒͳ͍ ଥڠͨ͠඼࣭ ٘ਜ਼ʹͳΔ͜ͱʁ ເʹऴΘΔϓϩτλΠϐϯά

  8. ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ٘ਜ਼ʹ͠ͳ͍ʂํ๏ Component basedͳϓϩτλΠϐϯά

  9. ngAnimateʹΑΔΠϯλϥΫγϣϯ ࠶ར༻ՄೳͳDirective ࠓ೔͓࿩͢͠Δ͜ͱ Component basedͳϓϩτλΠϐϯά

  10. ࠶ར༻Մೳͳ Directive

  11. None
  12. None
  13. None
  14. None
  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ͳ ϓϩτλΠϐϯά

  22. None
  23. ݱ࣮తͳઃܭ ݱ࣮తͳϓϩτλΠϐϯά

  24. None
  25. มߋ΁ͷ఍߅ײΛͳ͘͢ ϨΰͷΑ͏ͳϓϩτλΠϐϯά

  26. ·ͱΊ

  27. Component baseͳϓϩτλΠϐϯά ࠶ར༻ՄೳͳDirective ngAnimateʹΑΔΠϯλϥΫγϣϯ

  28. μΠφϛοΫͳϓϩτλΠϐϯά ౷ҰతͳUIͷਝ଎ͳ࣮૷ ࠶ݱੑͷ͋ΔϦονͳUX

  29. ͪͳΈʹɺνʔϜͰ։ൃͯ͠·͢

  30. ฐࣾJ04ΤϯδχΞ મ౬͕޷͖

  31. ΤϯδχΞืूͯ͠·͢ʂ IUUQTXXXXBOUFEMZDPNQSPKFDUT

  32. ͋Γ͕ͱ͏͍͟͝·ͨ͠