5ZQF4DSJQUで74$PEFͷ֦ுػೳΛ࡞͍ͬͨͯΔ࿩ 8F
"SF
+BWB4DSJQUFST
!UI
!LVSPNPLB 

!LVSPNPLB ๏ ͘Ζ΋͔

LVSPNPLB
๏ (BNF8JUI

αʔόαΠυΤϯδχΞ
๏ ීஈ͸1)1Λ΍͍ͬͯ·͢
๏ ٕज़ॻయͰ΋1)1ͷຊΛग़ͨ͠
๏ 5ZQF4DSJQU͸ࠓճॳΊͯ৮Γ·ͨ͠ 

࿩͢͜ͱ ๏ 
࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ
๏ 
74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ
๏ 
5ZQF4DSJQUͰ։ൃͯ͠Έͯ
๏ 
·ͱΊ 


࡞͍ͬͯΔ֦ுػೳʹ͍ͭͯ 

$JSDMF$*
4UBUVT ๏ $JSDMF$*ͷϏϧυ݁ՌΛεςʔλεόʔʹදࣔ
๏ Ϗϧυ݁ՌΛԡ͢ͱ௥Ճػೳ 

$JSDMF$*
4UBUVT ๏ ௥Ճػೳ
‣ ࠷৽ͷϏϧυΛ΍Γ௚͠
‣ $JSDMF$*ͷϏϧυϖʔδΛ։͘
‣ աڈͷϏϧυҰཡΛදࣔ͢Δ 

$JSDMF$*
4UBUVT ๏ ݱঢ়ͷ։ൃঢ়گ
‣ ਖ਼ৗܥ͸֓Ͷಈ͖ͦ͏͚ͩͲΤϥʔ࣌͸·ͬͨ͘ݟͯͳ͍
‣ ϦϑΝΫλ͍ͨ͠ˍςετίʔυॻ͖͍ͨ
๏ (JU)VCʹ͸ެ։ࡁΈʢؾʹͳͬͨΒ˒͍ͩ͘͞ʂʣ
‣ IUUQTHJUIVCDPNLVSPNPLBDJSDMFDJTUBUVT 


74$PEFͷ֦ுػೳ։ൃʹ͍ͭͯ 

֦ுػೳ։ൃͷྲྀΕ ๏ ίʔυδΣωϨʔλͰ਽ܗ࡞੒
๏ ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢
๏ ػೳͷαϯϓϧίʔυΛݟΔ 

ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ :FPNBOͱHFOFSBUPSDPEFΛΠϯετʔϧ
๏ ίʔυδΣωϨʔλͰίʔυੜ੒ $ npm install -g yo generator-code $ yo code 

ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ 8IBU
UZQF
PG
FYUFOTJPO
EP
ZPV
XBOU
UP
DSFBUF
‣ 5ZQF4DSJQU͸ʮ/FX
&YUFOTJPO
5ZQF4DSJQU ʯΛબ୒ 

ίʔυδΣωϨʔλͰ਽ܗ࡞੒ ๏ ͋ͱͷ࣭໰͸͓޷ΈͰʢOQN
PS
ZBSOͳͲͷ࣭໰ʣ
๏ ࡞੒ޙʹσόοάʢ'ʣͯ͠ಈ࡞֬ೝ
‣ ֦ுػೳ։ൃ༻ͷ74$PEF͕ผʹ্ཱ͕ͪΔ
‣ ίϚϯυύϨοτ͔Βʮ)FMMP
8PSMEʯͷಈ࡞Λ֬ೝ 

ཉ͍͠ػೳͷ74$PEFͰͷ໊લΛ୳͢ ๏ ֤ػೳ͝ͱͷ໊લ͕ɺ"1*ͷؔ਺໊΍Ϋϥε໊ʹͳ͍ͬͯΔ
‣ ͨͱ͑͹εςʔλεόʔ͸ʮDSFBUF4UBUVT#BS*UFNʯؔ਺Ͱ࡞Δ
๏ ཉ͍͠ػೳͷ৔ॴ͕෼͔ͬͯ΋໊લ͕෼͔Βͳ͍
๏ ໊લ͑͞෼͔Ε͹"1*Ұཡͷϖʔδ͔Β৘ใݕࡧͰ͖Δ
‣ IUUQTDPEFWJTVBMTUVEJPDPNBQJSFGFSFODFTWTDPEFBQJ 

໊લ͕෼͔Βͳ͔ͬͨྫ ๏ ͜ΕΛ࡞Γ͍ͨΠϝʔδ͸಄ʹ͸͋Δ໊͕લ͕ෆ໌ɾɾɾ
‣ ެࣜυΩϡϝϯτͰ͸ࢀߟʹͳΔهࡌ͕ݟ͚ͭΒͳ͔ͬͨ
‣ ಉ༷ͷ6*͕͋Δʮ(JU-FOTʯͷιʔείʔυΛಡΜͰɺ
 ʮ2VJDL
1JDLʯͱΑ͏΍͘൑໌ 

ػೳͷαϯϓϧίʔυΛݟΔ ๏ ݸਓతʹ͸υΩϡϝϯτΑΓίʔυͷํ͕ࢀߟʹͳͬͨ
๏ ެࣜͰެ։͍ͯ͠ΔαϯϓϧίʔυͷϦϙδτϦ
‣ IUUQTHJUIVCDPNNJDSPTPGUWTDPEFFYUFOTJPOTBNQMFT 


5ZQF4DSJQUͰ։ൃͯ͠Έͯ 

ྑ͔ͬͨͱ͜Ζ ๏ 74$PEFͰิ׬͕ΨϯΨϯޮ͘ͱ͜Ζ
‣ 1)1Λ74$PEFͰॻ͍ͯΔͱ͖ͱੈք͕ҧ͍·ͨ͠ɾɾɾ ๏ Τϥʔ͕͋Ε͹ίϯύΠϧͰ஄͔ΕΔ҆৺ײ 

ਏ͔ͬͨͱ͜Ζ ๏ ܕγεςϜ͕ڧྗͳ෼ɺΤϥʔͰ͸·ͬͨ͜ͱʢಛʹ࠷ॳʣ
๏ ԼͷΑ͏ͳίϯετϥΫλͷॻ͖ํ
‣ ίϯετϥΫλʹ౉ͨ͠஋ͰɺϓϩύςΟ΁ͷηοτ·Ͱߦ͏



·ͱΊ 

·ͱΊ ๏ 74$PEFͷ֦ுػೳ։ൃ͸໊લΛ୳͢ͷ͕େม
๏ υΩϡϝϯτΑΓαϯϓϧίʔυͷํ͕ࢀߟʹͳΔ͔΋ʁ
๏ ࡞͍ͬͯΔʮ$JSDMF$*
4UBUVTʯ͸։ൃதͰ͢ʂ