実務で使うAngular CLI

ng-kyoto Angular Meetup #5にて発表した資料です。

Transcript

1. OHLZPUP
   "OHVMBS
   .FFUVQ
   
   
   .BS
   
   
   !BSNPSJL ࣮຿Ͱ࢖͏
 "OHVMBS
   $-*
2. BSNPSJL ˙ Ԟ໺
   ݡଠ࿠
   ˙ גࣜձࣾϐΫηϧάϦ ο υ
   ˙ ϑϩϯ τΤϯ υ ɾ ΤϯδχΞ
   ˙ "OHVMBSίϛϡχςΟ
   ˙ OHLZPUP୅ද
   ˙ OHKBQBOελοϑ
   ˙ 8FC
   "VEJP
   8FC
   .*%*
3. "OHVMBS
   $-*
4. "OHVMBS
   $-* ˙ "OHVMBSͷ։ൃΛࢧԉ͢ΔίϚϯυϥΠϯπʔϧ
   ˙ https://cli.angular.io/ ˙ npm install -g @angular/cli
5. Կ͕Ͱ͖Δͷ͔
    ˙ "OHVMBSΞϓϦέʔγϣϯͷ৽ن࡞੒
   ˙ package.json
   ͷ࡞੒
   ˙ "OHVMBSΞϓϦέʔγϣϯʹ࠷௿ݶඞཁͳґଘؔ܎ΛؚΉ
   ˙ ։ൃ؀ڥͷઃఆΛ࡞੒
   ˙ "OHVMBS
   $-*ࣗ਎ͷઃఆ
   .angular-cli.json
   ˙ ςε τ༻
   karma.conf.js, protractor.conf.js
   ˙ MJOU༻
   tslint.json
   ˙ .gitignore, .editorconfig, README.md
   ͳͲͷࡉ͔͍ϑΝΠϧ
6. ˙ "OHVMBSΞϓϦέʔγϣϯͷ৽ن࡞੒
   ˙ package.json
   ͷ࡞੒
   ˙ "OHVMBSΞϓϦέʔγϣϯʹ࠷௿ݶඞཁͳґଘؔ܎ΛؚΉ
   ˙ ։ൃ؀ڥͷઃఆΛ࡞੒
   ˙ "OHVMBS
   $-*ࣗ਎ͷઃఆ
   .angular-cli.json
   ˙ ςε τ༻
   karma.conf.js, protractor.conf.js
   ˙ MJOU༻
   tslint.json
   ˙ .gitignore, .editorconfig, README.md
   ͳͲͷࡉ͔͍ϑΝΠϧ Կ͕Ͱ͖Δͷ͔
   
7. ४උͷ ʮ໘౗͘ ͍͞ʯ Λٵऩ ˙ ؀ڥߏங͸͍͍ͩͨ໘౗͘ ͍͞
   ˙ େن໛ΞϓϦ ʢͱ Γ͋͑ͣສߦҎ্ͱ͢Δʣ Λ࡞ΔͳΒ͹؀ڥߏஙΛखൈ͖Ͱ͖ͳ͍
   ˙ ςε τͷ४උʹ࣌ؒΛඅ΍͢ͷͰ͸ͳ͘ɺ 
 ςε τΛॻ͘ ͜ͱʹ࣌ؒΛඅ΍͍ͨ͠
8. Կ͕Ͱ͖Δͷ͔
    ˙ ։ൃதͷิॿ
   ˙ αʔόͷىಈ
   ˙ ϑΝΠϧΛอଘ͢Δͱଈϒϥ΢β͕ߋ৽
   ˙ ೲ඼ϑΝΠϧͷϏϧυ
   ˙ ৽نϑΝΠϧͷ࡞੒
   ˙ $PNQPOFOU
   %JSFDUJWF
   4FSWJDFͳͲͷ৽ن࡞੒
   ˙ ಉ࣌ʹͦΕΒͷςε τϑΝΠϧ΋࡞੒
9. ։ൃதͷ ʮ໘౗͘ ͍͞ʯ Λٵऩ ˙ ϑΝΠϧͷ४උ͸͍͍ͩͨ໘౗͘ ͍͞
   ˙ ͜͜Λ໘౗͘ ͕ͬͯ͞ɺ ϑΝΠϧΛ࡞੒͠ͳ͍ͱ
   ˙ ͙͢ʹංେԽ͢Δ
   ˙ ద੾ͳ෼ׂͷྲྀΕΛࢭΊͯ͸͍͚ͳ͍
   ˙ ςε τϑΝΠϧ͕ແ͚Ε͹
   ˙ ໘౗͘ ͞ ͘ͳͬͯςε τΛॻ͔ͳ͘ͳΔ
   ˙ ςε τϑΝΠϧΛࣗಈੜ੒ͯ͘͠ΕΔͳΒ͹
   ˙ ςε τΛॻ͖࢝ΊΔ͖͔͚ͬʹܨ͕Δ
10. ໘౗͘ ͍͞ݪҼΛ௵͢
11. ࣮຿෩ܠ
    ࣮૷ฤ
12. ࣮຿
    JT
     ˙ ݱࡏɹ͸"OHVMBS
    Y ʢࠓޙYʣ Ͱͷେن໛ΞϓϦέʔγϣϯͷҊ݅ʹઃܭ͔ΒࢀՃ
    ˙ େن໛ͱ͸
    ˙ ݱ࣌఺Ͱ$PNQPOFOU
    
    4FSWJDF਺͕௒
    ˙ ඞཁͳཁ݅Λ͢΂࣮ͯ૷ͨ͠Β͓ͦΒ͘਺ඦ
    ˙ ߦ਺ϕʔεͰສʙສߦลΓʹͳΔͱ༧૝
    ˙ ༨ஊ͕ͩ$234ΞʔΩςΫνϟͰઃܭ
13. ৽͍͠ը໘Λ࣮૷͢Δγʔϯ ˙ "ཁ݅Λ࣮૷͠ऴΘͬͨͷͰ#ཁ݅Λ࡞Δ
    ˙ ʮ'/b'
    ͷϧʔςΟ ϯάͰ
    BbbComponent
    Λද͍ࣔͨ͠ʯ
    ˙ ng g component bbb
    ˙ ʮͰ΋৽͍͠ը໘Λ࡞ΔͳΒηο τͰ
    BbbService
    ΋ඞཁʹͳΔΜͩΑͶʯ
    ˙ ng g service bbb
    ˙ BbbComponent
    ʹ
    BbbService
    Λ%*ͯ͠ʜ
14. ৽͍͠ը໘Λ࣮૷͢Δγʔϯ ˙ "ཁ݅Λ࣮૷͠ऴΘͬͨͷͰ#ཁ݅Λ࡞Δ
    ˙ ʮ'/b'
    ͷϧʔςΟ ϯάͰ
    BbbComponent
    Λද͍ࣔͨ͠ʯ
    ˙ ng g component bbb
    ˙ ʮͰ΋৽͍͠ը໘Λ࡞ΔͳΒηο τͰ
    BbbService
    ΋ඞཁʹͳΔΜͩΑͶʯ
    ˙ ng g service bbb
    ˙ BbbComponent
    ʹ
    BbbService
    Λ%*ͯ͠ʜ
    ˙ ݁ہख࡞ۀ͕ଟ͍ ʂ ʂ
15. ৽͍͠)551௨৴༻αʔϏεΛ࡞Δγʔϯ ˙ #ཁ݅Ͱ͸
    /endpoint/bbb
    ͱ͍͏αʔόͷΤϯυϙΠϯ τΛୟ͔ͳ͍ͱ͍͚ͳ͍
    ˙ ʮBbbApiService
    Λ࣮૷͠ͳ͖Όʯ
    ˙ ng g service bbb-api
    ˙ ʮͰ΋ΤϯυϙΠϯ τʹ͸ڞ௨ͷϦΫΤε τϔομΛ෇༩͢Δॲཧ΋ඞཁ͔ͩΒ
 AaaApiService
    ͱಉ͡Α ͏ʹ࡞Βͳ͖ΌͶʯ
16. ৽͍͠)551௨৴༻αʔϏεΛ࡞Δγʔϯ ˙ #ཁ݅Ͱ͸
    /endpoint/bbb
    ͱ͍͏αʔόͷΤϯυϙΠϯ τΛୟ͔ͳ͍ͱ͍͚ͳ͍
    ˙ ʮBbbApiService
    Λ࣮૷͠ͳ͖Όʯ
    ˙ ng g service bbb-api
    ˙ ʮͰ΋ΤϯυϙΠϯ τʹ͸ڞ௨ͷϦΫΤε τϔομΛ෇༩͢Δॲཧ΋ඞཁ͔ͩΒ
 AaaApiService
    ͱಉ͡Α ͏ʹ࡞Βͳ͖ΌͶʯ
    ˙ ݁ہίϐϖ ʂ ʂ
17. ໘౗͘ ͍͞ݪҼΛ௵͢
18. #MVFQSJOUT ˙ "OHVMBS
    $-*͕ੜ੒͢ΔϑΝΠϧͷݩ
    ʕ
    ਽ܗ͸Ͳ͜ʹ͋Δͷ͔
    ˙ ͜ͷ਽ܗͷ͜ͱΛ#MVFQSJOUTͱݺͿ
    ˙ #MVFQSJOUT͸ҎԼʹ֨ೲ͞Ε͍ͯΔ
    ˙ ./node_modules/@angular/cli/blueprints ˙ component, service ͳͲͷσΟ ϨΫ τ Ϧ໊͕
 ng g component, ng g service ͳͲͷίϚϯυʹରԠ
    ˙ ͜ͷ#MVFQSJOUTΛมߋ ɾ ௥Ճ͢Ε͹Α͍
    ˙ Ͱ΋ɺ Ͳ͏΍ͬͯ ʁ
19. %FWFMPQNFOU
    )JOUT
    GPS
    IBDLJOH
    PO
    "OHVMBS
    $-* ˙ ࣮͸ ʢੵۃతͰ΋ͳͦ͞͏͕ͩʣ ެࣜͰΞφ΢ϯε͍ͯ͠Δ
    ˙ https://github.com/angular/angular-cli/tree/v1.0.0-rc. 2#development-hints-for-hacking-on-angular-cli
    ˙ ཁ͸"OHVMBS
    $-*ΛGPSLɺ ·ͨ͸HJU
    DMPOF
    
    OQN
    MJOLͯ͠ɺ ͦ͜ͷத਎Λ
 ॻ͖׵͑ͯ͘Εͱ͍͏ Ξφ΢ϯε
    ˙ https://github.com/angular/angular-cli/issues/3549
 https://github.com/angular/angular-cli/issues/4302
    ˙ ެࣜ͸কདྷతʹ͸֦ுػೳΛ࠾༻͍ͨ͠ɺ ͱ͍ͯ͠Δ
    ˙ ͿͬͪΌ͚
    ./node_modules/@angular/cli/blueprints
    Λ
 ௚઀ॻ͖׵͑ͯ΋ಈ͘ ʢඇਪ঑ʣ
20. #MVFQSJOUTΛॻ͖׵͑ͯΈΑ ͏ ˙ "OHVMBS
    $-*ͷϕʔε͸&NCFS
    $-*
    ˙ https://ember-cli.com/extending/
    ˙ Θ͔ͣʹ"OHVMBS
    $-*༻ʹνϡʔχϯά͞Ε͍ͯΔ͕
 େମ&NCFS
    $-*޲͚ͷ஌͕ࣝ͋Ε͹࡞ΕΔ
    ˙ astUtils.addProviderToModule(), dynamicPathParser
 ͱ͍ͬͨॲཧ͕"OHVMBS
    $-*޲͚ʹ௥Ճ͞Ε͍ͯΔ
    ˙ ਽ܗʹม਺ΛׂΓ౰ͯͯϑΝΠϧΛੜ੒͢Δ͚ͩͰͳ͘
 NgModule
    Ͱͷ
    import
    ߦͷ௥Ճ΋ߦ͑Δ ʢTFSWJDF͕͍͍ྫʣ
21. #MVFQSJOUTΛॻ͖׵͑Δ஫ҙ఺ ˙ ඞཁ࠷௿ݶͷվมʹཹΊΔ
    ˙ ͳΜ͔ڽͬͨ͜ͱΛ΍Ζ͏ ͱ͠ͳ͍
    ˙ ެࣜͷίʔσΟ ϯά ɾ ελΠϧʹଇͬͯॻ͍͓ͯ͘΂͖
    ˙ ͲͪΒ΋ࣗલ#MVFQSJOUTͷ෗ഊ๷ࢭࡦ
    ˙ ެࣜଆͷ#MVFQSJOUTߋ৽ʹஔ͍͍͔ͯΕΔͱ෗Δ
    ˙ ͜ͷลͷϝϯςίε τͱ#MVFQSJOUTΛࣗ࡞ͨ݁͠Ռͷ࡞ۀޮ཰Λఱṝʹ
    ˙ ࠓ΍ͬͯΔҊ݅ͩͱϖΠ͢ΔͷͰࣗ࡞ͨ͠
22. ࣮຿෩ܠ
    ϨϏϡʔฤ
23. ίʔ υ ϨϏϡʔΛཔΉγʔϯ ˙ ʮϨϏϡʔ͓ͳ͠Ό͢ʯ
    ˙ ʮͲΕͲΕʜ໰୊ͳͦ͞͏ͩͳɺ Ϛʔδ͠·ͨ͠ʯ
    ˙ ޙ೔
    ˙ ʮ͋ͬɺ ͜͜ϨϏϡʔͷͱ͖͸ݟಀͯͨ͠ɻ ͜ͷॻ͖ํ͸Α ͘ͳ͍ʯ
    ˙ ϨϏϡʔͰݟಀ͞ͳ͍ͷ͕Ұ൪͚ͩͲʜ
    ˙ ਓ͕ؒҰߦҰߦɺ ͜ͱࡉ͔ʹϨϏϡʔ͢Δͷ͸͠ΜͲ͍
24. ίʔ υ ϨϏϡʔΛཔΉγʔϯ ˙ ʮϨϏϡʔ͓ͳ͠Ό͢ʯ
    ˙ ʮͲΕͲΕʜ໰୊ͳͦ͞͏ͩͳɺ Ϛʔδ͠·ͨ͠ʯ
    ˙ ޙ೔
    ˙ ʮ͋ͬɺ ͜͜ϨϏϡʔͷͱ͖͸ݟಀͯͨ͠ɻ ͜ͷॻ͖ํ͸Α ͘ͳ͍ʯ
    ˙ ϨϏϡʔͰݟಀ͞ͳ͍ͷ͕Ұ൪͚ͩͲʜ
    ˙ ਓ͕ؒҰߦҰߦɺ ͜ͱࡉ͔ʹϨϏϡʔ͢Δͷ͸͠ΜͲ͍
    ˙ ͦΕ"OHVMBS
    $-*ͰͰ͖ΔΑ ʂ ʂ
25. "OHVMBS
    $-*ͷMJOU ˙ "OHVMBS
    $-*Ͱ͸MJOU؀ڥΛࣗಈੜ੒͢Δ
    ˙ ࣮ߦ͸
    ng lint
    Λୟ͚ͩ͘
    ˙ ςε τͱ࣮૷ͰҟͳΔMJOU؀ڥΛద༻͢Δ͜ͱ΋Ͱ͖Δ
    ˙ ઃఆ͸
    angular-cli.json
    ͷ
    lint
    ʹॻ͘
    ˙ ϕʔε͸
    tslint
    ˙ https://palantir.github.io/tslint/
26. $PEFMZ[FS ˙ "OHVMBS༻ʹ֦ு͞ΕͨUTMJOUϧʔϧू
    ˙ https://github.com/mgechev/codelyzer
    ˙ ྫ͑͹͜Μͳϧʔϧ
    ˙ @Component
    ͷ
    input
    Ͱ͸ͳ͘
    @Input()
    Λ࢖͏ Α ͏ڧ੍͢Δϧʔϧ
    ˙ UTͰ͸ͳ͘ ςϯϓϨʔ τͷ)5.-Λݕূͯ͘͠ΕΔϧʔϧ
    ˙ @Component
    ͕෇͘DMBTT໊͸
    *Component
    ͱ͠ͳ͚Ε͹ͳΒͳ͍ϧʔϧ
    ˙ ֤ϧʔϧͷ࣮૷͸ͲΕ΋୹͍ͷͰಡΜͰΈΔͱ໘ന͍
27. ࣗ࡞ϧʔϧ ˙ $PEFMZ[FS͕࡞ΒΕͨͱ͍͏ ͜ͱ͸
    ˙ ϧʔϧ͸ࣗ࡞Ͱ͖·͢
    ˙ UTMJOUͷϧʔϧ͸ΨόΨόͩͱ͓୰͖ͷ͋ͳͨ
28. ࣗ࡞ϧʔϧ ˙ $PEFMZ[FS͕࡞ΒΕͨͱ͍͏ ͜ͱ͸
    ˙ ϧʔϧ͸ࣗ࡞Ͱ͖·͢
    ˙ UTMJOUͷϧʔϧ͸ΨόΨόͩͱ͓୰͖ͷ͋ͳͨ
    ˙ ϧʔϧ͸ࣗ࡞Ͱ͖·͢ ʂ ʂ
29. ˙ ߏจղੳΛඞཁͱ͢ΔҎ্"45
    "CTUSBDU
    4ZOUBY
    5SFF
    ͷ஌͕ࣝඞཁ
    ˙ "45
    FYQMPSFS͕͋Δ͔Βා͘ͳ͍
    ˙ https://astexplorer.net/
    ˙ 54-JOU
    $VTUPN
    3VMFT
    ˙ https://palantir.github.io/tslint/develop/custom- rules/
    ˙ ͜͜ΛಡΊ͹54-JOUʹ͓͚Δϧʔϧ࡞੒ํ๏͕෼͔Δ
    ˙ SyntaxWalker
    ͕ΊͪΌ͘ ͪΌ༏लͳͷͰࣗ࡞ϧʔϧΛ࡞Δͱ͖͸
 ࠷খݶͷWBMJEBUJPO࣮૷ͰࡁΉ ϧʔϧͷ࡞Γํ
30. ˙ ͍͔ͭࣗ͘࡞ͯ͠Έͨ
    ˙ AbstractFooService
    Λܧঝ͍ͯ͠ΔΫϥεʹݶΓ
 Promise
    Λฦ͢ϝ ιο υͷ໋໊͸ඞͣ
    *AsPromise()
    ʹ͠ͳ͚Ε͹ͳΒͳ͍
    ˙ ܕ͕
    ChangeDetectorRef
    ͷม਺໊͸ඞͣ
    cdRef
    ʹ͠ͳ͚Ε͹ͳΒͳ͍
    ˙ window
    Λ࢖͍ͬͯͨΒඞͣ
    WindowRef.nativeWindow
    Λ࢖͏ Α ͏ܯࠂ
    ˙ ͳͲ
    ˙ Ҋ݅ͷ୲౰ΤϯδχΞ͕ෳ਺໊ͱ͍͏ن໛ͳͷͰɺ ίʔσΟ ϯάελΠϧͷ8JLJΛ
 อक͢Δ͘ Β͍ͳΒࣗ࡞ϧʔϧΛอकͨ͠ํׂ͕ʹ߹͏ ͱ൑அ
    ˙ ਓ͕ؒϨϏϡʔͰۤ࿑͢Δͷ΍ΊΑ ͏ ۀ຿Ͱͷࣗ࡞ϧʔϧྫ
31. ࣮຿෩ܠ
    ςε τฤ
32. ςε τΛॻ͍͍ͯΔγʔϯ ˙ ʮ݁߹ςε τͰೖྗ͔ΒΤϯυϙΠϯ τ·ͰΛࢼݧͯ͠Δ͚Ͳɺ 
 ໢ཏͰ͖ͯΔ͔ෆ҆ͩʯ
    ˙ ʮͦΕͳΒɺ ςε τ࣮ߦ࣌ʹΧόϨοδΛ༗ޮʹ͢Δͱ͍͍Α ʂ ʯ
33. ΧόϨοδ ˙ "OHVMBS
    $-*͸ΧόϨοδऔಘ·Ͱαϙʔ τ͍ͯ͠Δ
    ˙ *TUBOCVM
    ˙ https://github.com/gotwarlost/istanbul
    ˙ ng test --single-run --code-coverage
    ˙ ͜ͷͱ͖ʹ࣮ߦ͞Εͨςε τͷΧόϨοδ ɾ Ϩϙʔ τ͕ग़ྗ͞ΕΔ
34. $*Λճ͢γʔϯ ˙ $JSDMF$*઒ΛோΊΔΤϯδχΞ
    ˙ ʮ͋ʔɺ ςε τམͪͨɻ ੺͘ͳͬͯΔʯ
    ˙ ʮͲΕͲΕ ʁ ʯ
35. $*Λճ͢γʔϯ ͳΜ͔େྔͷϩά ʂ ʂ
36. "OHVMBS
    $-*ͷΦϓγϣϯΛ׆༻͠Α ͏ ˙ $*্ͳͲͰ͸ɺ ϓϩάϨεදࣔΛͦͷ··ग़ྗͯ͠͠·͍ಡΈʹ͍͘
    ˙ ΦϓγϣϯͰ໧ΒͤΔ
    ˙ ྫ͑͹ςε τͩͱ
    ˙ ng test --single-run --progress false --reporters dots
    ˙ ϩά͕εοΩ Ϧ
    ˙ ςε τͷਐḿදࣔ΋ͬ͘͟ ΓΧο τ
    ˙ ͜͏͍͏ Φϓγϣϯ͕͠͹͠͹༻ҙ͞Ε͍ͯΔ
37. ༻ҙ͞ΕͨΦϓγϣϯΛͲ͏΍ͬͯ֬ೝ͢Δ͔ ˙ "OHVMBS
    $-*νʔ τγʔ τ
    ˙ http://qiita.com/armorik83/items/5ad850b78e5893d41570
    ˙ $-*্Ͱ֬ೝ͢Δํ๏
    ˙ ng help
    ˙ ൒෼͘ Β͍͸͜͜Ͱ෼͔Δ
    ˙ ࣮૷ΛಡΜͩ΄͏͕ૣ͍
    ˙ ྫ͑͹
    ng g component
    ͷΦϓγϣϯ͸͜͜ʹ͋Δ
 https://github.com/angular/angular-cli/blob/v1.0.0-rc.2/packages/%40angular/cli/blueprints/component/index.ts#L40-L105
    ˙ ng build
    ΍
    ng serve
    ͳͲͷίϚϯυ͸͜͜
 https://github.com/angular/angular-cli/blob/v1.0.0-rc.2/packages/%40angular/cli/addon/index.js#L13-L37
38. ࣮຿෩ܠ
    ೲ඼ฤ
39. ͊͞ೲ඼ͩ ˙ ݱҊ݅Ͱ͸ɺ ఆظతʹਐḿΛೲ඼͢Δ࢓૊Έʹͳ͍ͬͯΔ
    ˙ CSBODIنଇ
    ˙ NBTUFS
    ˙ ೲ඼͢ΔલʹEFWFMPQΛNFSHFͯ͠5BH෇͚
    ˙ EFWFMPQ
    ˙ ϝΠϯͷCSBODI
    ˙ UPQJDJTTVFOO
    IPUGJYJTTVFOO
    ˙ *TTVF୲౰ऀ͕ਵ࣌࡞੒
40. "OHVMBS
    $-*Ͱೲ඼෺ΛϏϧ υ ˙ npm run build
    ͷ಺༰Λ࣍ͷΑ ͏ʹ͍ͯ͠Δ
    ˙ ng build --aot -e prod --progress false
    ˙ "P5
    $PNQJMFΛ࣮ࢪ
    ˙ environment
    Λ
    production
    ʹઃఆ
    ˙ $*Ͱͷϩά͕൥͘ͳΒͳ͍Α ͏ରࡦ
41. "P5
    $PNQJMF ˙ "IFBE
    PG
    5JNF
    $PNQJMF
    ʢࣄલίϯύΠϧʣ
    ˙ "OHVMBSͷςϯϓϨʔ τ)5.-ʹؚ·ΕΔಛघͳߏจΛࣄલʹ͢΂ͯύʔε
    ˙ )5.-Λ࢒ͣ͞ʹશͯ+BWB4DSJQUιʔείʔ υͱͯ͠ग़ྗ
    ˙ ΞϓϦέʔγϣϯ࣮ߦ࣌ͷϥϯλΠϜ ɾ ύʔεͷෛՙΛ࡟ݮͰ͖Δ
    ˙ ೲ඼෺΍σϓϩΠ಺༰ʹ͸"P5Λద༻ͨ͠ํ͕͍͍
42. ։ൃ࣌ͷޮ཰ͷྑ͍ίϯύΠϧ ˙ "P5ͷରٛޠ͸+*5
    +VTU
    *O
    5JNF
    $PNQJMF
    ˙ ng serve
    Λ࣮ߦͯ͠։ൃΛਐΊΔͱ͖
    ˙ ng serve --aot
    ͱ͢ΔͱϏϧυʹֻ͕͔࣌ؒΔͷͰΦεεϝ͠ͳ͍
    ˙ --aot
    Λ࣮ߦ͠ͳ͍ͱݕ஌Ͱ͖ͳ͍ίϯύΠϧΤϥʔ΋͋ΔͷͰ
 $*Ͱ͸ඞͣ
    --aot
    Λ࣮ߦ͓ͤͯ͘͞
43. $-*؀ڥ֦ுͷੋඇ
44. ˙ ౰વ͚ͩͲɺ ςε τ΋#MVFQSJOUT΋ࣗ࡞ϧʔϧ΋ɺ ϓϩάϥϜͰ͋ΔҎ্෗Δ
    ˙ ඞཁ࠷খݶͷ಺༰Λγϯϓϧʹ࣮૷
    ˙ ެࣜͷ࣮૷ʹࣅͤͨॻ͖ํ
    ˙ ͜ΕΒ͕कΕͳ͍Α ͏ͳΒෛ࠴Խ͢Δ
    ˙ ΍ΔͳΒ͹อकΛ৫ΓࠐΜͰݕ౼͢΂͖
    ˙ ϓϩμΫ τͱҧࣺͬͯܿͯ͘Δ͜ͱ΋ؚΉ ࣗ࡞ͷෛ࠴Խ
45. ˙ ͜ΕΒΛࣗ࡞͢Δ͜ͱͰզʑ͸ԿΛಘΒΕΔ͔ ʁ
    ˙ ຬ଍ΛಘΔ͚ͩͳΒ΍Ίͨ΄͏͕͍͍
    ˙ खஈͷ໨తԽ͸͢Δͳ
    ˙ ࠷ॳʹ͔ͬ͠ΓΞϓϦέʔγϣϯશମΛઃܭ
    ˙ ࢼߦࡨޡ΋ܦͯඞཁͳ΋ͷ͕ݟ͔͑ͯΒ෦඼Խ͢Δͷ͕Α͍ Ͳ͏͍͏ ͱ͖ʹ΍Δ͔
46. એ఻
47. $PEF(SJE ˙ ࣥචਞ͸ݱ໾ͷϑϩϯ τΤϯυ ɾ ΤϯδχΞ
    ˙ جૅ͔Β࠷৽τ Ϩϯυٕज़·Ͱ
    ˙ ϓϩͱͯ͠ͷ࢓ࣄͷ࣭΋޲্ͤ͞Δ৘ใ
    ˙ ಡΈ͍ͨͱ͖ʹ͙͢ಡΊΔ
    ֹ݄ԁ ʢ੫ൈʣ 
 ΫϨδο τΧʔ υɺ 1BZ1BMࢧ෷͍ͳΒ೔ؒແྉ IUUQTXXXDPEFHSJEOFU
48. OHKBQBO
     IUUQOHKBQBOPSH
49. +PJO
    OHKBQBO
    PO
    4MBDL IUUQTOHKBQBOJOWJUFIFSPLVBQQDPN
50. 5IBOL
    ZPV
    $ ng make-this-awesome