大規模Angularの向こう側

Dec 14, 2017 @ng-sake #10 発表資料

Transcript

1. େن໛"OHVMBSͷ޲͜͏ଆ %FD
   
   
   !OHTBLF
   
2. ୭ w !PLVOPLFOUBSP
   w ͸ͪ͞Μ
   w גࣜձࣾϐΫηϧάϦ ο υ
   w OHKBQBOͷதͷਓ
3. ຊΛॻ͖·ͨ͠
4. ࠓ೔΍Δ࿩ w େن໛"OHVMBSΞϓϦ͕ߋʹେ͖͘ͳΔ࣌ɺ Ͳ͏͢Ε͹Α͍͔
   w ᠘ͩΒ͚
5. ͜ͷลͷଓ͖Ͱ͢ https://speakerdeck.com/armorik83
6. େن໛ͷͭΒ͍ͱ͜Ζ w ίʔ υͷॏෳΛͲͷΑ ͏ʹந৅Խ ɾ ڞ௨Խ͢Δ͔
   w ๲େͳϑΝΠϧ਺ΛͲ͏΍ͬͯѻ͏͔
   w ϝϯόʔ͕ଟ͍ϓϩδΣΫ τͰͲ͏΍ͬͯ඼࣭Λ୲อ͢Δ͔
7. Ͱ͸ͳ͘ ͯ
8. Ϗϧυ͕஗͍݅
9. Ϗϧυͷ஗͞ w ϑΝΠϧ਺͕ଟ͍͔Β࢓ํͳ͍ ʢສߦ௒ʣ
   w ͱʹ͔͘஗͍
   w ng serveͰ෼͸౰ͨΓલ
   w ng buildͰ෼͸౰ͨΓલ
   w $*͸෼௒͑༨༟
10. ੜ࢈ੑͷ௿Լ w Ϗϧυͷ஗͞͸ຊ౰ʹόΧʹͳΒͳ͍
    w ճ$*Λճ͢ͱ࣌ؒ΋ࣦΘΕΔ
 ʢ཯ّʹ଴͍ͬͯΕ͹ɺ ͕ͩʣ
    w ͤΊͯ։ൃத͸αΫαΫ͍ͨ͠
11. ͦ͏ͩϑΝΠϧ਺ΛݮΒͦ͏
12. ૯ϑΝΠϧ਺ͷ࡟ݮ w ݱࡏɺ ཁ݅ͷ෼ͷఔ౓͕࣮૷׬ྃͰɺ ͢Ͱʹ͜ͷ஗͞
    w ཁ݅Λ΄΅࣮૷͖͠ΔͰ͋Ζ͏ ϓϩδΣΫ τऴ൫͸ɺ 
 ݱࡏΑ Γ਺ഒ͕͔͔࣌ؒΔͱ༧૝
    w ͩͬͨΒείʔϓΛখ͞ ͘͢Δ͜ͱͰɺ 
 Ϗϧυ࣌ؒΛ͜ΕҎ্૿΍͞ͳ͍Α ͏ʹ͠Α ͏
13. ΞϓϦͷ෼ׂ w "OHVMBS
    $-*ʹ͸ෳ਺ͷΞϓϦΛ؅ཧ͢Δ࢓૊Έ͕͋Δ
    w ng serve --app=app-name
    ͳͲ
    w લྫΛࢀߟʹ͍ͨ͠
14. /Y w IUUQTOSXMJPOY
    w 7JDUPS
    4BWLJOࢯͷձࣾɺ "OHVMBSͷίϯαϧλϯ τͷձࣾΒ͍͠
    w ͜͏͍͏໊લͷπʔϧ͔ͱࢥ͍͖΍ɺ 
 ςϯϓϨʔ τूɺ ϊ΢ϋ΢ूͱࢥͬͨ΄͏͕Α͍
    w ෳ਺ΞϓϦ؅ཧͷϊ΢ϋ΢͕٧·ͬͯΔ
15. 4DIFNBUJDT w "OHVMBS
    $-*
    Α Γ#MVFQSJOUTʹ୅Θͬͯಋೖ͞ΕͨςϯϓϨʔ τੜ੒ ͷج൫
    w Α ͏΍͘ಠࣗςϯϓϨʔ τΛੜ੒Ͱ͖ΔΑ ͏ʹͳͬͨ
    w schema.json, index.ts
    Λطଘͷ΋ͷΛࢀߟʹෳ੡͢Ε͹࡞ΕΔ
    w ݱࡏӡ༻தɺ ϊ΢ϋ΢஝ੵதͳͷͰ·͍ͨͣΕ࿩͠·͢
16. ΞϓϦ͕෼ׂͰ͖ͨ w ͱࢥ͍͔ͨͬͨ
17. Կ͕μϝ͔ w ࠷ॳ͔ΒΞϓϦ෼ׂΛ૝ఆ͍ͯ͠ͳ͍ͱɺ 
 ్த͔Βͷ෼ׂ͸ઃܭ্͔ͳΓͭΒ͍
    w ϧʔςΟ ϯά͕େ໰୊ʹͳΔ ʢ-B[Z
    MPBEJOHͱ4JOHMFUPOͷ໰୊ʣ
    w "ΞϓϦ ͱ#ΞϓϦΛಉ࣌ʹىಈͯ͠ϧʔςΟ ϯάΛৼΓ෼͚͚ͨΕ͹ɺ 
 ϧʔςΟ ϯά༻ͷϋϒΞϓϦͷ࡞੒΋ඞཁ
    w ؅ཧίε τ͕ΞϓϦʹ૿͑Δ ʢϏϧυ͕஗͍͜ͱΑ Γ ΋खؒͳՄೳੑʣ
18. Ͱ΋Ϗϧυ࣌ؒΛݮΒ͍ͨ͠
19. ͤΊͯ։ൃத͸଎͘ʜ w ͱ͍͏ ͜ͱͰ
    TestBed.configureTestingModule()
    ʹΑͬͯ
 ࡞ΒΕΔখن໛ϞδϡʔϧͷඳըͰಈ࡞ݕূͰ͖ͳ͍͔࣮ݧͨ͠
    w ͜͏͢Ε͹είʔϓ͕5FTU#FEʹಡΈࠐ·ΕΔґଘؔ܎ͷΈʹͳΓɺ 
 ߴ଎Ϗϧυ͕ՄೳʹͳΔ͔΋ ʁ
20. ଎͘ͳͬͨ w ͱࢥ͍͔ͨͬͨ
21. Կ͕μϝ͔ w "OHVMBS
    $-*ͷXFCQBDL͕೉ղ͗ͯ͢ɺ ෦෼తϏϧυͷ࢓૊Έ͕
 ͔ͳΓߏஙͮ͠Β͍
    w ng eject
    ͤͣʹ࣮ݱ͠Α ͏ ͱ͢Δͱݫ͍͠
    w ng eject
    Λͤͣʹɺ ng eject
    ͯ͠ಘΒΕͨ
    webpack.config
    Λ ϕʔεʹվ଄͢Δ͜ͱ΋ߟ͕͑ͨɺ ࠓޙͷόʔδϣϯΞοϓʹ͍ͭͯߦ͚ͣ
 ෛ࠴Խ͢Δະདྷ͕ݟ͑ͨ
22. ଥڠ఺ w "OHVMBS
    $-*͕ੜ੒͢Δ
    src/test.ts
    Λෳ੡ͯ͠ΠδΔ
    w const context = require.context()
    ͷείʔϓΛݶఆ͢Ε ͹ಡΈࠐ·ΕΔϑΝΠϧ਺͕ݮΒͤΔ͸ͣ
    w ݱࡏࢼߦࡨޡதʜ
    w ͍͍΍Γํ͋Ε͹୭͔ڭ͑ͯʜ
23. ͪͳΈʹ
24. େن໛ͷͭΒ͍ͱ͜Ζ
    ճ౴ฤ w ίʔ υͷॏෳΛͲͷΑ ͏ʹந৅Խ ɾ ڞ௨Խ͢Δ͔
 ɹˠ
    %%%ͷ఩ֶΛ༝དྷͱͨ͠ϞσϦϯάख๏ͷप஌
    w ๲େͳϑΝΠϧ਺ΛͲ͏΍ͬͯѻ͏͔
 ɹˠ
    ಠࣗ4DIFNBUJDTʹΑΔࣗಈੜ੒
    w ϝϯόʔ͕ଟ͍ϓϩδΣΫ τͰͲ͏΍ͬͯ඼࣭Λ୲อ͢Δ͔
 ɹˠ
    1SFUUJFS༷ສࡀɺ ୭ʹ΋จ۟͸ݴΘͤͳ͍
25. Α͍͓೥Λ