TypeScriptでつくるNode.jsパッケージ

Fukuoka.js #8「TypeScript」

Transcript

1. 5ZQF4DSJQUͰͭ͘Δ
   /PEFKTύοέʔδ
   'VLVPLBKT
   
   ň5ZQF4DSJQUʼn גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ
2. ©2019 Yusuke Hirao גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ
   ฏඌΏ͏ͯΜ 5ZQF4DSJQUͰͭ͘Δ
   /PEFKTύοέʔδ
   'VLVPLBKT
   
   ň5ZQF4DSJQUʼn
3. ©2019 Yusuke Hirao ࣗݾ঺հ ฏඌ
   ༏యʢͻΒ͓
   Ώ͏ͯΜʣ
   גࣜձࣾσΟʔθϩ
   8FCΞΫηγϏϦςΟΤϯδχΞ
   ϑϩϯτΤϯυΤϯδχΞ
   #-0(
   IUUQTOPUFNVZVTVLFIJSBP Yusuke Hirao @cloud10designs
4. ©2019 Yusuke Hirao ͜Μͳͷ࡞ͬͯ·͢ KBDPKT
   ೔ຊޠ༻จࣈม׵ϥΠϒϥϦ NBSLVQMJOU
   )5.-ϦϯλʔόϦσʔλʔ
5. ©2019 Yusuke Hirao ࠓ೔͸ͳ͢͜ͱ ࠷௿ݶͷϛχϚϜͳ
   tsconfig.json packge.json ઃఆʹ͍ͭͯ
6. ©2019 Yusuke Hirao ࠓ೔͸ͳ͞ͳ͍͜ͱ ܕͷ͸ͳ͠
   NPOPSFQPʹ͍ͭͯ
7. ©2019 Yusuke Hirao ΞδΣϯμ 
   ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ
   
   ઃఆ
   
   Ϗϧυ͢Δ
   
   ύϒϦογϡ͢Δ
8. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ
9. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ ϦϙδτϦͷσΟϨΫτϦߏ੒ +BWB4DSJQUϑΝΠϧ΍
   ܕఆٛϑΝΠϧʢ*.d.tsʣͳͲͷॻ͖ग़͠ઌ w OQNͰެ։͢ΔϑΝΠϧ܊ΛೖΕΔɻ
   w HJUͰ͸আ֎͢Δɻ
   w ໊લ͸
   lib
   Ͱ΋
   dist
   Ͱ΋ԿͰ΋͓޷ΈͰɻϞδϡʔϧʹύεࢀ রͰ͖Δύοέʔδʢ5SFF
   4IBLJOHͷͨΊͩͬͨΓʣʹ͍ͨ͠৔ ߹ɺσΟϨΫτϦ໊ͪΐͬͱॏཁɻʢྫ
   KBDPKTʣ import toHiragana from "jaco/fn/toHiragana"; toHiragana("ΧλΧφΛͻΒͳ͕ʹ");
10. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ ϦϙδτϦͷσΟϨΫτϦߏ੒ 5ZQF4DSJQUϑΝΠϧͳͲιʔείʔυஔ͖৔ w OQNͰެ։͠ͳ͍ʢͯ͠΋͍͍ʣɻ
    w ͜͜΋໊લ͸͓޷ΈͰɻ
11. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ ϦϙδτϦͷσΟϨΫτϦߏ੒ ϑΥϧμ͸ผʑ͕Φεεϝ w HJUOQNͷআ֎ઃఆָ͕ɻ
    w ܕఆٛϑΝΠϧʢ*.d.ts.mapʣͷιʔεϚοϓΛར༻Ͱ͖Δɻ
12. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ ॻ͖ग़͢+4ͷόʔδϣϯʢtargetʣ es5 es2017 esnext
    ϝϦοτ
    ͲΜͳ؀ڥͰ΋ಈ͘
    /PEFKT
    WҎ্
    ͳΒಈ͘
    import.meta
    ରԠ
    ʢ&4.ʹඞਢʣ
    σϝϦοτ
    async/await
    ΍
    
    for..of
    ͳͲ͕
    ϨΨγʔίʔυม׵͞ΕΔ
    ϒϥ΢βͰ࢖͏৔߹͸
    CBCFMͳͲ͕ඞཁʹͳΔ
    ී௨ʹ࢖͏ͳΒ
    CBCFMͳͲ͕ඞཁ
13. ©2019 Yusuke Hirao ίʔυΛॻ͘લʹܾΊ͓ͯ͘͜ͱ ॻ͖ग़͢+4ͷϞδϡʔϧγεςϜʢmoduleʣ commonjs esnext ͦͷଞ
    ϝϦοτ
    ݱࡏͷඪ४
    import.meta
    ରԠ
    ʢ&4.ʹඞਢʣ ͠ΒΜ
    σϝϦοτ
    &4.Ͱ࢖͑ͳ͍
    ී௨ʹ࢖͏ͳΒ
    CBCFMͳͲ͕ඞཁ Θ͔ΒΜ
14. ©2019 Yusuke Hirao ઃఆ
15. ©2019 Yusuke Hirao ઃఆ $ yarn init { "name": "@yusukehirao/sample", "version": "0.1.0-alpha.0", "main": "lib/index.js", "author": "Yusuke Hirao <yusukehirao@me.com>", "license": "MIT" } ࣮ݧͷࡍ͸4DPQFE
    QBDLFHFʹ͠·͠ΐ͏ ઌʹܾΊͨσΟϨΫτϦ಺ͷΤϯτϦʔϑΝΠϧ import sample from "@yusukehirao/sample"; ௨ৗͷ
    import
    ࣌ͷࢀরઌʹͳΔ package.json
16. ©2019 Yusuke Hirao ઃఆ $ yarn add -D typescript ίϯύΠϥΛΠϯετʔϧ { "name": "@yusukehirao/sample", "version": "0.1.0-alpha.0", "main": "lib/index.js", "author": "Yusuke Hirao <yusukehirao@me.com>", "license": "MIT", "devDependencies": { "typescript": "^3.4.5" } } package.json
17. ©2019 Yusuke Hirao ઃఆ $ ./node_modules/.bin/tsc —init { "compilerOptions": { "target": "es2017", "module": "commonjs", "declaration": true, "declarationMap": true, "sourceMap": true, "outDir": "./lib", "rootDir": "./src", "strict": true, "esModuleInterop": true } } tsconfig.json ܾΊͨॻ͖ग़͠ઌͱιʔείʔυஔ͖৔ ܾΊͨ&4όʔδϣϯϞδϡʔϧγεςϜ
18. ©2019 Yusuke Hirao ઃఆ $ ./node_modules/.bin/tsc —init { "compilerOptions": { "target": "es2017", "module": "commonjs", "declaration": true, "declarationMap": true, "sourceMap": true, "outDir": "./lib", "rootDir": "./src", "strict": true, "esModuleInterop": true } } tsconfig.json ܕఆٛϑΝΠϧͱιʔεϚοϓϑΝΠϧͷ
    ੜ੒Λ༗ޮʹ͓ͯ͘͠
19. ©2019 Yusuke Hirao ઃఆ ίϯύΠϧίϚϯυΛొ࿥ tsc ίϚϯυΛొ࿥͓ͯ͘͠ { "name": "@yusukehirao/sample", "version": "0.1.0-alpha.0", "main": "lib/index.js", "author": "Yusuke Hirao <yusukehirao@me.com>", "license": "MIT", "scripts": { "build": "tsc", "prepack": "tsc" }, "devDependencies": { "typescript": "^3.4.5" } } package.json w Φϓγϣϯ͸
    tsconfig.json
    ʹॻ͍͓͚ͯ ͹جຊ͍Βͳ͍ɻ
    w prepack
    εΫϦϓτ͸ύοέʔδެ։࣌ͷ Ϗϧυ๨Ε๷ࢭɻ
20. ©2019 Yusuke Hirao ઃఆ ܕఆٛϑΝΠϧΛొ࿥ ΤϯτϦʔϑΝΠϧͷܕఆٛϑΝΠϧͷύε { "name": "@yusukehirao/sample", "version": "0.1.0-alpha.0", "main": "lib/index.js", "types": "lib/index.d.ts", "author": "Yusuke Hirao <yusukehirao@me.com>", "license": "MIT", "scripts": { "build": "tsc", "prepack": "tsc" }, "devDependencies": { "typescript": "^3.4.5" } } package.json w ܕ৘ใΛఏڙͰ͖Δɻ
    w Α͘ @types/xxxxx
    Ͱࢀর͢Δ
    %FpOJUFMZ5ZQFE%FpOJUFMZ5ZQFE
    ʹ13 ૹΔඞཁͳ͍ɻ
21. ©2019 Yusuke Hirao Ϗϧυ͢Δ
22. ©2019 Yusuke Hirao Ϗϧυ͢Δ $ yarn build
23. ©2019 Yusuke Hirao Ϗϧυ͢Δ $ yarn build
24. ©2019 Yusuke Hirao ύϒϦογϡ͢Δ
25. ©2019 Yusuke Hirao ύϒϦογϡ͢Δ $ touch .npmignore ύοέʔδʹؚ·ͳ͍ϑΝΠϧͷআ֎ઃఆΛ͢Δ src tsconfig.json tsconfig.tsbuildinfo .npmignore w package.json
    ͷ
    files
    ʹύοέʔδʹؚΊ ͍ͨϑΝΠϧͷϗϫΠτϦετΛॻ͍ͯ΋Α ͍ɻ
    w .npmignore͔files͕ͳ͍ͱɺ.gitignore Λআ֎ઃఆͱΈͳ͢ͷͰɺॻ͖ग़͠ઌͷσΟϨ ΫτϦ͕ύοέʔδʹೖΒͳ͍൵ࢂͳ͜ͱʹͳ Δ
26. ©2019 Yusuke Hirao ύϒϦογϡ͢Δ $ npm publish
27. ©2019 Yusuke Hirao ύϒϦογϡ͢Δ ܕఆٛϑΝΠϧ΋ެ։͍ͯ͠ΔͷͰɺ
    5ZQF4DSJQU͔Β͸΋ͪΖΜɺ+BWB4DSJQUͰ΋ܕΛࢀরͰ͖Δ
28. 5ZQF4DSJQUͰ
    ར༻ͯ͠΋Β͑·͢Αʔʹ
    
29. גࣜձࣾσΟʔθϩ 8FCΞΫηγϏϦςΟΤϯδχΞ
    ฏඌΏ͏ͯΜ 5ZQF4DSJQUͰͭ͘Δ
    /PEFKTύοέʔδ
    'VLVPLBKT
    
    ň5ZQF4DSJQUʼn