Angular中〜大規模アプリ設計

2017/10/10 ng-japan meetup 2017 Autumnで発表した資料です。

Transcript

1. "OHVMBS
   தʙେن໛ΞϓϦઃܭ 0DU
   
   
   
   OHKBQBO
   NFFUVQ
   
   "VUVNO
   !PLVOPLFOUBSP
2. "CPVU
   NF w Ԟ໺
   ݡଠ࿠
   !PLVOPLFOUBSP
   w גࣜձࣾϐΫηϧάϦ ο υ
   w $PEF(SJE࿈ࡌத
   3Y+4
   5ZQF4DSJQU
   w OHLZPUP
   OHKBQBO
   8FC"VEJPUPLZP
3. ࢲͱ"OHVMBS w "OHVMBS+4
   w ೥
   w "OHVMBS
   w ೥൒
   ʢ
   BMQIB࣌୅͔Β਺͑ͯʣ
   w "OHVMBS
   WYར༻த
4. ࠓճ࿩͢͜ͱ
5. ࠓճ࿩͢͜ͱ w "OHVMBS͸ϑϧελοΫ
   w ࣮ࡍɺ ͳΜͰ΋࡞ΕΔ
   w ͋͞࡞ΕͱݴΘΕΔͱɺ
   w νϡʔ τ ϦΞϧͷ࣍ʹͲ͏͢Ε͹͍͍͔͕೉͍͠
   w தʙେن໛ΞϓϦ։ൃͰ໰୊ʹͳΔͱ͜ΖΛɺ 
 ࣮ମݧΛݩʹղઆ
6. ఆٛ
   ʢ͋͘ ·Ͱ΋ɺ ࠓճʹ͓͍ͯʣ w খن໛
   w ΞϓϦण໋ ɿ
   ൒೥Ҏ಺
   w தن໛
   w ΞϓϦण໋ ɿ
   ൒೥Ҏ্
   w τʔλϧສߦҎ಺
   ʢIUNMɺ DTTআ͘ɺ ۭߦؚΉʣ
   w େن໛
   w ͦΕҎ্
7. ࣮͸େ൒͕தن໛ wʮͲ͏ͤখ͍͞ΞϓϦ͔ͩΒʯ ͱԿ΋ߟ͑ͳ͍ͱ
   w ҙ֎ͱ௕͘࢖͏ ͜ͱʹʜ
   w தن໛ʹ֘౰͢ΔͷͰ͋ͱ͋ͱࠔΔ
   w খن໛ΞϓϦ ͱ͸
   w ࢖͍ࣺͯͷπʔϧͳͲʹ͔֘͠౰͠ͳ͍
8. தن໛ΞϓϦ
9. தن໛ͩͱԿʹࠔΔ͔ w ίʔ υʹॏෳ͕ੜ·ΕΔ
   w Ͳ͜ʹڞ௨Խ͠Α ͏
   w ΞϓϦશମͰ؅ཧ͢Δ஋͕ग़ͯ͘ Δ
   w Ͳ͜ʹஔ͜͏
   w ໨ࢹςε τ͚ͩͰ͸ݶքʹ
   w ࣗಈςε τΛߟ͑͸͡ΊΔ
   w Կ΋ߟ࣮͑ͣ૷͹͔ΓਐΊΔͱςε τ͕ॻ͖ʹ͍͘ίʔ υʹʜ
10. "OHVMBSͷఏڙൣғ 7JFX $PNQPOFOU
    5FNQMBUF 4UPSBHF GSPN
    9)3
    *OEFYFE%#
    FUD ͜ͷลͲ͏࡞Ε͹͍͍ͷ
11. "OHVMBSͷఏڙൣғ 7JFX $PNQPOFOU
    5FNQMBUF 4UPSBHF GSPN
    9)3
    *OEFYFE%#
    FUD ͜ͷลͲ͏࡞Ε͹͍͍ͷ Ͱɺ ͜͏ͳΔ
12. "OHVMBS։ൃ͸ઃܭͱͷઓ͍ 7JFX $PNQPOFOU
    5FNQMBUF 4UPSBHF GSPN
    9)3
    *OEFYFE%#
    FUD ͜͜ΛͲ͏΍ͬͯΩϨΠʹ࡞Δ͔
13. جຊʹ໭Δ w 'MVY
    $234
    Ұ୴๨ΕΑ ͏
    w "OHVMBSʹৄ͘͠ͳ͍ ʁ
    େৎ෉
    w ΤϯδχΞͱͯ͠جຊʹ໭Δ
    w 40-*%ݪଇ
    ʢΦϒδΣΫ τࢦ޲ઃܭݪଇʣ
    w :"(/*
    ,*44
    ʢඞཁʹͳΔ·Ͱ࣮૷͢Δͳɺ γϯϓϧʹ͓͚ͯ͠ʣ
    w %3:
    ʢ%POU
    SFQFBU
    ZPVSTFMGʣ
14. 4FSWJDFΛͲ͏࡞Δ͔ 7JFX $PNQPOFOU
    5FNQMBUF 4UPSBHF GSPN
    9)3
    *OEFYFE%#
    FUD ͜͜͸"OHVMBSཁૉ͕গͳ͍ Ͳ͏4FSWJDFΛఆٛ͢Δ͔ʹݒ͔͍ͬͯΔ w 4FSWJDF͸5ZQF4DSJQUͷDMBTT୯Ґ
    w DMBTTͷ੾Γํ͸40-*%ݪଇʹ
 ै͑͹Α͍
    w ద੾ͳେ͖͞ͷDMBTT͸ςε τ΋ॻ͖
 ΍͍͢
    w "OHVMBSʹ͸ґଘੑ஫ೖ΋͋Δ
    w DMBTT୯ମͷςε τ͕࣮ࢪ͠΍͍͢
15. DMBTTͷ੾Γํ͸Θ͔ͬͨɺ ࣍ʹؾʹ͢Δ͜ͱ͸ ʁ w Πϕϯ τ΍ඇಉظॲཧ
    w Ϣʔβͷೖྗɺ Ϋ Ϧ οΫͳͲͷૢ࡞
    w αʔό͔ΒͷϨεϙϯε
    w "OHVMBSʹݶΒ͕ͣͩɺ 
 8FCΞϓϦέʔγϣϯ։ൃ͸ϋϯ υ Ϧ ϯάͱͷ෇͖߹͍
16. ඇಉظͰ͋Δ͜ͱΛલఏͱ͢Δ w "OHVMBS͕3Y+4Λ࠾༻͍ͯ͠Δͷ͸
    w ͍ͭى͜Δ͔Θ͔Βͳ͍ॲཧΛ౷Ұతʹѻ͏ͨΊ
    w 3Y+4͕ා͍ͳΒ1SPNJTFΛ࢖͏Ͱ΋͍͍
    w ͨͩ͠ɺ جຊతʹ͢΂ͯඇಉظΛલఏʹઃܭ͢Δ͜ͱ
    w ಉظॲཧ͸ɺ ΄΅օແ
17. େن໛ΞϓϦ
18. தن໛ͷઓ͍ํͰ͸େن໛ʹ͸উͯͳ͍ w தن໛ରࡦ
    w DMBTTΛ෼͚ͨɺ ςε τ΋ॻ͍ͨ
    w ॏෳίʔ υ΋ Ϧ ϑΝΫλ Ϧϯάͨ͠
    w ͜Ε͚ͩͰ͸େن໛ΞϓϦʹ੒௕͢Δͱ͖ʹ಄ଧͪʹͳΓ ·͢
19. େن໛ಛ༗ͷࣄ৘ w ཁ݅ͷଟ͞ʹର͢Δೲظͷ୹͞
    w ͜ΕΛOϲ݄Ͱ࡞Δͷʜ ʁ
    w ͡Ό͋ҰਓͰ։ൃ͢Δͷ͸೉͍͠
    w ˠ
    େن໛΄ͲνʔϜମ੍ʹͳΔ
20. େن໛ͱͷઓ͍͸νʔϜϚωδϝϯ τͱͷઓ͍ w νʔϜ։ൃͰ͸࣍ͷ໰୊͕ى͜Δ
    w ΤϯδχΞಉ࢜ͷϨϕϧࠩɺ هड़ελΠϧࠩɺ Ϛφʔҙࣝ
    w ૬ޓίʔ υ ϨϏϡʔ͸ඞਢ
    ʢରଟ͸μϝઈରʣ
    w ίʔ υελΠϧ͸MJOUͰͳΜͱ͔ͳΔ
21. ໰୊͸ίʔ υελΠϧ͡Όͳ͍ w ͲΕΛͲ͜ʹॻ͘ͷ໰୊
    w ࿹ͷ͍͍ਓͷΤϯδχΞ͕͍ͯ΋ɺ DMBTTͷ෼͚ํ͕όϥόϥͩͱɺ
    w ॏෳॲཧ͕ੜ·Εͨͱ͖࿦ཧత ɾ ػցతͳϦ ϑΝΫλ Ϧ ϯά͕ߦ͑ͳ͍
    wʮԶ͸͕͍͍ͬͪ͜ͱࢥ͏ʯ ʮ͍΍͍΍Զ͸ʜʯ
    w ຖճͦͷٞ࿦΍Γ ·͔͢ ʁ
22. ٬؍తͳ఩ֶͱઃܭख๏ w υϝΠϯۦಈઃܭ
    %PNBJOESJWFO
    EFTJHO
    w ྺ࢙తʹཱ֬͞Εͨख๏ʹ͕͢Δ
    w ઌਓͷ஌ܙɺ ྑஶΛ࠾ΓೖΕΔ
    wʮ͜ͷࢦ਑ͷԼͰ͸Ͳ͏͋Δ΂͖͔ʯ Ͱٞ࿦
    w %%%ʹৄ͘͠ͳΕͱ͸ݴΘͳ͍
    w νʔϜશһ͕ೲಘͰ͖Δ٬؍తͳࢦ਑Λઃ͚ͨ΄͏͕Α͍ɺ ͱ͍͏࿩
23. ϨΠϠʔ υ ɾ ΞʔΩςΫνϟ 7JFX &YUFSOBM
    4UPSBHF $PNNBOE
    2VFSZ "EBQUFS 3FQPTJUPSZ 3Y+4
    3FBM
    8PSME
    ࢀর
    IUUQTTQFBLFSEFDLDPNBSNPSJLSYKTSFBMXPSME
24. ͍·Ͳ͜ͷ࿩Λͯ͠Δ ʁ w ϨΠϠʔ υΞʔΩςΫνϟ
    w ։ൃλεΫͷݟੵ΋Γٞ࿦ʹศར
    w λεΫΛద੾ͳཻ౓ʹ੾͍ͬͯΔલఏͰ͸͋Δ
    w ͦͷλεΫ͸ɺ ͦͷػೳͷͲͷՕॴΛ࣮૷ͤͶ͹ͳΒͳ͍͔ɺ 
 νʔϜͰࢹ֮తʹೝࣝͰ͖Δ
25. ϨΠϠʔ͝ͱʹ࡞ۀݟੵ΋ Γ " ɿ
    ͜ͷJTTVF͸7JFXͷʙͷػೳ࣮૷ʹ͍ͭͯͰ͢
    #
    7JFX͔Β͸"1*ΛݺͿ͚Ͳɺ ͔ͦ͜Βઌ͸
 ɹ$PNNBOE૚ͷ࿩ͳͷͰผJTTVF͔
    $
    ͡Ό͋7JFXͰͷΠϕϯ τϋϯ υ Ϧ ϯάͷ࣮૷࡞ۀ
 ɹ͚ͩݟੵ΋Ε͹͍͍ΜͩͶ 7JFX &YUFSOBM
    4UPSBHF $PNNBOE
    2VFSZ "EBQUFS 3FQPTJUPSZ ˡ͍·ίίͷ࿩Λͯ͠Δ
26. ن໛ͷ֦େ
27. ඞͣ௧Έ͕ग़ͯ͘ Δ wʮͳΜͰԶ͸͋ͷ࣌͋͋͠ͳ͔ͬͨΜͩʜʯ
    wʮ͜ΜͳʕʕΈ͍ͨͳ"1*࢓༷ॻ͕ૹΒΕ͖ͯͨͧʯ
    wʮ͓͍͓͍ࠓࠒͦΕΛݴ͏͔ɺ େ͖ͳͪΌͿ୆ฦͩ͠ ʂ ʂ ʯ
    w ࣮࿩͔Ͳ͏͔͸͓࡯͍ͩ͘͠͞
    w ͲΕ͚ͩॳظઃܭΛؤுͬͯ΋ඞͣ෗Δ͠ɺ 
 ཧෆਚͳํ਑స׵ΛٻΊΒΕΔ
    w Ͱ΋ɺ ରԠ͠ͳ͘ ͪΌ͍͚ͳ͍
28. ෗ഊΛڪΕΔͳ w ෗Βͳ͍Α ͏ͳίʔ υΛॻ͘ ͜ͱ͸ෆՄೳ
    w ෗Δ
    w ෗ͬͨͱ͖ʹɺ Ͳ͏͢Ε͹؆୯ʹআڈͰ͖Δ͔Λߟ͑Δ͜ͱ͸Մೳ
    w ࠓͳʹ͕໰୊͔ɺ ͦͷ౎౓ೝࣝ͢Δ
    w ෛ࠴͸ܭըతʹฦࡁ͢Δ
    w ໟͷ௕͍ϠΫΛ์͠ࣂ͍ʹ͠ͳ͍
29. ΞϓϦ։ൃͱ͸ઓ͍ଓ͚Δ͜ͱ w ͦͷͨΊͷ఩ֶ
    w ͦͷͨΊͷઃܭ
    w ͦͷͨΊͷϧʔϧ
30. 5IBOL
    ZPV