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