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

実演TypeScript + GitHub Copilot

erukiti
August 05, 2023

実演TypeScript + GitHub Copilot

TypeScript + GitHub Copilot 最高!っていうのを話しました(+デモ)

erukiti

August 05, 2023
Tweet

More Decks by erukiti

Other Decks in Programming

Transcript

  1. (JU)VC%PDLZBSEίϛϡχςΟॡ޻Πϕϯτ
    ࣮ԋ5ZQF4DSJQU(JU)VC$PQJMPU
    FSVLJUJࠤʑ໦ढ़հʢגࣜձࣾ"MHPNBUJDʣ

    View full-size slide

  2. !FSVLJUJ
    ͑Δ͖ͪʢOPU͑ΔνΩʣ
    w େੲ͸ɺόοΫΤϯυ΍ɺ8JOEPXT6/*9ΞϓϦΛ࡞ͬͨΓ
    w ͜͜਺೥͸ϑϩϯτΤϯυΤϯδχΞ
    w ݱ৬Ͱ͸όοΫΤϯυ΋ؚΊͨιϑτ΢ΣΞΤϯδχΞ
    w ʢͳ͓Ϋϥ΢υ͸ͬ͞ͺΓΘ͔ΒΜͬͯͳͬͯ·͢ʣ

    View full-size slide

  3. w IUUQTOPUFDPNFSVLJUJO
    OFF
    w .-ΤϯδχΞ΍ݚڀऀ͚ͩͷ΋
    ͷͰ͸ͳ͘ͳͬͯɺզʑΞϓϦΛ
    ࡞Δਓ͕ͨͪ--.Ͱ৭ʑνϟϨϯ
    δͰ͖Δ࣌୅ʹͳͬͨ
    w ҰॠͰ֮ޛ׬ྃͯ͠ඈͼࠐΜͩ
    w ৐Δ͔͠ແ͍͜ͷϏοά΢Σʔϒ
    "MHPNBUJDೖࣾΤϯτϦ͕όζͬͨ

    View full-size slide

  4. גࣜձࣾ"MHPNBUJD
    ੜ੒"*࣌୅Λ୅ද͢ΔձࣾʹͳΔ
    w ߹ಉձࣾ%..DPNʹΑΔԯԁͷग़ࢿʹΑͬͯੜ·Εͨձࣾ
    w εςʔΫϗϧμʔ͕΄΅͍ͳ͍
    w ੜ੒"*͚ͩΛຊؾͰ΍͍ͬͯ͘
    w CJHUFDI΋ଞ΋ɺ୭΋·ͩੜ੒"*࣌୅ͷউͪےΛݟ͚ͭΒΕ͍ͯͳ͍
    w ΋͏զʑ͕ੜ͖͍ͯΔؒʹɺ͜ΕҎ্ͷνϟϯε͸ߟ͑ΒΕͳ͍
    w ଟֹͷࢿۚͱɺ࠷ڧͷϝϯόʔΛूΊͯɺ͍ͭ͘΋ͷੜ੒"*ࣄۀΛ্ཱͪ͛ͯɺࢼ
    ߦճ਺Λ૿΍͠·ͬͯ͘ɺ࠷଎ͰԾઆɾݕূΛճ͠ଓ͚Δ

    View full-size slide

  5. "MHPNBUJDͰϏδωε("*࡞ͬͯ·͢
    ര଎Ͱ্ཱͪ͛ɺര଎Ͱ੒௕
    w ʹࣄۀ੹೚ऀͱ1E.ͱ։ൃʢ๻ʣͷਓͰΩοΫΦϑ
    w ͦͷೋिؒޙɺ࠷ॳͷ1P$͕EFWͰՔಇ
    w ςΟΞΩϯൃച
    w ϦϦʔε
    w ࣌఺Ͱ*%௒͑ʢϦϦʔε͔Βϲ݄ܦͬͯͳ͍ʣ
    w ࣌఺ͰϏδωε("*ͷϝϯόʔਓҎ্ͷେॴଳ

    View full-size slide

  6. ര଎ͷ։ൃ
    w ࠷ॳͷೋϲ݄͸ਓͰϝΠϯػೳͱ؅ཧը໘ʢςφϯτɺϢʔβʔɺݖݶɺ෦
    ॺ؅ཧͳͲը໘͘Β͍ʣΛ࡞ͬͯͨ
    w ͦΕΛࢧ͑ͨͷ͸

    View full-size slide

  7. 54UBDL(JU)VC$PQJMPU

    View full-size slide

  8. 54UBDL
    U31$ 5ZQF4DSJQU 5BJMXJOE$44 /FYUKT 1SJTNB "VUIKT
    w 3FBDUܥϑϧελοΫʢϑϩϯτΤϯυˍόοΫΤϯυʣͷ࢓૊Έ
    w CMJU[΍3FNJYͱ͍ͬͨϑϧεΫλοΫϑϨʔϜϫʔΫͱ͸ҧ͍ɺطଘͷγϯϓ
    ϧͳٕज़ͷ૊Έ߹ΘͤͰɺ௥ՃͰ֮͑Δ͜ͱ͸ಛʹͳ͍ʢ৮ͬͨ͜ͱͳ͍΋
    ͷʹ͍ͭͯ͸΋ͪΖΜ֮͑Δඞཁ͕͋Δ͕ɺͦΕ͸࢓ํͳ͍ʣ
    w U31$͸ϑϩϯτΤϯυͱόοΫΤϯυΛ5ZQF4DSJQUʹΑͬͯγʔϜϨεʹͭ
    ͳ͛Δɻܕ҆શʂ

    View full-size slide

  9. (JU)VC$PQJMPU
    ࡯͠ͷ͍͍༏लͳएऀײ
    w ࢖͍࢝Ί͍ͯΔਓ͸ଟ͍ͱࢥ͏͚Ͳɺҙ֎ʹ࣮຿Ͱ࢖ΘΕͯΔΑ͏ͳλΠϓ
    ͷ࣮ԋΛ͢Δਓ͕গͳ͍Β͘͠ɺࠓ೔ొஃ͢Δ͜ͱʹͳͬͨ
    w 54UBDLͷߏ੒ٕज़͸ͲΕ΋ֶश͞Ε͍ͯΔʢͨͩ͠ɺόʔδϣϯ͸গ͠ݹ
    ͘ɺ͍·ͱॻ͖ํ͕ҧ͏΋ͷ΋ʣ
    w ࠷ۙ͸΍Γͷ--.Λ࢖ٕͬͨज़

    View full-size slide

  10. --.
    େن໛ݴޠϞσϧ
    w ੜ੒"*
    w $IBU(15͸(15ͱ͍͏--.Λ࢖ͬͨΞϓϦ
    w (JU)VC$PQJMPU͸$PEFYͱ͍͏--.Λ
    w $PEFY͸$IBU(15Ͱ࢖ΘΕ͍ͯΔ(15ͷઌ૆ͷҰͭ
    w ֶशͨ֬͠཰ʹج͍ͮͯจࣈྻͷଓ͖Λ༧ଌ͢Δ͚ͩͷ࢓૊Έ
    w ࢈ۀֵ໋ʹඖఢ͢Δൃ໌ʢͻͱʹΑͬͯଊ͑ํ͸ҧ͍·͢ɻɻɻʣ

    View full-size slide

  11. $PQJMPUͷ࢖͍ํͦͷ
    ίϝϯτΛॻ͍ͯਪ࿦Λͤ͞Δ
    w ੈͷதతʹ͸ͬͪ͜Λ΍ͬͯΔਓ͕ଟ͍͔΋͠Εͳ͍
    w ϓϩάϥϜΛॻ͘ͱ͖ʹɺίϝϯτͰ΍Δ͜ͱΛॻ͍͔ͯΒத਎ΛຒΊΔ೿
    ͷਓʹ߹͏ͱࢥ͏
    w ๻ͷ৔߹͸ɺॻ͖͍ͨ΋ͷͷ໊લ͕໌֬ʹ೴ཪʹු͔ΜͰͳ͍࣌ʹ΍Δ͜ͱ
    ͕͋Δ

    View full-size slide

  12. $PQJMPUͷ࢖͍ํͦͷ
    ؔ਺΍ܕ΍ɺίʔυͷॻ͖ग़͠Λ༩͑ͯɺຒΊͤ͞Δɾଓ͖Λॻ͔ͤΔ
    w γϯϓϧͳϞϊɺωʔϛϯά͕తΛࣹͯΔϞϊ΄Ͳਫ਼౓্͕͕Δ
    w ੈͷதͱͷࠩҟ͕গͳ͍΄Ͳਫ਼౓্͕͕Δ
    w ͕ͬͪ͜៉ྷʹϋϚΔͱ೴ो͕υόυόग़Δ
    w

    View full-size slide

  13. ࠓճͷσϞʹ͍ͭͯ
    (JU)VC$PQJMPUΛ࢖ͬͯ؆୯ͳϒϩάΛ࡞Δͱ͍͏σϞ
    w σϞͰ࢖ͬͯΔίʔυ͸(JU)VCͰϦϙδτϦΛެ։ͯ͠·͢
    w IUUQTHJUIVCDPNFSVLJUJUEFNPHJUIVCEPDLZBSE
    w DSFBUFUBQQͰ࡞੒ͨ͠ϦϙδτϦ΄΅ͦͷ··Ͱɺઃఆ͚ͩҰ෦͍ͬ͡
    ͨ΋ͷ
    w ϒϩάͱ͍͏શੈքͷਓ͕ؒࡲΓ·ͬͨ͘ωλ͕ͩɺ΍ͬͯΔ͜ͱ͸࣮ફͱ
    มΘΒͳ͍

    View full-size slide

  14. ϓϩδΣΫτͱ$PQJMPUΛҭͯΔ
    w ͸͡Ίͷঢ়ଶ͸ඍົ͔΋͠Εͳ͍͚Ͳɺίʔυ͕૿͑Δͱ͔ͦ͜Βֶͼͱͬ
    ͯ͘ΕΔ
    w ίʔυ΍ߏ଄ΛਅࣅΔͷ͕͘͢͝ಘҙ
    w $36%ͱ͔͸ίϚϯυϥΠϯͰੜ੒͢Δඞཁ͕ͳ͘ͳͬͯΔ͔΋ʁ

    View full-size slide

  15. ಠಛͷบ͸͋Δ
    w ίϝϯτ͸͔ͳΓద౰ɻίϝϯτ͚ͩΦϑʹ͍ͨ͠ؾ࣋ͪ΋গ͋͠Δ
    w ࢖͍ͬͯΔϥΠϒϥϦ΍ݴޠͷόʔδϣϯʹ͘͢͝ࠨӈ͞ΕΔͱ͜Ζ͸͋Δ
    w ࣌ʑ๫૸ؾຯʹͳΔɻಉ͡ݴ༿Λ܁Γฦͨ͠Γ܁Γฦͨ͠Γ܁Γฦͨ͠Γ܁
    Γฦͨ͠Γ܁Γฦͨ͠Γ

    View full-size slide

  16. ࡉ͔͍ϊ΢ϋ΢͸ׂͱ͋Γͦ͏
    w +454ͷ৔߹ɺΠϯϙʔτͯ͠Δͯ͠ͳ͍Ͱਫ਼౓͕มΘΔ
    w ҰߦͰ׬݁ͨ͠)5.-+49ͳͲ͸ิ׬ͯ͘͠Εͳ͍͔ΒҙਤతʹվߦΛೖΕ
    ͳ͍ͱDMBTT/BNFΛຒΊͨΓͱ͔ͯ͘͠Εͳ͍

    View full-size slide

  17. αδΣετ͕ඍົͳͱ͖
    w ΦϦδφϦςΟͷߴ͍Կ͔Λॻ͜͏ͱ͍ͯ͠Δ
    w ࢖͍ͬͯΔٕज़͕৽͗͢͠Δ
    w Ϛζ͍ઃܭ΍ίʔυͷγάφϧͷՄೳੑ

    View full-size slide

  18. ͋Γ͕ͱ͏͍͟͝·ͨ͠ʂ

    View full-size slide