How to hack VS Code: evil ways (Japanese)

Transcript

1. 1.

   amagitakayosi amagitakayosi HOW TO HACK VSCODE :Evil Ways HOW TO

   HACK VSCODE :Evil Ways
2. 2.

   @amagitakayosi

3. 3.

   None
4. 4.

   ϥΠϒίʔσΟϯά7+΍ͬͯ·͢

5. 5.

   7&%"
   (-4-ϥΠϒίʔσΟϯά؀ڥ
   Λ࡞͍ͬͯ·͢

6. 6.

   7&%"ͷྑ͍ͱ͜Ζ w 7+Ͱ͖Δ
   w "UPNͰ7+Ͱ͖Δ

7. 7.

   7&%"ͷѱ͍ͱ͜Ζ w "UPNͰ͔͠ಈ͔ͳ͍

8. 8.

   None
9. 9.

   ΍Γ·ͨ͠ ΍Γ·ͨ͠ ΍Γ·ͨ͠ ΍Γ·ͨ͠

10. 10.

    ࠓ೔ͷϝχϡʔ w 7&%"ͷ෮श
    w ͳͥ74$PEFͩͱ೉͍͠ͷ͔
    w 74$PEFͰͲ͏΍ͬͯಈ͔͔ͨ͠
    w ࠓޙͷ՝୊

11. 11.

    veda veda veda

12. 12.

    ɹ
    
    7&%" w "UPN্Ͱ(-4-Λ࣮ߦ͢Δύοέʔδ
    w ಈըΛ੾Γସ͑ͯΤϑΣΫτ͔͚ͨΓɺ
 ϨΠϚʔνϯά͚ͩͰ7+ͨ͠Γ
    w Ի੠ೖྗɺ.*%*ɺ04$ೖྗͳͲ
 ͞·͟·ͳೖྗʹରԠ

13. 13.

    ɹ
    
    
    
    
    "UPN w &MFDUSPOͰ࡞ΒΕͨΤσΟλ
    (JU)VC੡
    w $ISPNFؙ͕͝ͱೖͬͯΔΑ͏ͳ΋Μ
    w ֦ுػೳͰ%0.͍͡Γ์୊ͳͷͰ
 8FC(-Ͱ΋8FC"VEJPͰ΋ԿͰ΋ग़དྷΔ

14. 14.

    7&%"ͷ࢓૊Έ UIཁૉ ΢Πϯυ΢ ←canvasཁૉΛૠೖͯ͠
 ɹWebGLΛඳը

15. 15.

    
    
    ɹɹ74$PEF
    7JTVBM
    4UVEJP
    $PEF w .JDSPTPGU͕։ൃ
    w "UPNͱಉ͘͡&MFDUSPOϕʔε
    w ଟػೳɺߴ଎ɺิ׬͕ڧ͍
    w ࠷ۙΈΜͳ࢖ͬͯΔ

16. 16.

    https://insights.stackoverflow.com/survey/2018 ೥
    ࠷΋ਓؾͷΤσΟλ

17. 17.

    7&%"ɼͳͥ74$PEFʹҠ২Ͱ͖ͳ͍ͷʁ w 74$PEF͸"UPNͱಉ͘͡&MFDUSPOϕʔε
    w ύϑΥʔϚϯεͱ҆શੑͷͨΊɺ
 ֦ுػೳͷݖݶ͸͔ͳΓ੍ݶ͞ΕΔ
    w ֦ுػೳͷ+4͸ผϓϩηεͰ࣮ߦ͞ΕΔ
    w %0.৮Εͳ͍ʜʜ

18. 18.

    “VS Codeの拡張機能は、エディターのUIにHTML要素を
 　　追加したり、カスタムCSSを適用する事はできません”

19. 19.

    None
20. 20.

    ຊ࣭ w ίʔυͷഎ໘ʹ
    w 8FC(-Ͱඳըͨ͠എܠΛ
    w ϦΞϧλΠϜͰඳը͍ͨ͠

21. 21.

    Ξϓϩʔν w ֎෦ϓϩηεͰϏϡʔΞʔΛ૸ΒͤΔ
    w ΤσΟλͷඳը݁ՌΛ֎෦ϓϩηεʹૹΔ
    w ͳΜͱͯ͠΋74$PEF্Ͱಈ͔͢

22. 22.

    ֎෦ϓϩηεͰϏϡʔΞʔΛ૸ΒͤΔ w 74$PEFͷ΢Πϯυ΢͸൒ಁ໌ʹͰ͖Δ
    w ݱ࣌఺Ͱ͸8JOEPXT൛ͷΈ
    w .BD൛ରԠ΋#BDLMPHʹೖͬͨ
    w 74$PEFͷ΢Πϯυ΢ҐஔΛऔಘ͠ɺ
 ϏϡʔΞʔͷҐஔΛ௥ਵͤ͞Ε͹ྑ͍ʁ

23. 23.

    ֎෦ϓϩηεͰϏϡʔΞʔΛ૸ΒͤΔ VSCode Ϩϯμϥʔ

24. 24.

    w ಈըͱͯ͠ૹΔ
    w ಛఆͷ΢Πϯυ΢ͷඳը݁ՌΛऔಘ͢Δͷ͸
 ͳΜ͔ؤுΕ͹Ͱ͖Δ͸ͣʢ7%.9౳͕ରԠ
    w ΤσΟλͷഎܠΛࠇʹͯ͠ɺ
 ࠇ͍ॴΛൈ͍ͯग़ྗʹॏͶΕ͹Α͍ʁ
    w ݟਏͦ͏

    ΤσΟλͷඳը݁ՌΛ֎෦ϓϩηεʹૹΔ
25. 25.

    ΤσΟλͷඳը݁ՌΛ֎෦ϓϩηεʹૹΔ ඳը݁Ռ Ϩϯμϥʔ VSCode

26. 26.

    ͏ʙʙΜʜʜʜʜʜʜ

27. 27.

    Μʁ

28. 28.

    None
29. 29.

    w ଧݤ͢ΔͱΧʔιϧ͕രൃ͢ΔΞϨ
    w ࠷ॳ͸"UPNͰ࣮૷͞Εͨ
    w "UPNͰ͸DBOWBTΞχϝʔγϣϯɺͳ͸ͣ
    w 74$PEFͰ͸%0.Λ͍͡Εͳ͍ͷͰ
 ෆՄೳͩͱࢥΘΕ͕ͨʜʜʁ vscode-power-mode

30. 30.

    w ࣄલʹΤϑΣΫτΛ(*'Ξχϝʹॻ͖ग़͠
    w %FDPSBUJPOͷCBDLHSPVOEJNBHFͱͯ͠
 (*'ΞχϝΛදࣔ 1PXFS.PEFͷ࢓૊Έ

31. 31.

    w ίʔυͷಛఆͷൣғʹ૷০Λ௥ՃͰ͖Δ
    w MJOUΤϥʔ΍ɺΧϥʔίʔυͷ৭ϓϨϏϡʔ౳
    w CFGPSF΍BGUFSʹ$44Λ౰ͯΒΕΔʂʂʂ
    w CBDLHSPVOEJNBHFͰը૾ΛಡΈࠐΊΔ %FDPSBUJPO
    "1*

32. 32.

    ࢼ͠ʹը૾Λදࣔͯ͠ΈΔ

33. 33.

    ը૾͸ಡΈࠐΊΔ w ຖϑϨʔϜɺඳը݁ՌΛը૾ϑΝΠϧʹ
 ॻ͖ग़ͤ͹ྑ͍ʂʂʂʂʂ
    w ΊͬͪΌॏͦ͏͚ͩͲ΍ͬͯΈΑ͏
    w γΣʔμʔΛಡΈࠐΜͰը૾Λు͖ग़͢
 Ϩϯμϥʔ࡞Γɺ74$PEF͔Βݺͼग़ͤ͹ྑ͍

34. 34.

    ࡞ઓ 1. γΣʔμʔΛϑΝΠϧʹอଘ

35. 35.

    ࡞ઓ 2. Ϩϯμϥʔ͕γΣʔμʔΛಡΈࠐΉ

36. 36.

    ࡞ઓ 3. Ϩϯμϥʔ͸ຖϑϨʔϜ
 ɹ ը૾ϑΝΠϧΛॻ͖ग़͠ଓ͚Δ

37. 37.

    ࡞ઓ 4. ΤσΟλʔ͸ॻ͖ग़͞Εͨը૾Λ
 ɹ ຖϑϨʔϜDecoratorʹදࣔ͢Δ

38. 38.

    w ཁ݅
    w γΣʔμʔͷύεɺग़ྗαΠζΛड͚औΔ
    w 0QFO(-Ͱ(-4-Λඳը͠ɺϑΝΠϧʹॻग़
    w ग़ྗͨ͠ϑΝΠϧ໊Λඪ४ग़ྗʹදࣔ
    w 74$PEF͕ಡΈࠐΊΔΑ͏ʹ

    Ϩϯμϥʔ࡞੒
39. 39.

    w ΫϩείϯύΠϧ͍ͨ͠
    w 8FC(-͸ΫϩεϓϥοτϑΥʔϜͰҒ͍ʜʜ
    w (Pͱ3VTUͰ0QFO(-ͷνϡʔτϦΞϧ΍ͬͨॴ
 (Pͷํָ͕ͦ͏ͩͬͨ
    w (P
    
    0QFO(-νϡʔτϦΞϧ


    IUUQTNFEJVNDPN!ESHPNFTQPQFOHMBOEHPMBOHHFUUJOHTUBSUFEBCDEEGEC
    
    
    w 3VTU
    
    0QFO(-νϡʔτϦΞϧ
    
 IUUQTXXXSFEEJUDPNSSVTUDPNNFOUTBCLH SVTU@BOE@PQFOHM@GSPN@TDSBUDI@B@CMPH@QPTU@TFSJFT ࠓճ͸(PΛ࠾༻
40. 40.

    None
41. 41.

    w QPTJUJPO
    pYFE͕ޮ͔ͳ͍ʜʜʂʁ ୭͔ॿ͚ͯ
    w શը໘ʹද͍ࣔͨ͠ͷͰɺ%FDPSBUPSͷൣғΛ
 
     ʹ͕ͨ͠ɺεΫϩʔϧ͢Δͱফ͑ͯ͠·͏
    w

    74$PEF͸ɺը໘֎ʹग़ͨཁૉΛ
 ଈ࠲ʹফͯ͠͠·͏Ͱରॲ
    w FEJUPSWJTJCMF3BOHFTͰରॲ %FDPSBUPS஍ຯʹۤ࿑ͨ͠఺
42. 42.

    w ࠷ॳ͸GQT͘Β͍͔͠ग़ͳ͔ͬͨʜʜʂʂ
    w ΍ͬͨ͜ͱ
    w ඪ४ग़ྗɺϑΝΠϧॻ͖ग़͠ɺ
 γΣʔμʔߋ৽ͷରԠΛHPSPVUJOFͰ
    w 1/(ॻ͖ग़͠Λௐ੔ ύϑΥʔϚϯεվળ

43. 43.

    ૉ๿ͳ࣮૷

44. 44.

    ૉ๿ͳ࣮૷ ˡϑΝΠϧ*0ͰϒϩοΫ ˡඪ४ग़ྗͰϒϩοΫ

45. 45.

    ը૾ϑΝΠϧ ॻ͖ग़͠ ඪ४ग़ྗ ϝΠϯ 描画したよ 描画！ ファイル 書き出し！ 書き出したよ 出力

46. 46.

    ը૾ϑΝΠϧ ॻ͖ग़͠ ඪ४ग़ྗ ϝΠϯ

47. 47.

    ը૾ϑΝΠϧ ॻ͖ग़͠ ඪ४ग़ྗ ϝΠϯ

48. 48.

    վળޙͷ࣮૷ ˡඇಉظͰը૾ॻ͖ग़͠

49. 49.

    վળޙͷ࣮૷ ˡඇಉظͰඪ४ग़ྗ

50. 50.

    w (-'8͸ϝΠϯεϨουͰ͔͠ݺ΂ͳ͍ͷͰ
 Կ౓͔ϋϚͬͨ
    w ը૾ϑΝΠϧॻ͖ग़͠HPSPVUJOFͰ
 HMΦϒδΣΫτݺΜͰͯ4&(7ͨ͠Γ
    w HPͷඪ४ϕϯνϚʔΫπʔϧͰ͸
 ϝΠϯεϨουͰ࣮ߦ͢Δͷେมͦ͏ͩͬͨ HPSPVUJOFศརͰ͢Ͷ

51. 51.

    w 0QFO(-͔Βऔಘͨ͠3(#"ΛJNBHFQOHʹ౉͢ͱ
 ্Լ൓సͯ͠ग़ྗ͞ΕΔ
    w 8FC(-ͩͱHM6/1"$,@'-*1@:@8&#(-Ͱ
 ඳը݁Ռ൓సͯ͠औಘͰ͖Δͷʹʜʜ
    w άάͬͯΈΔͱɺΈΜͳૉ๿ʹGPSϧʔϓͰ
 ্Լ൓సͯ͋͛ͯ͠ΔΑ͏ͩͬͨ 1/(ॻ͖ग़͠Λௐ੔

52. 52.

    w σʔλॻ͖ࠐΈͷGPSϧʔϓΛมߋͯ͠
 ԼͷϐΫηϧ͔Βॱ൪ʹॻ͖ग़͢Α͏ʹͨ͠
 IUUQTHJUIVCDPNHPMBOHHPCMPCNBTUFSTSDJNBHFQOHXSJUFSHP-
    w ͍ͭͰʹ#VpPΛ౉ͯ͠
 ϑΝΠϧॻ͖ࠐΈΛόοϑΝϦϯά͢ΔΑ͏ʹ
    w 'JMFXSJUF͸όοϑΝϦϯά͞Εͳ͍

    JNBHFQOHΛGPSL
53. 53.

    YͰGQT͘Β͍ग़ΔΑ͏ʹ

54. 54.

    w ΫϩεϓϥοτϑΥʔϜͳԻ੠ೖྗϥΠϒϥϦɺ
 ͋Μ·Γແ͍΋ΜͳΜͰ͢Ͷʜʜ
    w ࠓճ͸HPQPSUBVEJPΛ࠾༻
    w ΫϩείϯύΠϧͰ͖ͳ͍ʜʜ(Pͳͷʹ
    w 3VTU͸Ի੠ೖྗपΓ͔ͳΓ͔ͬ͠Γͯ͠ΔͷͰ
 ͍ͣΕ3VTUʹҠߦ͢Δ͔΋

    Ի੠ೖྗ
55. 55.

    w HPඪ४ͷJNBHFQOHΛ࢖ͬͯͨ
    w 0QFO(-͔Βऔಘͨ͠3(#"Λ౉͢ͱ
 ্Լ൓సͯ͠ग़ྗ͞ΕΔ
    w 8FC(-ͩͱHM6/1"$,@'-*1@:@8&#(-Ͱ
 ඳը݁Ռ൓సͯ͠औಘͰ͖Δͷʹʜʜ
    w ௐ΂ͯΈΔͱɺΈΜͳૉ๿ʹGPSϧʔϓͰ


    ্Լ൓సͯ͋͛ͯ͠ΔΑ͏ͩͬͨ 1/(ॻ͖ग़͠Λௐ੔
56. 56.

    DEMO https://github.com/fand/veda-vscode

57. 57.

    w ύϑΥʔϚϯεվળ
    w ςΫενϟಡΈࠐΈ
    w .*%*ͱ͔ରԠ ࠓޙͷ՝୊

58. 58.

    w ը૾ॻ͖ग़͕͠Ͳ͏ͯ͠΋ϘτϧωοΫʹͳΔ
    w ॻ͖ग़͠ऴΘΓΛ଴ͨͣʹϩʔυͯ͠ΈΔʁ
    w ్த·Ͱ͔͠ಡΈࠐΊͣϒπ੾Εͨ͠
    w ϑΝΠϧ*0ݮΒ͢ʹ͸"1/(͕࢖͑Δʁ ύϑΥʔϚϯεվળ

59. 59.

    w ߴը࣭Ξχϝʔγϣϯը૾ϑΥʔϚοτ
    w -*/&ελϯϓͱ͔Ͱ࢖ΘΕͯΔ
    w ϑΝΠϧͷߏ଄తʹ͸ɺ
 ෳ਺ͷ1/(Λ·ͱΊͯϔομ௥Ճ͢Δ͚ͩ
    w ϦΞϧλΠϜੑ͕ࣦΘΕΔͷͰϘπ "1/(

60. 60.

    w 7&%"Ͱ͸ɺಈըૉࡐΛϩʔυͯ͠
 ςΫενϟͱͯ͠ར༻Ͱ͖Δ
    w 8FC(-ͷ"1*ʹWJEFPཁૉΛ౉ͯ͠Δ͚ͩ
 ʢϒϥ΢β͸Ғ͍ʜʜʣ
    w EDHNG
    ''.QFHͷϥούʔ
    Λ࢖͑͹ɺ


    ಈըͷ֤ϑϨʔϜΛ3(#"ͱͯ͠औಘͰ͖Δʜʁ ςΫενϟಡΈࠐΈ
61. 61.

    ͜͜Ͱ࣌ؒ੾Ε

62. 62.

    ·ͱΊ w ͳΜ͔ແཧ΍ΓؤுͬͨΒͦΕͳΓʹಈ͍ͨ
    w 74$PEFݫ͍͠ɻ"UPNͷᨳ͍จ۟
 ʮA hackable text editor for

    the 21st Centuryʯ
 ͸ӕ͡Όͳ͍ͳʜʜ
    w ϒϥ΢β͸Ғ͍Ϥ
63. 63.

    ϒϥ΢βͬͯੌ͍ɺҒ͍ w 8FC(-΋Ғ͍
    w UFY*NBHF%ʹDBOWBT΍WJEFPཁૉΛ౉ͨ͠Β
 ෆࢥٞͳྗͰϩʔυग़དྷΔΑ͏ʹͳΔ
    w 8FC"VEJP"1*ɺϓϥοτϑΥʔϜͷࣄߟ͑ͣʹ
 Ի੠ೖྗͱΕΔ
    w

    "1/(ಡΈࠐΈͱ͔΋Կ΋ߟ͑ͣʹߦ͚Δ
64. 64.

    !74$PEF։ൃνʔϜ֤Ґ
    ֦ுػೳͰ%0.͍͡ΕΔΑ͏ʹ
 ͯ͘͠Εʂʂʂʂʂʂʂʂʂʂʂ
    ʂʂʂʂʂʂʂʂʂʂʂʂʂʂʂ
    ʂཔΉʂʂʂʂʂʂʂʂʂʂʂʂ
    ʂʂʂʂʂʂʂʂʂʂʂʂʂʂ ʂʂʂʂʂʂʂʂʂʂʂʂʂʂʂ

65. 65.

    @amagitakayosi

66. 66.

    https://veda.gl/