Angular × Atomic Designでデザインリニューアルを行った話

Affee225683fef978457e27fbe3ecb67?s=47 endam
June 01, 2019

Angular × Atomic Designでデザインリニューアルを行った話

Affee225683fef978457e27fbe3ecb67?s=128

endam

June 01, 2019
Tweet

Transcript

  1. © ISAO | CONFIDENTIAL Angular × Atomic DesignͰ σβΠϯϦχϡʔΞϧΛߦͬͨ࿩ Masayuki

    Yoshida @endam109 º
  2.   ։ൃ͍ͯ͠ΔαʔϏε ໨ඪͷਐḿ͕෼͔ΔϏδωε4/4

  3.   ͳͥσβΠϯϦχϡʔΞϧΛ͔ͨ͠ ˞ը૾͸ैདྷͷϑϩϯτΤϯυͱσβΠϯͷΠϝʔδͰ͢

  4.   ϦχϡʔΞϧίϯηϓτ ๏ σβΠϯͷมߋʹॊೈʹରԠͰ͖Δ ๏ ݎ࿚Ͱ͋Δ(σβΠϯ่͕Εʹ͍͘) ๏ σβΠϯͷϧʔϧΛ౷Ұ͢Δ ͦ͏ͩɺAtomic

    Designʹ͠Α͏
  5.   ϑϩϯτΤϯυͰ͸"OHVMBSΛ࠾༻

  6.   ͳͥ"OHVMBS "OHVMBS͸࣮͸ ίϯϙʔωϯτࢦ޲ͷ ։ൃʹ޲͍͍ͯΔʂ ྑ͘΋ѱ͘΋

  7.   Ͳ͏͍͏͜ͱͩͬͯ͹Α "OHVMBS͸ίϯϙʔωϯτͷϚʔΫΞοϓɺϓϩάϥϛϯάɺ ελΠϦϯάΛࣗવʹ෼ׂͰ͖ΔΑ͏ઃܭ͞Ε͍ͯΔ ίϯϙʔωϯτ͝ͱʹ$44͕ ΧϓηϧԽ͞Ε͍ͯΔͷͰ ଞͷίϯϙʔωϯτʹӨڹΛ ٴ΅͞ͳ͍ɻ ͜Ε͸"UPNJD%FTJHOΛ

    ࣮ફ͢Δͷʹద͍ͯ͠Δ
  8.   ίϯϙʔωϯτࢦ޲։ൃʹ޲͍͍ͯΔͦͷ %JSFDUJWF΍1JQFͷػೳΛඋ͓͑ͯΓɺ"UPNJD%FTJHOΛ࣮ફ͢Δ ্Ͱ೉͍͠։ൃͷ͖ؒ͢ΛຒΊͯ͘ΕΔ

  9.   "OHVMBSͷΠέͯͳ͍఺ /H.PEVMFͷͲͷίϯϙʔωϯτ͕ Կʹґଘ͍ͯ͠Δͷ͔෼͔ΒΜ໰୊

  10.   ࢓ํͳ͘৽͍͠࢓૊ΈΛ࡞ͬͨʘ ?P? ʗ IUUQTRJJUBDPNFOEBNJUFNTCECDD

  11.   ݁࿦ 良くも悪くも Angular Wayに従え それが身のためだ

  12.   "OHVMBS͕͍ͭઌ೔ϦϦʔε͠·ͨ͠ʂ

  13. © ISAO | CONFIDENTIAL ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠