Angular CLIについて

Angular 触ろうの会 in Fukuoka #5 LT

Transcript

1. OHGVLVPLB "OHVMBS
   ৮Ζ͏ͷձ
   JO
   'VLVPLB
   
2. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB 2 ৽෱
   ٓါ
 !QVLVY 
 3&4$)0
   *OD
 OHGVLVPLB
   PSHBOJ[FS
3. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB ໨࣍ w "OHVMBS
   $-*
   ͱ͸
   w "OHVMBS
   $-*
   
   ৽ػೳ
   w "OHVMBS
   $-*
   ͷࠓޙ 3
4. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB 4
5. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB "OHVMBS
   $-* w "OHVMBSͰͷΞϓϦ։ൃΛॿ͚Δެࣜπʔϧ
   w ςϯϓϨʔτੜ੒
   w ։ൃαʔό
   w Ϗϧυ࠷దԽ 5 
   OQN
   J
   H
   !BOHVMBSDMJ
6. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB bOH`
   ίϚϯυ w ςϯϓϨʔτੜ੒
 
 w ։ൃαʔόىಈ
 w Ϗϧυ 6 
   OH
   HFOFSBUF
   DPNQPOFOU
   OBNF
   
   OH
   HFOFSBUF
   TFSWJDF
   OBNF 
   OH
   TFSWF 
   OH
   CVJME
   QSPE
7. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB bOH`
   ίϚϯυ w ςετʢ,BSNBʣ
 
 
 w &&ςετʢ1SPUSBDUPSʣ 7 
   OH
   UFTU
   
   OH
   UFTU
   TJOHMFSVO
   DPEFDPWFSBHF
   
   OH
   UFTU
   TS
   DD
   CSPXTFS$ISPNF)FBEMFTT 
   OH
   FF
8. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB 18"αϙʔτ w 4FSWJDF
   8PSLFS
 w 6OJWFSTBMʢ4FSWFS
   4JEF
   3FOEFSJOHʣ
 w "QQ
   4IFMM 8 
   OH
   OFX
   OBNF
   TFSWJDFXPSLFS 
   OH
   HFOFSBUF
   VOJWFSTBM
   OBNF 
   OH
   HFOFSBUF
   BQQTIFMM
   OBNF
   VOJWFSTBMBQQBQQ Wʙ
9. "OHVMBS৮Ζ͏ͷձ
   JO
   'VLVPLB 18"࡞੒ྫ w 4FSWJDF
   8PSLFS
   
   6OJWFSTBM
   
   "QQ
   4IFMM 9
10. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB 4DIFNBUJDT w ΧελϜςϯϓϨʔτ͕࢖͑Δ
 w /H3Yʢ"OHVMBS༻3FEVYϥΠϒϥϦʣ༻ 10 Wʙ 
    OH
    OFX
    BQQ
    DPMMFDUJPO
    TDIFNBUJDTOBNF 
    OQN
    JOTUBMM
    !OHSYTDIFNBUJDT
    TBWFEFW
    
    OH
    TFU
    EFGBVMUTTDIFNBUJDTDPMMFDUJPO!OHSYTDIFNBUJDT
11. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB "OHVMBS
    $-*
    W 11
12. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB "OHVMBS
    $-*
    W w OH
    VQEBUF
    ίϚϯυ௥Ճ
    w OH
    FFʹ
    TVJUF
    Φϓγϣϯ௥Ճ
    w BOHVMBSDMJKTPOʹ
    lCVEHFUTz
    Φϓγϣϯ௥Ճ 12
13. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB OH
    VQEBUF w "OHVMBS
    $-*
    ϓϩδΣΫτͷߋ৽
    w "OHVMBSͷόʔδϣϯΞοϓ
    w ґଘϥΠϒϥϦͷόʔδϣϯΞοϓ
 ʢ3Y+4
    ;POFKT
    5ZQF4DSJQU
    ͳͲʣ 13 
    OH
    VQEBUF
14. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB OH
    FF
    TVJUF w &&ςετͷߜΓࠐΈ࣮ߦ 14 exports.config = { suites: { page1: 'e2e/page1/**/*.e2e-spec.ts', page2: [ 'e2e/page2a/**/*.e2e-spec.ts', 'e2e/page2b/**/*.e2e-spec.ts' ] }, 
    OH
    FF
    TVJUF
    TVJUFOBNF QSPUSBDUPSDPOGKT
15. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB CVEHFUT w ग़ྗ͞ΕΔϑΝΠϧͷαΠζΛ੍ݶ͢Δ 15 "apps": [ { "budgets": [{ "type": "bundle", "name": "main", "baseline": "300kb", "maximumWarning": “10%" }, { "type": "any", "maximumError": "500kb" } ], NBJOCVOEMFKT͕ L#Ҏ্Ͱܯࠂ ϑΝΠϧαΠζ͕ L#Ҏ্ͰΤϥʔ BOHVMBSDMJKTPO
16. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB $-*ͷࠓޙ w Wʢݱࡏ#FUBʣ
    w "OHVMBSຊମͱόʔδϣϯ౷Ұ
    w 8FCQBDL
    ࠾༻
    w OH
    BEEίϚϯυ௥ՃɺŠTDIFNBUJDTഇࢭͳͲ 16
17. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB ͓·͚ 17
18. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB $-*Λ࢖Θͳ͍৔߹ 18
19. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB !OHUPPMTXFCQBDL w 8FCQBDL༻ͷ"P5ίϯύΠϧϓϥάΠϯ 19 import { AngularCompilerPlugin } from '@ngtools/webpack' exports = { module: { rules: [{ test: /(?:\.ngfactory\.js|\.ngstyle\.js|\.ts)$/, use: '@ngtools/webpack' } ] }, plugins: [ new AngularCompilerPlugin({ tsConfigPath: 'path/to/tsconfig.json', entryModule: 'path/to/app.module#AppModule' }) ] } XFCQBDLDPOpHKT
20. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB $-*ͷ։ൃίʔυ໊ 20
21. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB $-*ͷ։ൃίʔυ໊ w ܭࢉՊֶ෼໺ͷҒਓ͕༝དྷ 21 όʔδϣϯίʔυ ։ൃίʔυͷ༝དྷ උߟ W -PWFMFTT ΤΠμɾϥϒϨε ੈքॳͷϓϩάϥϚ W 5IPNQTPO έϯɾτϯϓιϯ $ݴޠ W )PQQFS άϨʔεɾϗούʔ $0#0- W 4VTTNBO δΣϥϧυɾδΣΠɾαεϚϯ 4*$1ஶऀ W 5VSJOH ΞϥϯɾνϡʔϦϯά νϡʔϦϯάϚγϯ W .PPSF ΰʔυϯɾϜʔΞ ϜʔΞͷ๏ଇ W ,MFFOF εςΟʔϒϯɾίʔϧɾΫϦʔω ਖ਼نදݱͷߟҊऀ
22. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB $-*ͷӅ͠ίϚϯυ 22
23. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB Ӆ͠ίϚϯυ w NBLFUIJTBXFTPNF
 
 
 
 
 ࣮ߦ͢Δͱ"OHVMBS
    $-*͕๙Ίͯ͘ΕΔ 23 
    OH
    NBLFUIJTBXFTPNF
24. "OHVMBS৮Ζ͏ͷձ
    JO
    'VLVPLB "OHVMBS
    $-*Ͱ
 ָ͘͠։ൃ 24