TypeScriptでDXを上げろ！ Hono編

;FOODBGF೔ൺ୩ 5ZQF4DSJQUͰ%9Λ্͛Ζʂ )POPฤ :VTVLF8BEB

.F w :VTVLF8BEB w 8FCGSBNFXPSLEFWFMPQFS w 4FOJPS%FWFMPQFS"EWPDBUF !$MPVE fl BSF
w #PLFUFDPGPVOEFS w $SFBUPSPG)POP w IUUQTHJUIVCDPNZVTVLFCF

ࠓ೔ͷςʔϚ 5ZQF4DSJQU

5ZQF4DSJQUͱ%9 w 5ZQF4DSJQU͸%FWFMPQFS&YQFSJFODF ։ൃऀମݧ Λ޲্ͤ͞Δ w ΤσΟλͷิ׬ w ࣮ߦલʹΤϥʔʹؾͮ͘ w
υΩϡϝϯτ͕ͳͯ͘΋ʮͳΜͱͳ͘ʯઌ͕ಡΊΔ

ྫϔομʔ໊ͷิ׬

)POPͱ5ZQF4DSJQU w ࠷ॳ͸+BWB4DSJQUͰ࡞ΒΕ͍͕ͯͨɺૣʑʹ5ZQF4DSJQU΁Ҡߦ w %9͕༏Ε͍ͯΔେ͖ͳཁҼʹ5ZQF4DSJQUͷܕαϙʔτΛڍ͍͛ͯΔ

ܕʹ·ͭΘΔ֤τϐοΫΛ঺հ͠·͢ w DSFRQBSBN ͷিܸ w #JOEJOHT7BSJBCMFT w 31$ͷ஀ੜ w )POP31$ʹ͍ͭͯ
w $MJFOU͸1SPYZʹܕΛ͚͍ͭͯΔ w 7BMJEBUPSͷઃܭ w ܕͷύϑΥʔϚϯε໰୊

DSFRQBSBNͷিܸ

DSFRQBSBNͷিܸ w 13ʮ"EEFEUZQFUPDSFRQBSBNLFZʯͰಋೖ͞Εͨ w ύεύϥϝʔλͷΩʔ͕จࣈྻϦςϥϧܕʹͳΔ

DSFRQBSBN ʹܕ͕ͭ͘ QPTUTDPNNFOUT QPTU*E DPNNFOU*E

࣮૷DSFRQBSBN

#JOEJOHT7BSJBCMFT

#JOEJOHT7BSJBCMFT w #JOEJOHT$MPVE fl BSFɺ"84-BNCBEBFUDͷ؀ڥґଘͷม਺΍ΦϒδΣ Ϋτͷܕ w 7BSJBCMFTDTFUDHFUͰઃఆɾऔಘՄೳͳ஋ͷܕ

ྫ#JOEJOHT7BSJBCMFT

ྫDFOWʹܕ͕ͭ͘

5JQT$MPVEGMBSFͷ#JOEJOHT w AXSBOHMFSUZQFTAίϚϯυͰXSBOHMFSKTPODʹఆٛͨ͠#JOEJOHT ͔Βܕੜ੒ͯ͠XPSLFSDPO fi HVSBUJPOEUTΛ࡞ͬͯ͘ΕΔ

31$ͷ஀ੜ

31$ͷ஀ੜ w αʔόʔ͕͋ͬͯΫϥΠΞϯτ͕઀ଓ͢Δ৔߹ͷ࿩ w ࠷ॳ͸U31$.JEEMFXBSFΛ࡞͍ͬͯͨ w )POPಠࣗͷ31$΋࡞ΕΔͷͰ͸ͳ͍͔ʁ w αʔόʔαΠυ͔ΒܕΛڞ༗ w
ΫϥΠΞϯτΛ৽ͭͬͯ͘͘͠ܕΛཧղ͢Δ

U31$ w αʔόʔαΠυͰ"1*Λఆٛ w "1*ఆٛ ϝιουҾ਺ฦΓ஋ Λ5ZQF4DSJQUͷܕͰڞ༗ w ΫϥΠΞϯταΠυͰܕΛಡΈࠐΉͱΫϥΠΞϯτͰܕ͕ޮ͘

U31$αʔόʔαΠυ IFMMPͱ͍͏ΤϯυϙΠϯτ͕ RVFSZʹ{ name: string, age: number}Λ ظ଴͍ͯ͠Δ

U31$ΫϥΠΞϯταΠυ AIFMMPRVFSZA͕ύεͱͯ͠ੜ͑Δ {name:string; age:number}͕ Ҿ਺Ͱ͋Δ͜ͱ͕Θ͔Δ

)POPಠࣗͷ31$Λ࡞Εͳ͍͔ w 13ʮUSQDBEBQUFSʯͷίϝϯτͰ ఏҊ͞Εͨ w ʮU31$Ͱ͸ͳ͘ɺ)POP༻ʹωΠςΟϒ ͷ1SPYZΫϥΠΞϯτΛ࡞੒͢Δํ͕ྑ ͍ͷͰ͸ͳ͍͔ʁͦͷํ͕ͣͬͱγϯϓ ϧͰ৴པੑ͕ߴ͍ͱࢥ͏ʯ
W Ͱ31$ػೳ͕ಋೖ

)POP31$ʹ͍ͭͯ

)POPͷ31$ಛ௃ w ൚༻తͳόϦσʔλɺGFUDIϥούʔͷΫϥΠΞϯτ AIDA ΛAIPOPA͕ఏڙ w ;PEɺ7BMJCPUɺ"SL5ZQFͳͲόϦσʔγϣϯϥΠϒϥϦͰεΩʔϚఆٛ w όϦσʔγϣϯର৅ΫΤϦɺϑΥʔϜϘσΟɺ+40/ϘσΟɺϔομFUD w
Ϩεϙϯε͸ADKTPO AΛฦ͚ͩ͢ w )POPΦϒδΣΫτͷܕΛڞ༗ͯ͠ΫϥΠΞϯτͷδΣωϦΫεʹ౉͢ w ύεͱϦΫΤετ߲໨͕ิ׬͞ΕΔ w ฦ͖ͬͯͨ3FTQPOTFͱ+40/ϘσΟʹܕ͕͍͍ͭͯΔ

"1*ͷྫ (&5IFMMP OBNF)POP { message: “Hello Hono” } όϦσʔτ
⭕IFMMP OBNF)POP ❌IFMMP ❌IFMMP BHF

εΩʔϚΛఆٛ͢Δ TFSWFSUT { name: string} Λظ଴͢Δɾݕূ͢Δ

όϦσʔλʹ౉͢ TFSWFSUT ྫ ⭕IFMMP OBNF)POP ❌IFMMP ❌IFMMP BHF

όϦσʔτͨ͠஋Λऔಘ͢Δ TFSWFSUT IFMMP OBNF)POPͷ৔߹ { name: “Hono” } ͕ೖΔ

ϨεϙϯεΛฦ͢ TFSWFSUT { message: string } ͕ฦΓ஋ͷܕͩͱఆٛ͞ΕΔ

αʔόͷܕΛFYQPSU͢Δ TFSWFSUT )POPΠϯελϯεͷܕΛऔΔ BQQHFU ͸ܕ͖ͭͷ)POPΠϯελ͢Λฦ͢

AID AͷδΣωϦΫεʹαʔόͷܕΛ౉͢ DMJFOUUT

ύεͱҾ਺ʹܕ͕ͭ͘ DMJFOUUT (&5IFMMP OBNF)POP Λ͍ͯ͠Δ

ASFTKTPO Aʹ݁Ռʹܕ͕ͭ͘ DMJFOUUT { message: string } ͷܕ͕ͭ͘

εΩʔϚͷมߋΛͨ͠ΒܕΤϥʔ͕ग़Δ

)POPΠϯελϯεͷฦΓ஋ͷܕ͕"1*Λද͢ (&5AIFMMPA ΫΤϦύϥϜʹOBNFΛظ଴͢Δ +40/Ϩεϙϯε ελʔςε { message: string }

$MJFOU͸1SPYZʹܕΛ͚͍ͭͯΔ

+BWB4DSJQUͷA1SPYZA w +BWB4DSJQUͷ1SPYZ͸ɺΦϒδΣΫτʹର͢Δૢ࡞ʢϓϩύςΟΞΫηεɺؔ ਺ݺͼग़͠ͳͲʣΛԣऔΓͯ͠ɺΧελϜͷಈ࡞ΛఆٛͰ͖Δ࢓૊Έ ྫ͑͹ύεͱϝιουΛνΣʔϯͰදݱͰ͖Δ ࣮૷ྫ

ύεɺϝιουɺύϥϝʔλɺϨεϙϯεʹܕΛ͚͍ͭͯΔ Ϩεϙϯε ύεɾϝιου ύϥϝʔλ

݁Ռ ύε ϝιου ύϥϝʔλ Ϩεϙϯε 💡͋͘·ͰAGFUDIAͷϥούʔ ͳͷͰϨεϙϯε͸3FTQPOTF ΦϒδΣΫτ

όϦσʔλͷઃܭ

όϦσʔλͷઃܭ w AIPOPWBMJEBUPSA͸ബ͍ w ϛυϧ΢ΣΞʹͳ͍ͬͯΔ w όϦσʔγϣϯϩδοΫΛ࣋ͨͳ͍ w ର৅ͷ஋ΛόϦσʔγϣϯؔ਺ʹ౉͚ͩ͢ w
ܕఆٛ

AIPOPWBMJEBUPSAΛૉͰ࢖͏ ΫΤϦύϥϝʔλͷ஋͕དྷΔ { name: “Hono” } ݕূͨ݁͠ՌΛฦ͢ { name: “Hono”
} ܕ͕ࣗಈతʹͭ͘ { name: string }

;PE7BMJEBUPSͷ࣮૷ w AIPOPWBMJEBUPSAΛϥοϓ w όϦσʔγϣϯؔ਺Λ࣮૷ w TDIFNBQBSTF ૬౰Λ࣮ߦ

όϦσʔλϛυϧ΢ΣΞ w "SL5ZQFWBMJEBUPS w &GGFDU4DIFNB7BMJEBUPS w 4UBOEBSE4DIFNB7BMJEBUPS w 5ZQF#PY7BMJEBUPS w
5ZQJB7BMJEBUPS w VOLOPXOVUJM7BMJEBUPS w 7BMJCPU7BMJEBUPS w ;PE7BMJEBUPS 💡4UBOEBSE4DIFNBʹد͍ͤͯ͜͏ͱ͍͏࿩͕͋Δ

ܕͷύϑΥʔϚϯε໰୊

ܕͷύϑΥʔϚϯε໰୊ w ܕఆ͕ٛෳࡶ w νΣʔϯ͢Δ͜ͱͰܕ͕ੵΈ্͕͍ͬͯ͘

஗͘ͳΔPSܕΛࣦ͏ w ྫ w ϧʔτͷ਺͕ͩͱิ׬͕஗͍ w ϧʔτͷ਺͕ͩͱܕΛࣦ͏ ͩͱBOZʹͳΔ

ରࡦ w ܕఆٛΛγϯϓϧʹ͢Δ w ύϑΥʔϚϯεͷଌఆ w σόά͢Δ w UTHP΁ͷظ଴

ܕఆٛΛγϯϓϧʹ͢Δ w AUZQFTUTA w ෳࡶɾ৑௕ͩͬͨΓ͢Δ w ߦ͋Δ

ύϑΥʔϚϯεଌఆ w AUTDEJBHOPTUJDTA w $*Ͱଌఆ݁Ռ͕෼͔ΔΑ͏ʹͳ͍ͬͯΔ w 5PUBMUJNF͸͹Β͖͕ͭ͋Δ w *OTUBOUJOBUJPOTΛݟ͍ͯΔ

σόά͢Δ w AUTDHFOFSBUF5SBDFA w ग़ྗͨ͠USBDFKTPOΛ$ISPNF ΍1FSGFUUPʹಡΈࠐ·ͤΔ

UTHP΁ͷظ଴ w ίϯύΠϥ΍ΤσΟλଆͷύ ϑΥʔϚϯε্͕͕Ε͹͍͍ͱ ͍͏ൃ૝ w AUTHPAͷ/BUJWF1SFWJFXͩͱ ݄ʹଌఆͯ͠ഒ଎͘ͳͬͨ

ܕͷύϑΥʔϚϯε͸࠷ॏཁ՝୊ w ࠓ͸ϥϯλΠϜͷ࣮ߦΑΓ΋ܕ͕໰୊ʹͳΔ৔߹͕͋Δ w ͦ΋ͦ΋"1*Λม͑Δ͜ͱ΋͋Γ͏Δ w ؤுΓ·͢

·ͱΊ

ࠓ೔΍ͬͨ͜ͱ w DSFRQBSBN ͷিܸ w #JOEJOHT7BSJBCMFT w 31$ͷ஀ੜ w )POP31$ʹ͍ͭͯ
w $MJFOU͸1SPYZʹܕΛ͚͍ͭͯΔ w 7BMJEBUPSͷઃܭ w ܕͷύϑΥʔϚϯε໰୊ )POP͸5ZQF4DSJQUΛ׆༻ͯ͠%9 Λ্͍͛ͯΔ

)POPΛࢀߟʹ 5ZQF4DSJQUΛ׆༻ͯ͠Έ͍ͯͩ͘͞

TypeScriptでDXを上げろ！ Hono編

TypeScriptでDXを上げろ！ Hono編

More Decks by Yusuke Wada

Other Decks in Programming

Featured

Transcript