大規模は開発環境保守が大変なので改善する / ng-kyoto Angular Meetup 8

Slide 1

Slide 1 text

େن໛͸։ൃ؀ڥอक͕  େมͳͷͰվળ͢Δ 0DU OHLZPUP"OHVMBS.FFUVQ  !PLVOPLFOUBSP

Slide 2

Slide 2 text

୭ w Ԟ໺ݡଠ࿠!PLVOPLFOUBSP w ΫϨε΢ΣΞ୅ද w "OHVMBS೔ຊϢʔβʔձ  OHLZPUP

Slide 3

Slide 3 text

ԿΛ͢Δਓ w େن໛ܥҊ݅ͷ։ൃ ʢສʙສߦͷΞϓϦέʔγϣϯઃܭ͔Β࣮૷ʣ w ίʔ υ ϨϏϡʔ΍ઃܭͷίϯαϧλϯ τ w ΧϯϑΝϨϯεͰͷొஃɺ ߨԋ w ٕज़ຊ΍ΦϯϥΠϯϚΨδϯͰͷࣥච w 8FC.VTJDٕज़Λ༻͍ͨ։ൃ

Slide 4

Slide 4 text

ϓϩδΣΫ τ͕େن໛ʹͳΔͱ ͲΜͳ໰୊͕ى͜Δ͔

Slide 5

Slide 5 text

εέʔϧͤ͞Δ w খن໛ˠதن໛ˠେن໛ w ϓϩδΣΫ τ͕େ͖ ͘ ͳͬͯ΋ɺ ҆ఆͯ͠։ൃνʔϜӡӦ͕Ͱ͖Δ͜ͱ

Slide 6

Slide 6 text

εέʔϧ͢ΔΞϓϦέʔγϣϯ։ൃ w ΞϓϦέʔγϣϯ ɾ ίʔ υΛεέʔϧͤ͞Δ࿩୊͸Α ͘ग़ͯ͘ Δ w ΞʔΩςΫνϟ͕ʜ w Ϧ ϑΝΫλ Ϧ ϯά͕ʜ w ίʔ υ ϨϏϡʔ͕ʜ

Slide 7

Slide 7 text

͜Ε·Ͱͷొஃ

Slide 8

Slide 8 text

։ൃ؀ڥͷεέʔϧ͸ޙखʹͳΓ͕ͪ w ςε τϑ ϨʔϜϫʔΫͦͷ΋ͷͷۛຯ w ϓϩδΣΫ τॳظͷςε τϑ ϨʔϜϫʔΫΛ  େن໛ʹͳ͔ͬͯΒ΋࢖͍ଓ͚Δͷ͸ຊ౰ʹΑ͍͜ͱͳͷ͔ ʁ w -JOU 'PSNBUUFSͳͲͷࣗಈॲཧͷੋඇ w ͦΕΒ͸͍࣮ͭߦ͢΂͖͔ ʁ w ඞཁͳϥΠ ϒϥ Ϧͷੋඇ w ͦ΋ͦ΋package.jsonʹແବ͕ͳ͍͔ɺ ݟ௚͍ͯ͠Δ͔

Slide 9

Slide 9 text

"OHVMBS$-*͔Β֎ΕΔ͜ͱ΁ͷڪΕ w "OHVMBS$-*Λ࢖͍ͬͯΔͱ  "OHVMBS$-*͕͍͔ͳΔͱ ͖΋ਖ਼ղͩͱ໡৴ͯ͠͠· ͏ w ಋೖ࣌ͷํ๏ͱͯ͠"OHVMBS$-*Λ࠾༻͢Δͷ͸ద੾ w "OHVMBS$-*ͷग़ྗ͸࠷େެ໿਺త w ͦͷߏ੒͕͢΂ͯͷϢʔβɺ ͢΂ͯͷϓϩδΣΫ τʹৗʹద੾͔͸  ࠶ߟͷ༨஍͕͋Δ

Slide 10

Slide 10 text

"OHVMBS$-*ͷߏ੒

Slide 11

Slide 11 text

"OHVMBS$-*ͷߏ੒ w "OHVMBS$-* w 5ZQF4DSJQU w 54-JOU w ,BSNB +BTNJOF w 1SPUSBDUPS

Slide 12

Slide 12 text

࠷৽൛ w ೥݄೔࣌఺ w 5ZQF4DSJQU w 54-JOU w ,BSNB +BTNJOF w 1SPUSBDUPS

Slide 13

Slide 13 text

ৗʹ࠷৽ͱ͍͏Θ͚Ͱ͸ͳ͍ w "OHVMBS$-*ʹΑͬͯΠϯε τʔϧ͞ΕΔύοέʔδ͸  ৗʹ࠷৽൛ͱ͍͏Θ͚Ͱ͸ͳ͍ w 5ZQF4DSJQU͸"OHVMBSຊମͷґଘ͢Δόʔδϣϯͱͷ੔߹ੑ΋͋Γ  Πϯε τʔϧ͞ΕΔ΋ͷͱ࠷৽ͷόʔδϣϯ͕཭Ε͍ͯΔ͜ͱ͕ଟ͍

Slide 14

Slide 14 text

OHVQEBUF w IUUQTHJUIVCDPNBOHVMBSBOHVMBSDMJXJLJVQEBUF w "OHVMBS$-*ʹ͸ґଘύοέʔδͷόʔδϣϯΛ্͛ΔͨΊͷίϚϯ υ͕͋Δ • ng update w ͜ΕΛ਺ϲ݄ʙ೥ͱ์ஔͨ͠Βɺ όʔδϣϯ͕ࠩେ͖ ͘ෆ۩߹ͷՄೳੑ͕ߴ·Δ w ։ൃ޻਺ʹ ʮఆظతͳόʔδϣϯͷ֬ೝͱΞοϓσʔ τ࡞ۀʯ ΛؚΉ΂͖

Slide 15

Slide 15 text

ඞͣ௥ՃΠϯε τʔϧͨ͠ํ͕Α͍΋ͷ w 1SFUUJFS w ਓ͕ؒίʔσΟ ϯάελΠϧΛؾʹ͢Δ࣌୅͸ऴΘͬͨ w 1SFUUJFSͷࣗಈ੔ܗ݁Ռʹৗʹै͏ w ࠷ॳ͸ ʮࣗ෼ͷίʔσΟ ϯάελΠϧͱҧ͏ʯ ͱؾʹೖΒͳ͘ ͯ΋࢖͏ w ਺ϲ݄͢Ε͹׳Εͯ1SFUUJFSͳ͠ͷ؀ڥ͕͍΍ʹͳΔ

Slide 16

Slide 16 text

Πϯε τʔϧͯ͠΋Αͦ͞͏ͳ΋ͷ w MJOUTUBHFE IVTLZ w IUUQTQSFUUJFSJPEPDTFOQSFDPNNJUIUNM w ίϛ ο τ࣌ͷ-JOU 'PSNBUͷڧ੍ w ࢍ൱྆࿦͋Γ

Slide 17

Slide 17 text

ςε τͷ࠷దԽ

Slide 18

Slide 18 text

"OHVMBS$-*ͷςε τߏ੒ w IUUQTBOHVMBSKQHVJEFUFTUJOH w ,BSNB +BTNJOF w 5FTU#FE w ϞοΫͷࢦఆ΍Πϯελϯεͷड͚औΓ w ґଘੑ஫ೖ %FQFOEFODZ*OKFDUJPO Λ׆༻ͨ͠ςε τʹ͔ܽͤͳ͍

Slide 19

Slide 19 text

ςε τϑΝΠϧͷࣗಈੜ੒ w "OHVMBS$-*͸ςε τϑΝΠϧ΋ࣗಈੜ੒͢Δ wʮςε τΛॻ͔ͳ͘ ͪΌʯ ͱ͍͏ؾ࣋ͪʹͤ͞ΒΕΔ w ςε τ߲໨ͷ௥Ճ࣌ʹ࠷ॳ͔ΒϑΝΠϧ͕༻ҙ͞Ε͍ͯΕ͹໘౗͕͞ݮΔ

Slide 20

Slide 20 text

ͦͷςε τ͸ຊ౰ʹඞཁ͔ w ͦͷςε τ͸ຊ౰ʹඞཁ͔ۛຯ͢΂͠ w ͦͷDMBTT 4FSWJDF ʹςε τ͸ຊ౰ʹඞཁ͔ ʁ w 'BDBEFύλʔϯͳͲͰઃܭͨ͠ࡍ  ஥ཱͪͱͳΔ4FSWJDFʹ೦ೖΓͳςε τΛॻ͘΂͖͔ ʁ w calls.count()ͷճ਺ݕূʹऴ͍࢝ͯ͠ͳ͍͔ ʁ w ϞοΫͷอक͚ͩͰΉ΍Έʹർฐ͍ͯ͠ͳ͍͔ ʁ

Slide 21

Slide 21 text

ςε τΛࣺͯΔ༐ؾ wʮςε τΛࣺͯΔʯ ͱ͍͏ ͱෆԺʹฉ͑͜Δ͔΋͠Εͳ͍ w ۛຯͨ݁͠Ռ w ଞͷՕॴͷ୯ମςε τͰॲཧ͕े෼ʹकΒΕ͍ͯΔ w ͜ͷՕॴͷςε τΛΧόϨοδͷͨΊ͚ͩʹ࣮ࢪ͢Δͷ͸ෆໟͩ w ςε τ͍߲ͨ͠໨͕෼͔Βͳ͍··ɺ ݟΑ ͏ݟ·ͶͰॻ͍͍͍ͯͯͭ΋සൟʹյΕΔ w ͜͏͍ͬͨ঱ঢ়͕ى͍ͬͯ͜Δ৔߹  Ή͠Ζͦͷςε τ͸ࣺͯͨ΄͏͕։ൃޮ཰্͕͕Δ

Slide 22

Slide 22 text

୯ମςε τͷॲཧ࣌ؒ w ୯ମςε τͷ݅਺ w ਺݅ʙ਺े݅Ͱ͋Ε͹ؾʹͳΒͳ͍͔΋͠Εͳ͍ w ਺ઍ݅Φʔμʔʹͳͬͯ͘ Δͱ ʮςε τ࣮ߦ࣌ͷແବΛল͍ͯߴ଎Խ͢Δʯ   ͱ͍͏؍఺͕ඞཁ w ςε τ͕೦ೖΓͳͷ͸ɺ ͔ͨ͠ʹΑ͍͜ͱͩ wʮͦͷςε τ͸͋ͳͨͷͲΜͳෆ҆Λղফͤ͞ΔͨΊͷςε τͰ͔͢ ʁ ʯ w ແବͳςε τ͸ɺ ͍ͬͦແ͘ ͢͜ͱͰߴ଎Խͤ͞Δ

Slide 23

Slide 23 text

+FTUͷಋೖ w +FTU w 'BDFCPPL੡ͷςε τϑ ϨʔϜϫʔΫ w IUUQTKFTUKTJPKB w ߴ଎ͳ࣮ߦͱɺ ߴ଎ͳ࠶࣮ߦ w ϚϧνίΞΛ׆༻ͨ͠ฒྻ࣮ߦ w εφοϓγϣ ο τςε τ

Slide 24

Slide 24 text

+BTNJOF͔Β+FTU΁ͷҠߦ w ΋ͱ΋ͱ+BTNJOFͰಈ͍͍ͯΔςε τΛ+FTUͰಈ͔͢ʹ͸ w 5FTU#FEΛ࢖͍ͬͯΔՕॴ͸ɺ Ұ୴+BTNJOFͷ··ͷํ͕Α͍  ʢ"OHVMBS͸+BTNJOFΛެࣜʹαϙʔ τ͍ͯ͠ΔͨΊʣ w ؔ਺ͷςε τ΍ɺ ґଘੑ஫ೖΛ൐Θͳ͍4FSWJDFͷςε τʹ͸+FTU͕༗༻ w +FTUͷ"1*͸+BTNJOFͷ"1*ͱ΄΅ޓ׵͕͋Δ w ϫʔΫΞϥ΢ϯ υͱ ͯ͠  .spec.ts͸+BTNJOF .test.ts͸+FTUͰಈ͘ Α ͏ʹͨ͠

Slide 25

Slide 25 text

UTDPOpHKTPOͷվ଄ w "OHVMBS$-*ͷੜ੒͢Δtsconfig.spec.json͚ͩͰ͸ɺ +BTNJOFͱ+FTUͷಉډ͕ࠔ೉ w +BTNJOFͷܕఆٛϑΝΠϧͱ+FTUͷܕఆٛϑΝΠϧ͕  ಉҰείʔϓ্ͰҰ෦ڝ߹͢ΔͨΊ w tsconfig.test.jsonΛෳ੡ͯ͠࡞੒ w include΍compilerOptions.typesͷϓϩύςΟ Λॻ͖׵͑ͯ  +FTUͰར༻Մೳʹ͢Δ w angular.jsonͷMJOUͷઃఆ΋ซͤͯमਖ਼͠ͳ͍ͱɺ +FTUଆ͚ͩ-JOU͕ແࢹ͞ΕΔͷͰ஫ҙ

Slide 26

Slide 26 text

"OHVMBS+FTUͷαϯϓϧ w IUUQTHJUIVCDPNMBDPMBDPBOHVMBSKFTUNJOJNBM w "OHVMBS೔ຊϢʔβʔձ୅දͷMBDPʹΑΔαϯϓϧ w 5FTU#FEΛ࢖͍ͬͯͯ΋ɺ +FTU্Ͱಈ͘ Α ͏ʹௐ੔͞Ε͍ͯΔ w ϓϩδΣΫ τ్தͰͳ͚Ε͹ɺ ྫΛࢀߟʹ࠷ॳ͔Β+FTUલఏͰߟ͑Δͷ΋ख

Slide 27

Slide 27 text

ςε τ࣮ࢪ͕ඇޮ཰ͳͱ͖ w ςε τ͕਺ઍ݅ʹͳͬͨͱ͖ ʮςε τࣦഊ࣌ͷ࠶࣮ߦʯ ͕  ૝૾Ҏ্ʹε τ ϨεͱͳΔ w ςε τΛ࠶࣮ߦ͢Δͨͼʹ8FCQBDLͷϏϧ υͰ෼΄Ͳ଴ͨ͞ΕΔ w ઌʹམͪΔςε τΛॻ͍͔ͯΒಈ࣮͘૷Λॻ͘ɺ ͱ͍ͬͨΞϓϩʔνΛऔΔ͜ͱ͕ ࠔ೉ʹͳΔ w ͦ΋ͦ΋ςε τΛॻ͘ؾྗ͕ࣦΘΕΔ

Slide 28

Slide 28 text

+FTUͷ໌Β͔ͳϝ Ϧ ο τ w +FTU͸΢Υ ονͱ࠶࣮ߦʹؔ͢Δૢ࡞ੑ͕ͱͯ΋Α͍ w མͪͨςε τͷΈͷ࠶࣮ߦ΍ɺ ςε τϑΝΠϧͷϑΝΠϧ໊ͰߜΓࠐΜͰͷ  ࣮ߦͳͲίϚϯ υ͕๛෋ w ࠶࣮ߦ͕ඵʙ਺ඵͳͷͰςε τϑΝʔε τͳ։ൃ΋ࣗࡏ w ΍΍͍͜͠ॲཧ΋ৗʹςε τΛॻ͖ͳ͕Β࣮૷Ͱ͖Δͱ͍͏҆৺ײ͕͋Δ

Slide 29

Slide 29 text

&&ςε τͷੋඇ

Slide 30

Slide 30 text

&&ςε τ w &OEUPFOE5FTU w ࣮ࡍͷΞϓϦέʔγϣϯΛىಈ͠  ෳ਺ͷϢʔεέʔε ʢཁ݅ʣ Λ૊Έ߹ΘͤͨγφϦΦʹԊͬͯࣗಈૢ࡞ w ͦͷ݁Ռ͕ਖ਼͍͜͠ͱΛݕূ͢Δ

Slide 31

Slide 31 text

&&ςε τ͸ߴ֬཰Ͱෛ࠴Խ w ΋͠&&ςε τͷੋඇΛཧղ͠ͳ͍··ɺ ΍ΔؾΛग़ͯ͠೦ೖΓʹॻ͍ͨ৔߹ w ͦͷ&&ςε τ͸͔ͳΓߴ͍֬཰Ͱෛ࠴Խ͢Δ w ࣮ͷͱ͜Ζɺ εϚʔ τͰ༗ӹͳ&&ςε τΛॻ͍ͯอक͢Δʹ͸͔ͳΓ εΩϧ͕ٻΊΒΕΔ w มߋʹڧ͍͔Ͳ͏͔ w ػೳҰͭҰͭͷཻ౓ͩͱมߋ͸গͳ͍ w ը໘શମͷ ʮͲΕ͔ʯ ͕มߋ͞ΕΔස౓͸ߴ͍ w $44Ϋϥε໊ͷվ໊ɺ σβΠϯͷมߋͱཁૉͷ࠶഑ஔɺ ಋઢݟ௚͠

Slide 32

Slide 32 text

ෛ࠴Խͨ͠ςε τ͸Ͳ͏ͳΔ͔ w ৗʹϨο υ w Ϩο υ͸୭΋ݟͨ͘ ͳ͍ w $*ͷఆظ࣮ߦ͔Β֎͞ΕΔ w ϩʔΧϧͰ୭΋࣮ߦ͠ͳ͘ ͳΔ w ࣮ߦ͞Εͳ͍͔Βϝϯςφϯε͞Εͳ͘ ͳΔ

Slide 33

Slide 33 text

୭΋࣮ߦ͠ͳ͍ίʔ υ͸Ͳ͏ͳΔ͔ w ෛ࠴Խ w ຊମଆͷίʔ υͷมߋͰɺ &&ͷςε τίʔ υ͕໰୊Λى͜͢͜ͱ΋͋Δ w ୭΋࣮ߦ͠ͳ͍ίʔ υͷίϯύΠϧΤϥʔΛ໧ʑ ͱ௚͢ w ͦͷίϯύΠϧΤϥʔΛ௚ͯ͠΋୭΋޾ͤʹͳΒͳ͍ w ϓϩδΣΫ τ಺શମݕࡧͰ&&ϑΝΠϧ͕Ҿֻ͔ͬΓݕࡧ݁ՌͷϊΠζͱͳΔ w ࠜຊతʹআڈ͢Δଞͳ͘ ͳΔ

Slide 34

Slide 34 text

ͦ΋ͦ΋ԿΛςε τ͍ͨ͠ͷ͔ w ͦͷγφϦΦ͸ຊ౰ʹ&&ςε τͱ ͯ͠ςε τ͢΂͖ͳͷ͔ w ϑϩϯ τΤϯ υͷ୯ମςε τͰΑ͍ͷͰ͸ ʁ w αʔόʔଆͷςε τʹ͢΂͖Ͱ͸ ʁ w εφοϓγϣ ο τςε τΛ׆༻͢΂͖Ͱ͸ ʁ w ۛຯ͢Ε͹͢Δ΄Ͳɺ &&ςε τ͸ ʮͦΜͳʹແ͘ ͍͍ͯ΍ʯ ͱͳΔ

Slide 35

Slide 35 text

୯ମςε τͰ͸Ͱ͖ͳ͍͜ͱΛ΍Δ w ͋Δը໘Λ։͍ͨͱ͖ʹɺ ͦͷը໘಺ཁૉ ɾ ॲཧͷ ʮͲ͔͜ʯ Ͱ  ϥϯλΠϜΤϥʔ͕ग़͍ͯͳ͍͔ wʮ͜ͷը໘Λ։͍ͨΒਅͬനͰͨ͠ ʂ ʯ Λແ͘ ͢ w Τϥʔ͕ग़ͳ͍৔߹ɺ ଟ͘ͷέʔεͰ ʮόά͸ى͍ͬͯ͜ͳ͍ʯ ͱݟͳͤΔ w ΋ͪΖΜݸʑͷ୯ମςε τɺ Өڹൣғಛఆɺ खಈςε τ΋ซ༻͢΂͖

Slide 36

Slide 36 text

1SPUSBDUPS w "OHVMBS$-*͕ಉ࣌ʹΠϯε τʔϧͯ͘͠ΕΔ&&޲͚ςε τϑ ϨʔϜϫʔΫ w ࠷৽൛͸ϲ݄Ҏ಺ ʢ࣌఺ʣ ʹϦ Ϧʔε͞Ε͍ͯΔͷͰ  ։ൃ͕ࢭ·͍ͬͯΔΘ͚Ͱ͸ͳ͍

Slide 37

Slide 37 text

1SPUSBDUPSͷੋඇ w 1SPUSBDUPS͸4FMFOJVN 8FC%SJWFSΛϕʔεʹ͍ͯ͠Δ w ࿝ฮͷٕज़ w ͜Ε͕ѱ͍ͱݴ͍͍ͨΘ͚Ͱ͸ͳ͍ w $*Ͱಈ͔͠΍͍͔͢Ͳ͏͔͕ॏཁ w ͪΐͬͱ೉͍͠

Slide 38

Slide 38 text

1VQQFUFFS w 1VQQFUFFS ʢύϖςΟ Ξʣ Λ࢖ͬͯΈΔ w 1VQQFUFFS͸)FBEMFTT$ISPNFΛૢ࡞Ͱ͖Δ w BTZODBXBJUߏจʹΑͬͯ୯७ͳεΫ Ϧ ϓτΛॻ͘ Α ͏ʹهड़Մೳ w ্͔Βॱʹߦ͝ͱʹಡΊͯಡΈ΍͍͢

Slide 39

Slide 39 text

1VQQFUFFSͰͷ&SSPS%FUFDUJOH w 1VQQFUFFS+FTUΛ૊Έ߹ΘͤΔ w 1VQQFUFFSͰ͸$ISPNFͷΤϥʔΛϋϯ υ Ϧ ϯάͰ͖Δ w page.on('console', callback)ͱ͍͏"1* w ͜ΕΛ+FTUͰ࣮ߦ͠ ʮΤϥʔ͕ແ͚Ε͹άϦʔϯʯ ͱ͍͏ ςε τ͕ॻ͚Δ

Slide 40

Slide 40 text

1VQQFUFFSͱ$*ͷ૬ੑ w )FBEMFTT$ISPNFΛ࢖͏ͷͰ$*Ͱͷ؀ڥߏங ɾ ىಈΛอূ͠΍͍͢ w 4FMFOJVNΑ ΓϋϚΓ͕গͳ͍

Slide 41

Slide 41 text

Πϯε τʔϧॲཧͱ$*࠷దԽ

Slide 42

Slide 42 text

OQNQPTUJOTUBMM w package.jsonʹpostinstallΛॻ͍͓͚ͯ͹  npm installͨ͠ͱ͖ʹҰॹʹ४උ࡞ۀ΋΍ͬͯ͘Εָͯ w ຊ౰ʹָͳͷ͔ w npm installΛ͢Δͷ͸ਓ͚ؒͩͩͱࢥ͍ͬͯͳ͍͔ w $*͕ඞཁͱ͢Δ४උॲཧͱɺ ਓ͕ؒඞཁͱ͢Δ४උॲཧ͸ຊ౰ʹಉ͔͡

Slide 43

Slide 43 text

$*Ͱແବͳ͜ͱΛ͍ͯ͠ͳ͍͔ w ϓϩδΣΫ τ͕େ͖ ͘ ͳΓ$*ͷ࣮ߦ͕࣌ؒʙ෼ͳͲʹ๲Ε্͕Δͱ  ࿐ࠎʹ։ൃޮ཰͕Լ͕Γ࢝ΊΔ w 13ϨϏϡʔौ଺ɺ ܰඍͳमਖ਼Λͯ͠΋ຖճ଴ͨ͞ΕΔ෼ w $*ͷߴ଎ԽΛ͢Δඞཁ͕͋Δ

Slide 44

Slide 44 text

ܭଌͤΑ w ύϑΥʔϚϯεվળʹ͓͍ͯɺ Կࣄ΋ਪଌΑ Γܭଌ w Ͳͷॲཧ͕஗͍ͷ͔పఈతʹચ͍ग़͢ w npm installͰແବͳ΋ͷΛΠϯε τʔϧ͍ͯ͠ͳ͍͔ w ͍ͭͰʹ࣮ߦ͞ΕΔpostinstall͸$*࣮ߦʹඞཁͳॲཧͳͷ͔ w ਓ͕ؒԣண͢ΔͨΊͷॲཧ͕$*ʹͱͬͯෛ୲ʹͳ͍ͬͯͳ͍͔

Slide 45

Slide 45 text

ࡉ෼ԽͤΑ w ͨͱ͑͹postinstallΛ΍ΊΔ w ਓ͕ؒԣண͢ΔͨΊ͚ͩͷࣗಈԽ͸͠ͳ͍ w ࣮͸npm install && npm run setupͳͲͷίϚϯ υͷ૊Έ߹ΘͤΛ  εχϖο τʹ࣮ͯ͠ߦ͢Ε͹͍͍͚ͩͩͬͨ w npm installͰͷॲཧΛݶΓͳ͘ݶఆతʹ͢Δ w 5FTUJOH-JOUJOH1SFWJFX%FQSPZͷΑ ͏ͳෳ߹తͳॲཧΛॻ͔ͳ͍

Slide 46

Slide 46 text

ͳΔ΂͘ฒྻ࣮ߦ w ςε τͯ͠ɺ -JOUπʔϧճͯ͠ɺ ϓϩμΫγϣϯϏϧ υ࣌Τϥʔ͕ແ͍͔֬ೝͯ͠ʜ w ͦͷॲཧ͸ຊ౰ʹ௚ྻ࣮ߦ͠ͳ͍ͱ͍͚ͳ͍΋ͷ͔ ʁ w ςε τͭͭ͠ɺ -JOUπʔϧճͭͭ͠ɺ Ϗϧ υ͢Ε͹Α͍ w ฒྻ࣮ߦ͢Δ w 5SBWJT$*ʹ΋$JSDMF$*ʹ΋ฒྻ࣮ߦͷͨΊͷ"1*͕༻ҙ͞Ε͍ͯΔ w ࠷ऴతʹ͸$*ϓϩόΠμʹࡳଋϏϯλͯ͠εϖοΫΛ্͛Δ

Slide 47

Slide 47 text

ݡ͍։ൃ؀ڥอक

Slide 48

Slide 48 text

͍͔ͳΔ΋ͷ΋෗Δ w ϓϩμΫ τίʔ υ͸෗͍ͬͯ͘ w ಉ࣌ʹςε τίʔ υ΋෗Δ w $*ͷઃఆϑΝΠϧ΋෗Δ w package.jsonͷεΫ Ϧ ϓτ΋෗Δ

Slide 49

Slide 49 text

ఆظతͳ؂ࢹͷ໨ w ໰୊͕ى͖ͯ ʮ͍͔ͭ௚ͤ͹͍͍΍ʯ ͩͱɺ Ӭԕʹ௚͢ͱ ͖͸དྷͳ͍ w ໰୊ͷ஝ੵ͸ɺ ΍͕ͯऔΓฦ͠ͷ͔ͭͳ͍͜ͱʹܨ͕Δ w ։ൃ͕׬શʹε τοϓ͢Δʜ w ໰୊म෮ʹ਺ਓ݄͔͔ΔʜͳͲ w ݱঢ়Ͱ໰୊ͳ͍͔ɺ ఆظతʹٙ໰Λ࣋ͭ͜ͱ͕ॏཁ w ҆શͷͨΊͷ׆ಈ

Slide 50

Slide 50 text

҆શͳ։ൃ͸ɺ ҆શͳ؀ڥ͔Β 5IBOLZPV