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