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

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 ͝੩ௌ͋Γ͕ͱ͏͍͟͝·ͨ͠