Upgrade to Pro — share decks privately, control downloads, hide ads and more …

svelte_typescript_fukuoka_ts

 svelte_typescript_fukuoka_ts

622e438138519f0b3c2dbd50bc64a5a9?s=128

Wataru Morita

August 23, 2021
Tweet

More Decks by Wataru Morita

Other Decks in Technology

Transcript

  1. 4WFMUFͱ5ZQF4DSJQUͷ͓࿩ !UBTDSJQU 'VLVPLBUT

  2. ͔ͣΜ ৿ా࿱ !UBTDSJQUɺͨ͘͢Μ  (.0ϖύϘ ϑϩϯτΤϯυΤϯδχΞ 4WFMUF͸ॳ৺ऀ

  3. 4WFMUFͷ͓࿩Λ͠·͢

  4. 4WFMUF w એݴతͳهड़Ͱ6*Λੜ੒͢ΔͨΊͷϥΠϒϥϦ ࣮ଶ ͸ίϯύΠϥ  w 7VFKTͷ4'$ͬΆ͘هड़͢Δ͜ͱͰ6*Λੜ੒ w Ծ૝%0.ΛඞཁͱͤͣɺϏϧυ࣌ʹมߋ఺ΛهԱ͢

    Δ͜ͱͰύϑΥʔϚϯεΛվળ w ϑϨʔϜϫʔΫؚ͕·Εͳ͍ܗͰWBOJMMB+4ʹτϥϯ εύΠϧ͢Δ w ݁Ռͱͯ͠3FBDU΍7VFΑΓߴ଎ͳ࣮ߦΛ࣮ݱ͢Δ
  5. ྫTWFMUF TDSJQUλάʹϩδοΫΛهड़ 6*ͷهड़͸IUNMͱJNQPSUͨ͠
 ίϯϙʔωϯτʹΑΓੜ੒ TUZMFλάͰελΠϧͷઃఆ

  6. ։ൃʹ͍ͭͯ

  7. 4WFMUFXJUI5ZQF4DSJQU w ೥݄೔ʹ5ZQF4DSJQUΛαϙʔτ w 4WFMUFͷ࡞ऀ͸3PMMVQ΋࡞੒͍ͯ͠ΔͷͰɺαϙʔ τͷ؍఺Ͱ͍͏ͱ3PMMVQͱ7JUF ಺෦తʹ3PMMVQΛར ༻͍ͯ͠Δ Λ࢖༻ͯ͠Ϗϧυ͢Δͷ͕͍͍͔΋ XFCQBDL΋࢖͑Δ

     w 5ZQF4DSJQUΛ࢖༻ͨ͠Α͛͞ͳελʔλʔ͕ݟ͔ͭ Βͳ͍ 7JUFͷTDB⒎PMEͰ࡞੒ͨ͠ελʔλʔ͸ެࣜ Ͱଘࡏ͢Δ
  8. ͱ͍͏͜ͱͰ

  9. ελʔλʔΛ࡞ͬͯΈ·ͨ͠🎉 w 8FCQBDL൛ w IUUQTHJUIVCDPNUBTDSJQUZTS w 3PMMVQ൛ w IUUQTHJUIVCDPNUBTDSJQULON w

    7JUF൛ w IUUQTHJUIVCDPNUBTDSJQULHS
  10. ͜ΕΒͷςϯϓϨʔτΛ ϕʔεʹ࿩Λ͍͖ͯ͠·͢

  11. UTDPOpHKTPO ڞ௨ w !UTDPOpHTWFMUFΛFYUFOEͯ͠هࡌ͢Δ w JNQPSUT/PU6TFE"T7BMVFTlFSSPSz w TWFMUFͷϓϦϓϩηοαͰ͸JNQPSUͨ͠΋ͷ͕ܕ͔஋͔
 ൑அͰ͖ͳ͍ͷͰܕ৘ใͷࢀর͸JNQPSUUZQFͰߦ͏ w

    lTPVSDFNBQzlUSVFz w ίϯύΠϥʹΑΔXBSOJOH͓ΑͼFSSPSҐஔΛ
 ਖ਼͘͠ղऍͰ͖ΔΑ͏ʹඞཁ w lUZQFTz<lTWFMUFz>ͷهࡌ
  12. UTDPOpHKTPO 7JUF w lUZQFTz<lTWFMUFz lWJUFDMJFOUz>ͷهࡌ w σϑΥϧτͩͱ/PEFKTͷ"1*Λݟʹߦͬͯ͠·͏ͷͰ
 ΫϥΠΞϯταΠυͷܕΛࢀরͰ͖ΔΑ͏ʹઃఆ͢Δ
 ).3ͷ"1*ɺ7JUFͷ؀ڥม਺ 

  13. TWFMUFQSFQSPDFTT ڞ௨ w σϑΥϧτͰTDSJQUλά΍TUZMFλάΛղऍͯ͠τϥϯεύΠϧ͢Δ
 IUUQTTWFMUFEFWEPDTTWFMUF@QSFQSPDFTT  w TWFMUFQSFQSPDFTT ެࣜύοέʔδ Λ࢖༻͢Δ͜ͱͰ


    4$44΍5ZQF4DSJQUΛղऍͰ͖ΔΑ͏ʹ͢Δ w 5ZQF4DSJQUͷ৔߹͸TDSJQUλάʹMBOHlUTzΛ௥Ճ͢Δ
  14. XFCQBDLDPOpHUT w TWFMUFMPBEFSɺUTMPBEFSΛ࢖༻
 w TWFMUFMPBEFSͷPQUJPOTQSFQSPDFTTʹ
 TWFMUFQSFQSPDFTTΛઃఆ
 w XFCQBDL͸ઃఆͷ௥Ճ͕ඞཁ w NKTͷಡΈࠐΈ͕͏·͍͔͘ͳ͍ͬΆ͍ʁ


    IUUQTHJUIVCDPNTWFMUFKTTWFMUFMPBEFSVTBHF 

  15. SPMMVQDPOpHUT w SPMMVQQMVHVJOTWFMUFɺ
 !SPMMVQQMVHJOUZQFTDSJQUΛ࢖༻
 w SPMMVQQMVHVJOTWFMUFͷQSFQSPDFTTϓϩύςΟ
 ʹTWFMUFQSFQSPDFTTΛઃఆ
 w $PNNPO+4Λ&4.PEVMFT &4

    ͷܗʹ
 ίϯόʔτ͢ΔͨΊ!SPMMVQQMVHJODPNNPOKTΛ࢖༻ w 3PMMVQ͸&4ͷϞδϡʔϧγεςϜʹै͏
 w αʔυύʔςΟͷύοέʔδΛಡΈࠐΉͨΊʹ
 !SPMMVQQMVHJOOPEFSFTPMWFΛ࢖༻͢Δ
  16. WJUFDPOpHUT w !TWFMUFKTWJUFQMVHJOTWFMUFΛ࢖༻
 w !TWFMUFKTWJUFQMVHJOTWFMUFͷQSFQSPDFTT
 ϓϩύςΟʹTWFMUFQSFQSPDFTTΛઃఆ
 w ͱʹ͔͘DPOpH͕୹ͯ͘γϯϓϧ

  17. Ϗϧυ ઃఆ͸ઌͷ௨Γ w ZTS 8FCQBDL൛  w ଎౓T w ϑΝΠϧαΠζ,#

    w LON 3PMMVQ  w ଎౓T w ϑΝΠϧαΠζ,# w LHS 7JUF  w ଎౓T w ϑΝΠϧαΠζ,#
  18. ͑ɺ7JUF͘͢͝ͳ͍ʁ😳

  19. 7JUF w /BUJWF&4.ʹΑΔϞδϡʔϧͷಡΈࠐΈΛ࣮ࢪͨ͠
 ։ൃ؀ڥΛఏڙ͢Δ w $PNNPO+46.%Λ&4.ʹม׵͠ґଘؔ܎Λࣄલʹ
 όϯυϧ 1SF#VOEMJOH ͠ɺ࣮ࡍͷJNQPSU͸ϒϥ΢β্Ͱ࣮ࢪ͢Δ w

    ࣮࣭తͳόϯυϧ JNQPSUʹΑΔϞδϡʔϧͷಡΈࠐΈ͕׬ྃͨ͠ঢ়ଶ ͷόϯυϧ ͕ଘࡏ͠ͳ͍ͷͰ։ൃ༻αʔόʔͷ্ཱ͕ͪΓ͕଎͍ w 1SF#VOEMJOHʹ͸FTCVJME IUUQTHJUIVCDPNFWBOXFTCVJME Λ ࢖༻͢Δ͜ͱͰߴ଎ͳόϯυϧΛ࣮ݱ w ࠓճͷςϯϓϨʔτ LHS ͩͱNT୯ҐͰ։ൃ؀ڥ্ཱ͕͕ͪΔ w QSPEVDUJPOCVJMEʹ͸SPMMVQΛ࢖͏
  20. 4WFMUF͸7JUFͰ
 ։ൃͨ͠΄͏͕Αͦ͞͏ʙ#

  21. Ҏ߱͸7JUFͷར༻Λલఏͱͯ͠ 4WFMUFͷ࿩ʹ໭͠·͢

  22. 4WFMUFͷγϯλοΫε w 7VFKT 4'$ ϥΠΫͳγϯλοΫε w ϥΠϑαΠΫϧ΍DPNQVUFE
 ʹ͍ۙ֓೦͕ಋೖ͞Ε͍ͯͯΔ w FNJUʹΑΔࢠ͔Β਌ͷΠϕϯτΛ


    ݺͼग़͞ͳ͍෼γϯϓϧʹ࣮૷Ͱ͖Δ w Πϕϯτͷྲྀಈੑ͕Ұҙ
  23. XJUI5ZQF4DSJQU

  24. w ϓϦϛςΟϒܕ͸໰୊ͳ͠ w ΦϒδΣΫτܕͷQSPQT͕ೖ͖ͬͯͨ৔߹
 DBTU͢Δඞཁ͕͋Δ w 5ZQF4DSJQUͷίϯςΩετ͔Β͢Δͱ
 ͋·ΓΑΖ͘͠ͳ͍ w ਓ͕ؒίϯύΠϥΛೲಘͤ͞Δͱ͍͏ܗ

    7VFKT 4'$ ͷ৔߹
  25. w ΦϒδΣΫτܕͷQSPQT͕ೖ͖ͬͯͨͱͯ͠΋
 DBTU͢Δඞཁੑ͕ͳ͍ w 7VFKT 4'$ ΑΓ5ZQF4DSJQUͱͷ਌࿨ੑ
 ͸Αͦ͞͏ 4WFMUFͷ৔߹

  26. ͪͳΈʹ

  27. 7VFKT 549 w ܥ  ͰWVFUTYTVQQPSUΛಋೖ͢Δ͜ͱͰUTYΛα ϙʔτՄೳ w ܥͰσϑΥϧτͰ549Λαϙʔτ IUUQTHJUIVCDPN

    WVFKTWVFOFYUSFMFBTFTUBHW  w ܕͷิ׬ΛڧԽ w ΦϒδΣΫτܕͷQSPQT΋ૉ௚ʹ౉ͤΔ
  28. ࠶ͼ4WFMUFͷ͓࿩

  29. w 4WFMUFͷύοέʔδʹ಺แ͞Ε͍ͯΔ w ܕ৘ใ΋෇༩Ͱ͖Δ w ϛϡʔλϒϧΠϛϡʔλϒϧ
 ͸બ୒͢Δ͜ͱ͕Ͱ͖Δ w 8SJUBCMF3FBEBCMFͷܕ৘ใΛ
 ෇༩͢Δ͜ͱͰɺ஋΁ͷΞΫηεݖΛ


    ܕνΣοΫͰ୅ཧͰ͖Δ TUPSF
  30. TWFMUFDIFDL w TWFMUFϑΝΠϧʹ͓͍ͯ࢖༻͍ͯ͠ͳ͍$44ɺBZɺܕ৘ ใΛMJOUͯ͘͠ΕΔύοέʔδ w 7JUF͸5ZQF4DSJQUΛτϥϯεύΠϧͷΈͰܕνΣοΫ·Ͱ ͸࣮ࢪ͠ͳ͍ w TWFMUFDIFDLͱUTDʹŠOPFNJUΦϓγϣϯΛ͚ͭͯܕͷ νΣοΫ·ͰΛ࣮ࢪͨ͠΄͏͕ྑͦ͞͏

  31. ͜͜·Ͱ΍͓͚ͬͯ͹
 4WFMUFº5ZQF4DSJQU͸
 ໰୊ͳͦ͞͏ʙ#

  32. ࠓճࢼ͔͚ͨͬͨ͠Ͳ
 Ͱ͖ͳ͔ͬͨ͜ͱ😭

  33. 4WFMUF,JU w 4WFMUFͷ8FCΞϓϦέʔγϣϯϑϨʔϜϫʔΫ w /FYUKTͱ͔/VYUKTͷΑ͏ͳϙδγϣϯ w 44341"ͷ։ൃ͕Մೳ w 4BQQFSͱ͍͏ϑϨʔϜϫʔΫͷޙܧ ࠓͷॴЌ൛

  34. TWFMUFBEBQUFS w 3FBDUͱ7VFͷΤίγεςϜ্ͰTWFMUFϑΝΠϧͰ࡞ͬͨ
 ίϯϙʔωϯτΛར༻Ͱ͖ΔΑ͏ʹ͢ΔϥΠϒϥϦ w ੍ݶࣄ߲͕͍͔ͭ͋͘Δ IUUQTHJUIVCDPNQOHXO TWFMUFBEBQUFSMJNJUBUJPOT  w

    ܕ৘ใ͕ͳ͍ w 3FBDU΍7VFͷࢿ࢈͕ଟ͘ɺҰ෦4WFMUFΛ࢖͍͍ͨ৔߹ʹ ͸ศརͦ͏
  35. ·ͱΊ

  36. ࠓճͷ·ͱΊ w 4WFMUFº5ZQF4DSJQUͷελʔλʔΛ࡞ͬͨ w 4WFMUFͷ։ൃ͸7JUFΛϏϧυπʔϧͱͯ͠બ୒ͨ͠ ΄͏͕Αͦ͞͏ w &4./BUJWFͷ։ൃମݧ͸ύϑΥʔϚϯεͷ؍఺ ͔Β΋ؾ͍͍࣋ͪ w

    7VFKTϥΠΫͷγϯλοΫε ܕ৘ใͷ෇༩͕ 7VFKT 4'$ ΑΓݫີͰ͖Δ
  37. 5IBOLZPV !UBTDSJQU 'VLVPLBUTɹ