遊んで学ぶ Visual Studio Code の Remote Development #ゆるWeb札幌

Visual Studio Code の Remote Development の導入のお話。
https://mild-web-sap.connpass.com/event/132036/

Transcript

1. ΏΔ8FCษڧձ!ࡳຈ
   @tacck
   ༡ΜͰֶͿ7JTVBM4UVEJP$PEF
   ͷ3FNPUF%FWFMPQNFOU
   2019೥8݄31೔
   

   View Slide

2. ΏΔ8FCࡳຈ !UBDDL
   ୭
   • ໊લ
   
   tacck / ໦ݪ ୎໵
   
   • ॴଐ
   
   גࣜձࣾϊʔεσΟςʔϧ
   
   • ओ࠵
   
   • ΏΔWebษڧձ@ࡳຈ
   
   • εϚʔτεϐʔΧʔͰ༡΅͏ձ@ࡳຈ
   
   • ޷͖ͳϑΟΪϡΞεέʔτͷٕ
   
   εϓϨουɾΠʔάϧ
   

   View Slide

3. View Slide

4. ΏΔ8FCࡳຈ !UBDDL
   7JTVBM4UVEJP$PEF
   3FNPUF͕ศརͳ࿩
   

   View Slide

5. ΏΔ8FCษڧձ!ࡳຈΏΔ8FCࡳຈ !UBDDL
   https://code.visualstudio.com/docs/remote/remote-overview
   

   View Slide

6. ΏΔ8FCษڧձ!ࡳຈΏΔ8FCࡳຈ !UBDDL
   https://code.visualstudio.com/docs/remote/remote-overview
   

   View Slide

7. ΏΔ8FCࡳຈ !UBDDL
   ؆୯ʹݴ͏ͱ
   • UI͸ϩʔΧϧPCͷVSCodeΛ࢖͍
   
   • ϦϞʔτϚγϯͷதʹVSCode࣮ߦ؀ڥΛ࡞Γ
   
   • ϦϞʔτͷ؀ڥ಺ͰϓϩάϥϜΛ࣮ߦ͍ͯ͠Δ͚Ͳ
   
   • ݟͨ໨͸ϩʔΧϧPCΛૢ࡞͍ͯ͠ΔΈ͍ͨ
   

   View Slide

8. ΏΔ8FCࡳຈ !UBDDL
   ࢼ͠·͠ΐ͏
   https://blog.tacck.net/archives/490
   

   View Slide

9. ΏΔ8FCࡳຈ !UBDDL
   ·ͱΊ
   

   View Slide

10. ΏΔ8FCࡳຈ !UBDDL
    ؆୯ʹݴ͏ͱ
    • UI͸ϩʔΧϧPCͷVSCodeΛ࢖͍
    
    • ϦϞʔτϚγϯͷதʹVSCode࣮ߦ؀ڥΛ࡞Γ
    
    • ϦϞʔτͷ؀ڥ಺ͰϓϩάϥϜΛ࣮ߦ͍ͯ͠Δ͚Ͳ
    
    • ݟͨ໨͸ϩʔΧϧPCΛૢ࡞͍ͯ͠ΔΈ͍ͨ
    

    View Slide

11. ΏΔ8FCࡳຈ !UBDDL
    ؆୯ʹݴ͏ͱ
    • UI͸ϩʔΧϧPCͷVSCodeΛ࢖͍
    
    • ϦϞʔτϚγϯͷதʹVSCode࣮ߦ؀ڥΛ࡞Γ
    
    • ϦϞʔτͷ؀ڥ಺ͰϓϩάϥϜΛ࣮ߦ͍ͯ͠Δ͚Ͳ
    
    • ݟͨ໨͸ϩʔΧϧPCΛૢ࡞͍ͯ͠ΔΈ͍ͨ
    ศར!!!
    

    View Slide