Clean Architecture in Web Frontend #mixleap

Transcript

1. 
   ΫϦʔϯΞʔΩςΫνϟ
   JO
   8FCϑϩϯτΤϯυ !QJSPTJLJDL
   .JY
   -FBQ
   4UVEZ
   
   8FCϑϩϯτΤϯυ
   ฏ੒࠷ޙͷౙͷਞ
2. ࣗݾ঺հ w!QJSPTJLJDL
   w݀Ҫ޺޾
   wϠϑʔגࣜձࣾ
 ΤϯδχΞ
   w+BWB4DSJQUനଳ
   w෱Ԭ͔Βདྷ·ͨ͠
3. 3FBDUೖ໳
   3FBDUɾ3FEVYͷಋೖ͔ΒαʔόαΠυϨϯμϦϯάʹΑΔ69ͷ޲্·Ͱ
   IUUQTXXXTIPFJTIBDPKQCPPLEFUBJM
4. 8&# %#
   13&44
   ͲΜͱ͍͜ʂϑϩϯτΤϯυ։ൃ
   ϠϑʔͷΤϯδχΞͰࣥච͍ͯ͠·͢ͷͰɺͥͻʂ
   ࠓ݄ൃചͷWPM͸!@@TBLJUP@@ʹΑΔʮ(BUTCZ+4ʯͰ͢ɻ
5. ΑΖ͘͠
   ͓ئ͍க͠·͢
6. ࿩͢͜ͱ w ΫϦʔϯΞʔΩςΫνϟͱ͸ʁ
   w ΫϦʔϯΞʔΩςΫνϟΛ
 8FCϑϩϯτΤϯυͰ࣮૷ͯ͠Έͨ
   w ࣮૷ޙͷײ૝
7. ࿩͞ͳ͍͜ͱ w 3FBDUKTͱ͸ʁ3FEVYͱ͸ʁ5ZQF4DSJQUͱ͸ʁ
   w Θ͔Βͳ͍෦෼͕͋Ε͹ɺ࠙਌ձ΍5XJUUFSͰ
 ؾܰʹ࣭໰͍ͯͩ͘͠͞ɻ
8. ஫ҙ w ιʔείʔυ͕͍ͬͺ͍ग़͖ͯ·͢
   w ݟͮΒ͚Ε͹εϥΠυ͸ΞοϓࡁΈͳͷͰ
 ͦͪΒΛ͝ཡ͍ͩ͘͞
   w ΞϓϦέʔγϣϯશମ͸ҎԼͷϦϙδτϦʹ
 Ξοϓͯ͠·͢
   w QJSPTJLJDLUXJUUFSMJLFBQQDMFBOBSDIJUFDUVSF
 IUUQTHJUIVCDPNQJSPTJLJDLUXJUUFSMJLFBQQDMFBO BSDIJUFDUVSF
9. ΫϦʔϯΞʔΩςΫνϟͱ͸ʁ w ೥ʹϩόʔτɾ$ɾϚʔςΟϯࢯ͕
 ϒϩάͰެ։ͨ͠ιϑτ΢ΣΞΞʔΩςΫνϟ
   w IUUQCMPHDMFBODPEFSDPNVODMFCPCUIF DMFBOBSDIJUFDUVSFIUNM
   w ೥݄ࠒɺॻ੶΋ग़൛͞ΕΔ
   w ষ͕ϒϩάͱ΄΅ಉ͡಺༰ɺ
 ଞͷষ͸ͳͥͦ͏ͳͷ͔ʁͱ͍͏࿩ͳͲ
   w ԁͷਤ͕༗໊
10. ԁͷਤ Ҿ༻ݩɿIUUQTCMPHDMFBODPEFSDPNVODMFCPCUIFDMFBO BSDIJUFDUVSFIUNM
11. ԁͷਤ ೖग़ྗ͔Βͷڑ཭ ۙ ԕ
12. ԁͷਤ ґଘͷํ޲͕Ұํ޲
13. ԁͷਤ ֤૚ʹ͍ͭͯ͸ޙड़
14. ΋ͬͱৄ͘͠ w 5IF
    $MFBO
    "SDIJUFDUVSF
 IUUQTCMPHDMFBODPEFSDPNVODMFCPC UIFDMFBOBSDIJUFDUVSFIUNM
    w ΫϦʔϯΞʔΩςΫνϟ 5IF
    $MFBO
    "SDIJUFDUVSF຋༁ 
 IUUQTCMPHUBJOFUUIF@DMFBO@BSDIJUFDUVSFIUNM
    w $MFBO
    "SDIJUFDUVSF
    ୡਓʹֶͿιϑτ΢ΣΞͷߏ଄ͱઃܭ
 IUUQTXXXLBEPLBXBDPKQQSPEVDU

15. Αͦ͞͏ͳ఺ w Ϗδωεϧʔϧ୯ମͰςετͰ͖Δ
    w Ϗδωεϧʔϧ͕%#ͳͲʹґଘ͍ͯ͠ͳ͍͔Β
    w ৄࡉΛϓϥάΠϯʹͰ͖Δ
16. ৄࡉͷϓϥάΠϯԽ w γεςϜ͸ʮํ਑ʯͱʮৄࡉʯͷ̎ͭʹ෼ྨͰ͖Δ
    w ํ਑ɿ
 Ϗδωεͷશͯͷϧʔϧ΍खॱ
 γεςϜͷຊ౰ͷՁ஋
    w ৄࡉɿ
 ํ਑ʹ͍ͭͯ΍ΓऔΓ͢Δͷʹඞཁͳ΋ͷ͕ͩɺ
 ํ਑ͷৼΔ෣͍ʹӨڹΛ༩͑Δ΋ͷͰ͸ͳ͍
    w ྫʣ*0σόΠεɺ%#ɺ'8ɺFUD
18. ৄࡉ ํ਑ Ξμϓλʔ
19. ৄࡉ͸ํ਑ͷϓϥάΠϯ ґଘ ґଘ ৄࡉ ํ਑ Ξμϓλʔ ํ਑͸ৄࡉͷ͜ͱΛ஌Βͳ͍
20. ৄࡉ͸ํ਑ͷϓϥάΠϯ ґଘ ৄࡉ ํ਑ Ξμϓλʔ ৄࡉ Ξμϓλʔ ґଘ ϓϥάΠϯ" ϓϥάΠϯ# ৄࡉ͕มΘͬͯ΋ํ਑ʹӨڹ͸ग़ͳ͍
21. 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
22. 8FCϑϩϯτΤϯυʹ͓͚Δ ʮৄࡉʯͷͭΒΈ w બ୒ࢶ͕ଟ͗͢Δ
    w ଟ͗͌͢ʂʂ
    w ਖ਼ղΛܾΊΔͷ͕೉͍͠
    w ʮ࣌ͱ৔߹ʹΑΔʯ͕ଟ͍
    w ࣌ͷྲྀΕͰਖ਼ղ͕มΘΔ
    w ಛʹ8FC
    '&͸ྲྀΕ͕଎͍
23. ΫϦʔϯΞʔΩςΫνϟʴ
    8FCϑϩϯτΤϯυ w ৄࡉΛϓϥάΠϯʹͰ͖ΔͷͰɺ
    w ܾఆΛ஗ԆͰ͖Δ
    w ཁ͕݅Θ͔ͬͨஈ֊ͰܾఆͰ͖ΔͷͰద੾ͳબ୒͕ Ͱ͖Δ
    w ؒҧͬͯ΋มߋ͕༰қ
    w ϓϥάΠϯΛ࡞Ε͹Α͍
24. ΊͬͪΌΑͦ͞͏΍Μ
25. ͕ɺͦΜͳʹ͏·͍͘͘ͷ͔ʁ
26. ࣮૷͔ͯ֬͠ΊΔ w 5XJUUFSͬΆ͍8FCΞϓϦΛ࡞Γͳ͕Β͔֬ΊΔ
    w QJSPTJLJDLUXJUUFSMJLFBQQDMFBOBSDIJUFDUVSF
 IUUQTHJUIVCDPNQJSPTJLJDLUXJUUFSMJLFBQQDMFBO BSDIJUFDUVSF
    w ػೳ͸ΊͬͪΌ࡟ͬͨ
    w ϦπΟʔτɺ͍͍ͶɺͳͲ͸Ұ୴ແ͠
27. ಺ଆ͔Β࡞͍ͬͯ͘
28. ΤϯςΟςΟ w ΤϯςΟςΟ
 ʹ࠷ॏཁϏδωεσʔλʴ࠷ॏཁϏδωεϧʔϧ
    w ࠷ॏཁϏδωεϧʔϧ
 Ϗδωεʹͱ͔ͬͯܽͤͳ͍΋ͷͰ͋Γ
    ɺγεςϜ͕ࣗ ಈԽ͞Ε͍ͯͳͯ͘΋ଘࡏ͢Δ
    w ࠷ॏཁϏδωεσʔλ
 ࠷ॏཁϏδωεϧʔϧʹඞཁͳσʔλ

29. w ࠷ॏཁϏδωεσʔλ
    w Ϣʔβʔ
    w πΟʔτ
    w ࠷ॏཁϏδωεϧʔϧ
    w πΟʔτͷςΩετ͸จࣈҎ಺
    w Ϣʔβʔ໊͸จࣈҎ্ͷӳ਺ࣈ
30. ίʔυ σʔλ͸ͨͩͷ0CKFDU
31. ϧʔϧ͸७ਮͳؔ਺ ίʔυ
32. w ʮγεςϜ͕ࣗಈԽ͞Ε͍ͯͳͯ͘΋ଘࡏ͢Δʯ
    w 5XJUUFS͸ࣗಈԽલఏͷαʔϏεͰ͸ʁ
    w αϯϓϧͷςʔϚ͸
 ΦʔΫγϣϯͱ͔ͷํ͕Α͔ͬͨͷͰ͸ʁ
    w ࣍ճͷվળ఺ͱ͍͏͜ͱʹͯ͠ɺઌʹਐΈ·͢
33. Ϣʔεέʔε w ΞϓϦέʔγϣϯݻ༗ͷϏδωεϧʔϧ
    w Ϣʔβʔ͔ΒͷೖྗɺϢʔβʔʹ໭͢ग़ྗɺ
 ग़ྗΛੜ੒͢ΔεςοϓͳͲΛఆٛ
    w 6*ʹ͍ͭͯ͸هड़͠ͳ͍
    w σʔλΞΫηεͷΠϯλϑΣʔεΛϢʔεέʔεຖʹఆٛ
34. Ϣʔεέʔεͷܕʢ*6TF$BTFʣʜ
    ೖྗΛҾ਺ʹग़ྗΛ1SPNJTFͰฦ͢ ϢʔεέʔεͷϑΝΫτϦͷܕʢ*6TF$BTF'BDUPSZʣʜ
    σʔλΞΫηεΛҾ਺ʹϢʔεέʔεΛฦ͢ ॻ੶ɾϒϩάʹ͸࣮૷αϯϓϧ͕ແ͍ͷͰख୳ΓͰఆٛ
35. ߟ͑ͨϢʔεέʔε w αΠϯΞοϓॲཧ
    w αΠϯΠϯॲཧ
    w πΟʔτॲཧ
    w λΠϜϥΠϯදࣔॲཧ
36. ྫʣαΠϯΞοϓॲཧ w ೖྗɿϢʔβ໊ɺύεϫʔυɺग़ྗɿ࡞੒͞ΕͨϢʔβʔ
    w εςοϓɿ
    w ೖྗͷόϦσʔγϣϯΛ࣮ߦ
    w σʔλΞΫηεͷϢʔβʔ࡞੒ॲཧΛݺͼग़͢
    w ࡞੒͞ΕͨϢʔβʔΛฦ͢
    w σʔλΞΫηεɿ
    w Ϣʔβ໊͔ΒϢʔβʔͷऔಘʢϢʔβ໊ͷॏෳνΣοΫʣɺ
 Ϣʔβʔ࡞੒
37. ίʔυ
38. ΠϯλϑΣʔεͳͷͰอଘઌ͕Կͳͷ͔͸෼͔Βͳ͍ঢ়ଶ
    Ϣʔεέʔε͕Ͳ͏͍͏σʔλΞΫηεΛ͢Δͷ͔ɺͱ͍͏͜ͱ͚ͩΛఆٛ
41. *4JHO6Q
    8JUI1BTTXPSE *4JHO6Q
    8JUI1BTTXPSE
    'BDUPSZ *4JHO6Q
    8JUI1BTTXPSE
    'BDUPSZ
    ͷ࣮૷ *4JHO6Q
    8JUI1BTTXPSE
    *OQVU *4JHO6Q
    8JUI1BTTXPSE
    0VUQVU 
    JOUFSGBDF
     
    JOUFSGBDF
     ੜ੒ ࣮૷ ੜ੒ *4JHO6Q
    8JUI1BTTXPSE
    ͷ࣮૷ ࣮૷ *%BUB"DDFTT ར༻ ೖྗ ग़ྗ 
    JOUFSGBDF
    
42. Ϣʔεέʔεຖʹ
    σʔλΞΫηεɺ*O0VUΛఆٛ *OQVU 4JHO6Q
    6TF$BTF *%BUB"DDFTT 0VUQVU *OQVU 4JHO*O
    6TF$BTF *%BUB"DDFTT 0VUQVU *OQVU $SFBUF5XFFU
    6TF$BTF *%BUB"DDFTT 0VUQVU ʜ
43. ΠϯλʔϑΣʔε
    Ξμϓλ w ํ਑ͱৄࡉͷڮ౉͠
    w ྫ
    w ΤϯςΟςΟΛ%#Ͱѻ͍΍͍͢ܗࣜʹม׵ɺ
 ·ͨ͸ͦͷٯ
    w ΤϯςΟςΟΛ6*Ͱѻ͍΍͍͢ܗࣜʹม׵ɺ
 ·ͨ͸ͦͷٯ
    w σʔλΞΫηεͷΠϯλϑΣʔεΞμϓλͱɺ
 6*ͷσʔλϕʔεΞμϓλΛ࡞੒
44. 6* ํ਑ %# σʔλΞΫηεͷ
    ΠϯλϑΣʔεΞμϓλʔ 6*ͷ
    ΠϯλϑΣʔεΞμϓλʔ
45. σʔλΞΫηεͷ
    ΠϯλϑΣʔεΞμϓλ w ·ͩཁ͕݅෼͔Βͳ͍ͷͰࢼߦࡨޡ͠΍͍͢Α͏ʹ
    w Ұ୴ϝϞϦ্ʢม਺্ʣʹ
 σʔλΛอଘ͢Δ͚ͩͷ΋ͷΛ࡞Δ
    w .FNPSZ%BUB"DDFTT
47. 7JFXଆͷ
    ΠϯλϑΣʔεΞμϓλ w ʮ͜ͷϨΠϠʔ͸(6*ͷ.7$Λ׬શʹ಺แ͢ΔͩΖ͏ʯ
    w ͱ͍͏͜ͱ͸'MVY૚΋͔͜͜
    w 3FBDUKTΛ࢖͏ͷͰɺ3FEVYΛ࢖༻
    w ΞΫγϣϯܦ༝ͰϢʔεέʔεΛݺͼग़͠ɺ
 ग़ྗΛTUBUFʹઃఆ
    w Ϣʔεέʔεͷ࣮૷͸SFEVYUIVOLͷΧελϜҾ਺͔Β஫ೖ
48. SFEVYUIVOLͷΧελϜҾ਺
49. SFEVYUIVOLͷΧελϜҾ਺ ΧελϜҾ਺ UIVOLΞΫγϣϯͷ
    ୈҾ਺
51. ৄࡉ ํ਑ Ξμϓλʔ 6TF$BTF &OUJUZ *%BUB"DDFTT 3FEVY .FNPSZ
    %BUB"DDFTT ϝϞϦ 7JFX
    ʢ3FBDUKTʣ "DUJPO 4UBUF
52. .BJOίϯϙʔωϯτ w ΞϓϦέʔγϣϯͷى఺
 /PEFKTͳΒʮOPEF
    ʙKTʯ
 ΫϥΠΞϯταΠυͳΒXFCQBDLͷFOUSZ
    w %*ίϯςφΛ࢖ͬͯ
 ֤Ϣʔεέʔε΍σʔλΞΫηεͷΠϯελϯεΛੜ੒
    w ࠓճ͸%*ίϯςφͱͯ͠BXJMJYΛ࢖༻
    w IUUQTXXXOQNKTDPNQBDLBHFBXJMJY
54. # ͜ΕͰ΍ͬͱ6*Ͱ֬ೝͰ͖Δঢ়ଶ
55. σʔλΞΫηεΛ
    มߋ͢Δ w αΠϯΞοϓɺαΠϯΠϯΛ࣮૷ͨ͋ͨ͠ΓͰɺ
 σʔλΛӬଓԽͨ͘͠ͳ͖ͬͯͨ
    w -PDBM4UPSBHF%BUB"DDFTTΛ࣮૷ͯ͠ɺ
 .FNPSZ%BUB"DDFTTͷ୅ΘΓʹ஫ೖ͢Δ͚ͩ
57. .FNPSZ%BUB"DDFTTͷ୅ΘΓʹ-PDBM4UPSBHF%BUB"DDFTTΛ
    %*ίϯςφʹಥͬࠐΉ͚ͩ
    Ϣʔεέʔε΍3FEVYͷBDUJPO$SFBUPS͸มߋແ͠ͰೖΕସ͑Մೳ
58. $ σʔλΞΫηεΛ
    ϓϥάΠϯԽͰ͖͍ͯΔ
59. ॓୊ w ͕࣌ؒ଍Γͳͯؒ͘ʹ߹Θͳ͔ͬͨ͜ͱ
    w σʔλΞΫηεΛ'JSFCBTFʹมߋ
    w $43͔Β$43 443ߏ੒΁
    w 443༻ͷ%BUB"DDFTTͱ$43༻ͷ%BUB"DDFTTΛ
 ࡞Ε͹͍͚ͦ͏
    w /FYUKT΁ͷҠߦ
    w ͍͚Δ͔ʁ
60. ࣮૷ޙͷײ૝
61. σʔλΞΫηεͷ
    ϓϥάΠϯԽ w ඇৗʹΑ͍
    w ࢼߦࡨޡͯ͠ΠϯλϑΣʔε͕҆ఆͨ͠ޙʹɺ
 ͲͷσʔλετΞΛ࢖͏ͷ͔ɺ
 Ͳ͏͍͏εΩʔϚͰอଘ͢Δͷ͔ߟ͑Ε͹Α͍
 ˠɹద੾ͳબ୒͕Ͱ͖ͦ͏
    w ΋͏ͪΐͬͱݕূ͍ͨ͠
    w Ϣʔεέʔε͕΋ͬͱ૿͑ͨ৔߹ʹͲ͏ͳΔ͔
62. 7JFXଆͷϓϥάΠϯԽ w Α͍$
    w 3FEVYͷBDUJPO͕γϯϓϧʹͳΔ
 ʢϢʔεέʔεΛݺͼग़͚ͩ͢ʣ
    w Ϣʔεέʔε୯ମͰςετ͞Ε͍ͯΔ҆৺ײ
63. 7JFXଆͷϓϥάΠϯԽ w ΫϦʔϯΞʔΩςΫνϟͰ͸มΘΒͳ͍఺
    w 3FEVYʴ5ZQF4DSJQUɺ೉͍͠
    w 3FEVYͷTUBUFͷઃܭɺ೉͍͠
    w ΋͏ͪΐͬͱݕূ͍ͨ͠ w 8FC༻ͷ7JFXͱΞϓϦ༻ͷ7JFXɺ
 1$༻ͷ7JFXͱεϚϑΥ༻ͷ7JFXΈ͍ͨͳϓϥάΠϯ͸
 ͏·͍͖ͦ͘͏ͳͷͰɺࢼͯ͠Έ͍ͨ
64. Ϣʔεέʔεͷ࣮૷ w ϒϩάɾॻ੶ʹ͸۩ମతͳίʔυ͸΄ͱΜͲͳ͍
    w ॻ੶ʹ؆қతͳΫϥεਤ͕ࡌ͍ͬͯΔˍ
 ଟݴޠͷ࣮૷ྫ͸݁ߏ͋ΔͷͰख୳ΓͰ࣮૷
    w Ϣʔεέʔε͸Կ౓΋ॻ͖௚ͨ͠ɺ
 σΟϨΫτϦɾϑΝΠϧߏ੒΋ࢼߦࡨޡͨ͠
 ΋͏ͪΐͬͱࢼߦࡨޡ͍ͨ͠
    w νʔϜͰ΍Δ࣌͸࣮૷ͷࢦ਑Λ༻ҙͨ͠΄͏͕Αͦ͞͏
65. ݸਓͷݟղʢײ૝ʣ w ৽نϓϩδΣΫτΑΓɺ
 طଘϓϩδΣΫτͷϦϑΝΫλϦϯάʹ׆༻͍ͨ͠
    w ࢀߟʹͰ͖Δ࣮૷΍ࢦ਑͕ͳ͍ͱ
 νʔϜͰҰؾʹ΍Δʹ͸ݱঢ়೉͍͠
    w طଘϓϩδΣΫτʹదԠͯ͠Έͯ
 ࿅౓Λ্͍͛ͨ
66. ·ͱΊ
67. w ΫϦʔϯΞʔΩςΫνϟ͸
 ํ਑ͱৄࡉͷϓϥάΠϯΞʔΩςΫνϟ
    w ৄࡉΛϓϥάΠϯʹ͢Δ͜ͱͰɺ
 ܾఆΛ஗ԆͰ͖Δˍมߋ͕༰қʹͳΔ
    w σʔλΞΫηεΛϓϥάΠϯԽͰ͖Δͷ͸ͱͯ΋Α͍
    w ݸਓతʹ͸ɺ
 ·ͣ͸طଘϓϩδΣΫτͷϦϑΝΫλϦϯάͰ
 ࢼߦࡨޡͯ͠Έ͍ͨ
68. w ັྗΛ఻͖͑Εͯͳ͍ؾ͕͢ΔͷͰ
 ॻ੶ΛͥͻಡΜͰΈ͍ͯͩ͘͞$
    w IUUQTXXXLBEPLBXBDPKQ QSPEVDU
69. w ෼Ͱ࿩ͤΔ಺༰Ͱ͸ͳ͔ͬͨ'
    w ࠙਌ձͰ࿩͠·͠ΐ͏(
70. ͋Γ͕ͱ͏
    ͍͟͝·ͨ͠