Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Clean Architecture in Web Frontend #mixleap

Clean Architecture in Web Frontend #mixleap

Hiroyuki ANAI

December 20, 2018
Tweet

More Decks by Hiroyuki ANAI

Other Decks in Programming

Transcript

  1. ஫ҙ w ιʔείʔυ͕͍ͬͺ͍ग़͖ͯ·͢ w ݟͮΒ͚Ε͹εϥΠυ͸ΞοϓࡁΈͳͷͰ
 ͦͪΒΛ͝ཡ͍ͩ͘͞ w ΞϓϦέʔγϣϯશମ͸ҎԼͷϦϙδτϦʹ
 Ξοϓͯ͠·͢ w

    QJSPTJLJDLUXJUUFSMJLFBQQDMFBOBSDIJUFDUVSF
 IUUQTHJUIVCDPNQJSPTJLJDLUXJUUFSMJLFBQQDMFBO BSDIJUFDUVSF
  2. 8FCϑϩϯτΤϯυʹ͓͚Δ ʮৄࡉʯ w '8ɾϥΠϒϥϦ w 3FBDUKT /FYUKT 7VF /VYUKT "OHVMBS

    w σʔλΞΫηε w 3&45"1* (SBQI2- 'JSFCBTF H31$ w ఏڙํ๏ w $43ͷΈ $43 443 ".1  w FUD
  3. ྫʣαΠϯΞοϓॲཧ w ೖྗɿϢʔβ໊ɺύεϫʔυɺग़ྗɿ࡞੒͞ΕͨϢʔβʔ w εςοϓɿ w ೖྗͷόϦσʔγϣϯΛ࣮ߦ w σʔλΞΫηεͷϢʔβʔ࡞੒ॲཧΛݺͼग़͢ w

    ࡞੒͞ΕͨϢʔβʔΛฦ͢ w σʔλΞΫηεɿ w Ϣʔβ໊͔ΒϢʔβʔͷऔಘʢϢʔβ໊ͷॏෳνΣοΫʣɺ
 Ϣʔβʔ࡞੒
  4. *4JHO6Q 8JUI1BTTXPSE *4JHO6Q 8JUI1BTTXPSE 'BDUPSZ *4JHO6Q 8JUI1BTTXPSE 'BDUPSZ ͷ࣮૷ *4JHO6Q

    8JUI1BTTXPSE *OQVU *4JHO6Q 8JUI1BTTXPSE 0VUQVU JOUFSGBDF JOUFSGBDF ੜ੒ ࣮૷ ੜ੒ *4JHO6Q 8JUI1BTTXPSE ͷ࣮૷ ࣮૷ *%BUB"DDFTT ར༻ ೖྗ ग़ྗ JOUFSGBDF
  5. ΠϯλʔϑΣʔε Ξμϓλ w ํ਑ͱৄࡉͷڮ౉͠ w ྫ w ΤϯςΟςΟΛ%#Ͱѻ͍΍͍͢ܗࣜʹม׵ɺ
 ·ͨ͸ͦͷٯ w

    ΤϯςΟςΟΛ6*Ͱѻ͍΍͍͢ܗࣜʹม׵ɺ
 ·ͨ͸ͦͷٯ w σʔλΞΫηεͷΠϯλϑΣʔεΞμϓλͱɺ
 6*ͷσʔλϕʔεΞμϓλΛ࡞੒
  6. 7JFXଆͷϓϥάΠϯԽ w ΫϦʔϯΞʔΩςΫνϟͰ͸มΘΒͳ͍఺ w 3FEVYʴ5ZQF4DSJQUɺ೉͍͠ w 3FEVYͷTUBUFͷઃܭɺ೉͍͠ w ΋͏ͪΐͬͱݕূ͍ͨ͠ w

    8FC༻ͷ7JFXͱΞϓϦ༻ͷ7JFXɺ
 1$༻ͷ7JFXͱεϚϑΥ༻ͷ7JFXΈ͍ͨͳϓϥάΠϯ͸
 ͏·͍͖ͦ͘͏ͳͷͰɺࢼͯ͠Έ͍ͨ