TypeScriptの型定義をPRする技術

TypeScript ͷܕఆٛΛ  13͢Δٕज़ ZQSFTUP:VZB5BOBLB  LBOTBJUT Picture: Ron Clausen (CC-BY-SA 4.0)
with trimming & color filter applied by ypresto  ஫ɿͪΌΜͱTSͷαΠτͱಉ͡γΞτϧͷը૾Ͱ͢

!ZVZB@QSFTUP !ZQSFTUP DPEF5BLUֶߍڭҭܥΤϯδχΞ ϑϧϦϞʔτอҭ࢜ࢿ֨ :VZB5BOBLB bit.ly/ypresto-d-ts

ۀ຿࿈བྷɿϩΫʹφϨοδγΣΞ΋ͤͣ͢Έ·ͤΜͰͨ͠ɾɾ ͋ɺͰ΋͜ͷ2JJUBهࣄॻ͍ͯͨ ʢ࡟আ௒ա෼͸ZBSOMPDLʣ bit.ly/ypresto-d-ts

"UMFBTU13T bit.ly/ypresto-d-ts

ܕఆٛΛॻ͘ bit.ly/ypresto-d-ts

߇͑Ί͕ա͗Δ P0ʢϥΠϒϥϦͷJNQPSUʹ͚ͩ༗ޮͳOP*NQMJDJU"OZ୭͔࡞͍ͬͯͩ͘͞ʂʂ

ॳڃฤ

தڃฤ

্ڃฤ

13Ͱ͖ΔܕΛ࡞Γ্͛Δ·Ͱ IUUQTHJUIVCDPNGOBOEPJOKT IUUQTHJUIVCDPN%FGJOJUFMZ5ZQFE%FGJOJUFMZ5ZQFEUSFF FDDECGFBBEECFUZQFTJOKT ʢ୹ॖˠIUUQCJUMZZQSFTUPEUJOKTʣ ˢ࡞ͬͯ13ͨ͠

ܕ৘ใΛऩू͢Δʢਓྗʣ

υΩϡϝϯτ͔Β αϯϓϧίʔυ͔Β ຊମͷίʔυ͔Β

υΩϡϝϯτ͔Β

αϯϓϧίʔυ͔Β

αϯϓϧίʔυ͔Β υΩϡϝϯτ͔Β  ੾Γग़ͯ͠ܕͷςετʹʂ

ຊମͷίʔυ͔Β

ຊମͷίʔυ͔Β ਖ਼͚֬ͩͲ  ͿͬͪΌ͚େม  ֬ೝ࣌ʹGood ͋ͱυΩϡϝϯτ͞Εͯͳ͍  ύϥϝʔλ΋ݟ͔ͭΔʁ

ܕఆٛͳΒͰ͸ͷ  ͓࡞๏

FYQPSU OBNFTQBDF ܕͷFYQPSU

͜Ε͡ΌμϝͳΜʁ  ⾣export defaultΛฒ΂ͯॻ͘ͱյΕΔϥΠϒϥϦ͕ଟ͍ ͜ͷॻ͖ํ͸ES ModulesͷϥΠϒϥϦઐ༻

ʢesModuleInterop͕Φϑͷͱ͖ʣ  ࣮ߦ࣌ʹTypeError ʮdayjs_1.default is undefinedʯ ྫɿexport =Ͱॻ͔Ε͍ͯΔdayjsͷ ܕఆٛΛexport defaultʹͯ͠ΈΔ ˢจݴ͸ద౰

FYQPSU 54&4.PEVMFT $PNNPO+4 FYQPSUEFGBVMU'PP NPEVMFFYQPSUTEFGBVMU JNQPSU'PPGSPNGPP WBS'PPSFRVJSF GPP EFGBVMU FYQPSU'PP54ઐ༻
NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP JNQPSU'PPSFRVJSF GPP 54 WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP

NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP JNQPSU'PPSFRVJSF GPP 54 WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP ݱ୅ɺଟ͘͸ͬͪ͜ͷ͸ͣ  ʢbabelͯ͠Δ৔߹ͱ͔ʣ

NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP JNQPSU'PPSFRVJSF GPP 54 WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP NOTE: I18n.defaultLocale = 'ja' ͸ TSઐ༻requireͰॻ͔ͳ͍ͱͰ͖ͳ͍ ʢES Modules͸readonlyʣ

NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP  JNQPSU'PPSFRVJSF GPP 54 WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP esModuleInterop͸ ࢖͍खͰONͱ͸ݶΒͳ͍

FYQPSU OBNFTQBDF ܕͷFYQPSU

OBNFTQBDF WBS*O\^10+0΍GVODUJPOΛ༻ҙ͠ NPEVMFTFYQPSUT*O·ΔͬͱFYQPSUʂ ϓϩύςΟࢗͯ͠

dayjsؔ਺ΦϒδΣΫτʹ .locale() ΋ੜ͑ͯΔ ͦ͏ɺnamespaceͳΒͶ

FYQPSU OBNFTQBDF ܕͷFYQPSU ͓લ͸ɹɹ  ୭ͩʁ

FYQPSUBTOBNFTQBDF ϒϥ΢β௚loadͰ΋࢖͑Δ UMDܗࣜͷ৔߹͸ॻ͘ʂ ྫɿ window.$ ͱ͔ i18n-jsͷίʔυ

OBNFTQBDF FYQPSU ܕͷFYQPSU

ܕͷFYQPSU &4.PEVMFTͰUPQMFWFMʢ͔EFDMBSFNPEVMF௚ԼʣʹܕΛॻ͘৔߹ɺ ෳࡶͳҾ਺΍ฦΓ஋ͳͲɺඞཁͳܕʹ͸FYQPSUΛʂ /05&FYQPSUͨ͠OBNFTQBDFͷதͷܕ͸উखʹݟ͑Δ໛༷

ͦͷଞͷώϯτ ˔ ຊମʹ13͢Δͱ͖͸QBDLBHFKTPOʹUZQFTJOEFYEUTΛ௥Ճ ˔ %FGJOJUFMZ5ZQFEʹ13͢Δͱ͖͸$POUSJCVUJPOHVJEFΛಡΉ ˔ ෳ਺ϑΝΠϧͷϥΠϒϥϦ͸GPPCBSKTʹରԠͯ͠GPPCBSEUTΛ௥Ճ  ⾣JNQPSUGSPNIPHFGPPCBSͨ͠ͱ͖ʹಡΜͰ͘ΕΔ ˔ ϞνϕΛอͭʹ͸ɿࣗ෼ͷϓϩδΣΫτͷ 
EFDMBSFNPEVMFͷதͰॻ͖࢝ΊͯɺޙͰ13ʹ͢Δ

FAQʢʁʣ

2৽͍͠ϥΠϒϥϦʹ  ܕఆٛΛ͚ͭͯ ഑Γ͍ͨͷͰ͕͢ʁ

"ྩ࿨࣌୅ͷϥΠϒϥϦ͸  ࠷ॳ͔Β5ZQF4DSJQUͰ ॻ͖·͢ΑͶʁʁ

·ͱΊ ܕఆٛΛॻ͘ʹ͸ υΩϡϝϯτ͔Βܕ৘ใΛ αϯϓϧίʔυ͔ΒܕͷςετΛ ຊମͷίʔυͰর߹Λ ܕఆٛͷ͓࡞๏ FYQPSUʹඞཁͳΒOBNFTQBDFΛ ࢖͏ FYQPSUΛॻ͖෼͚Δ 6.%͸FYQPSUBTOBNFTQBDF
ܕ΋FYQPSUͯ͋͛͠Δ ܕͱ͸υΩϡϝϯτͰɺ ܕͱ͸ςετͩʂʂ

ॻ͍ͯͳ͍ͱ͜Ζ͸جຊBOZͳͷͰɺଞͷPQUJPOͰΤϥʔʹͳΓʹ͍͘ʢଟ෼ ࣮ࡍ͸΁λϨͩͬͨͷͰTUSJDU/VMM$IFDLTͱOP*NQMJDJU5IJT͚͔ͩΒͰͨ͠ɾɾ ༨ஊɿTUSJDU͠·ͤΜ͔ʁ

FYQPSU 54&4.PEVMFT $PNNPO+4 FYQPSUEFGBVMU'PP NPEVMFFYQPSUTEFGBVMU JNQPSU'PPGSPNGPP WBS'PPSFRVJSF GPP EFGBVMU FYQPSU'PP
NPEVMFFYQPSUT'PP JNQPSU\'PP^GSPNGPP WBS'PPSFRVJSF GPP 'PP FYQPSU'PP54ઐ༻ NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP

FYQPSU 54&4.PEVMFT $PNNPO+4 FYQPSUEFGBVMU'PP NPEVMFFYQPSUTEFGBVMU JNQPSU'PPGSPNGPP WBS'PPSFRVJSF GPP EFGBVMU FYQPSU'PP
NPEVMFFYQPSUT'PP JNQPSU\'PP^GSPNGPP WBS'PPSFRVJSF GPP 'PP FYQPSU'PP54ઐ༻ NPEVMFFYQPSUT JNQPSU BT'PPGSPNGPP WBS'PPSFRVJSF GPP FT.PEVMF*OUFSPQ͕0/ͷ৔߹ɺΑ͠ͳʹରԠ JNQPSU'PPGSPNGPP WBSGPPSFRVJSF GPP WBS'PPGPP͕&4.PEVMFT GPPEFGBVMUGPP import * as React from 'react' ▼ import React from 'react' import React, { useState } from 'react'

FYQPSU %FGJOJUFMZ5ZQFEΑΓMPEBTILFZ#ZEUT %FGJOJUFMZ5ZQFEΑΓMPEBTIFTLFZ#ZEUT

TypeScriptの型定義をPRする技術

TypeScriptの型定義をPRする技術

More Decks by ypresto

Other Decks in Technology

Featured

Transcript