VS Code Hands On - ALGYAN

VS Codeハンズオン向け資料
https://algyan.connpass.com/event/153281/presentation/
実際のVS Codeハンズオン資料はGitHubにて公開
https://github.com/algyan/hands_on-VSCode

Transcript

1. !(*#)*!%%
   ›”UIZGf[D\D@AYR7
   û·LāĞ ijM
   

   View Slide

2. ¹Å‘}’ƒ
   žŽ†° !"éĝ…J¡­
   {°Jš’–Ĕß
   ¶ĬfÔjøYPÞæ^
   

   View Slide

3. #ALGYAN
   本⽇のイベント
   ハッシュタグ
   

   View Slide

4. ¼ġĮĐ
   āĞ ij
   ! .>.589.:->8,*<.
   •£®’žJ y—¤…{–
   ë¦{ƒ®Ž –g”ƒ™­~°Š}¬‹–E
   %"%D§˜Jp{£°–ĘĵDĪĤõÕvÉZaD
   Ì¿ºgÃIf !58=-gĂĊIJķv¸QE
   

   View Slide

5. 1<<9; ???*6*B87,839 -9
   
   5>2;ˆ9=
   +#8s„.“o/
   K0X
   ĂĊîä
   gðď
   KiUiT K`cZUB
   †°”°“
   ¿à
   ”’ƒė
   †§ª™”z
   

   View Slide

6. û·LāĞijM ”ƒ™­«{J
   ½İĭ Software Design
   ÏģLVisual Studio Code ĨĚÀõM
   

   View Slide

7. ³±gĀu
   '%8-.ch
   Ħïgê³cÝÆÃË
   !*:4-8?7
   02<
   J§˜­
   2>.;1*:.
   @<.7;287gÌ¿ÃË
   

   View Slide

8. )*"+,"-./0ch
   

   View Slide

9. エンジニア
   もそうでない⽅も
   

   View Slide

10. エディタ
    

    View Slide

11. ~•z
    —r
    x{­ ­
    èçćÂý
    Ģá¯Jƒ ®J
    ‚J¤J—ĦïU´í
    ^hOEIWNPUa
    ŽJ‹†J—ìī
    •’„
    Ą»ĎĈµbgŸ­—
    |zˆJ—
    VMCY0
    CiUJg0Ndi
    ¢«’– J¨“J­
    
    7<.0:*<.-.>.5896.7<7>2:876.7<
    Ą»Ì¿ĎĈ
    

    View Slide

12. エディタ
    誰でもできる
    どこでも使える
    やりたいことに集中したい
    

    View Slide

13. エディタの選び⽅
    お試しで使ってみて
    相性の良いものを
    

    View Slide

14. !(*#)*!%%
    

    View Slide

15. ğČFÁēe
    ÁØò~•zJ
    (27-8?;6*,#% 27=@
    !"#$%&'()$*"+',+*-
    ÙoěÑet
    Ą»Ì¿ĎĈ
    (27-8?;6*,#%
    '2;=*5%<=-28
    '2;=*5%<=-28/8:6*,
    ‘J¨Ì¿g]ngƒ«|— ‡JŸ‹
    '2;=*5%<=-28*625A
    B=:..>#9;
    ©{­Ì¿
    Ÿ­— •¢®{ ”‹–
    '2;=*5%<=-2899.7<.:
    

    View Slide

16. åíºTrÓċºfoăÈ`H
    

    View Slide

17. Visual Studio CodebbVtWc
    runtimes node.js, ASP.Net, Unity
    Q0P
    KiWh0f
    git
    RPIvl
    gulp
    Gradle
    make
    K
    FVBR
    èĒe
    Ì¿çć
    ’Ž{ƒ
    R0`Yf
    

    View Slide

18. ~•z
    —r
    x{­ ­
    èçćÂý
    Ģá¯Jƒ ®J
    ‚J¤J—ĦïU´í
    ^hOEIWNPUa
    ŽJ‹†J—ìī
    •’„
    Ą»ĎĈµbgŸ­—
    |zˆJ—
    VMCY0
    CiUJg0Ndi
    ¢«’– J¨“J­
    —r
    x{­ ­
    èçćÂý
    H0_0Xš‚3k€
    ŽJ‹†J—ìī ¶Ç
    V]SJ
    RPIvl
    '2;=*5%<=-288-.
    
    7<.0:*<.-.>.5896.7<7>2:876.7<
    Ą»Ì¿ĎĈ
    

    View Slide

19. 
    =7.
    
    
    
    =5A
    
    
    
    =0=;<
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    
    !*:,1
    
    
    
    9:25
    
    
    
    !*A
    
    
    
    
    
    
    
    
    
    
    }t
    jn•
    w™uˆ
    ˜nAS^V0W
    %›”q‡8j‘<Œ<
    jn•
    %‰Š
    }t
    jn•
    w™m
    }t
    jn•
    w™m
    }t
    jn•
    w™m
    } t
    jn•
    w™m
    }
    t
    jn•
    w™m
    }t
    j n•
    w™m
    }t
    j
    n•
    w™m
    } t
    jn•
    w™m
    }t
    jn•
    w™m
    }t
    jn•
    w™m
    }t
    j n•
    w™m
    
    ²½
    1 !(*#)*!%$#!$py
    1 $)##!%
    1 eb0Wup zu
    %hL‹– ACKi‹–
    )"+'#%,x|†zu
    :4…?>61=upT0f
    ~ %
    
    ²½
    1 !+ '
    

    View Slide

20. View Slide

21. View Slide

22. View Slide

23. クロスプラットフォームの
    デスクトップアプリケーションシェル
    (旧Atom Shell)
    

    View Slide

24. 23)4Ę
    ¾
    

    View Slide

25. 1<<9; ,8-.>2;=*5;<=-28,86
    +,"-./0"Öù‡{–
    

    View Slide

26. '%8-.
    ±³ćÂýf`PaK
    

    View Slide

27. '%8-.¢®ƒ– #
    Öù(.+‡{–
    Öù&?2<<.:
    ¬¬J‹›J–
    Ė
    ć
    Ĵ
    ĉ
    u
    H
    

    View Slide

28. '%8-.±³ć¬ŽJ‹
    1 óĥLħĠìĆ'2;=*5%<=-288-.M
    1 %8/*:..;207ĩĭL'%8-.ĨĚÀõM
    1 $22<*
    1 üĕ¡®„
    1 &?2<<.:'%8-.39 '%8-.
    

    View Slide

29. 1<<9; 02<1=+,86 *50A*7 1*7-;)87'%8-.
    +,"-./0"œ°Œ€°Î÷
    

    View Slide

30. Oe]g'%8-.hčĜb[TG
    

    View Slide

31. 
    
    %
    )#
    %
    $(!'(
    %
    -%')!%$
    %
    
    €J¢°
    ŽJ‹
    C N N N N
    y|°–
    Ęđ
    ÿPcãÐ
    bVeP
    ØòOs
    ×Û ×Û ×Û ×Û
    ÚÆÜ Á Á ´ ´ ´
    ‡¥J– ö ÿ ÿ ÿ ÿ
    

    View Slide

32. 1<<9; 02<1=+,86 !2,:8;8/< >;,8-. ?242 8?<887<:2+=<.+=25-*7-:=7
    +,"-./0"&56789
    1<<9; 02<1=+,86 !2,:8;8/< >;,8-.
    -./0vŸ­—[tÃË
    

    View Slide

33. View Slide

34. ÊÄg'%8-.
    [kahįXwñâH
    

    View Slide

35. View Slide

36. View Slide

37. 本⽇はお疲れ様でした
    本⽇の学びや、VS Code愛を
    SNSやブログでアウトプットしましょう
    #ALGYAN
    

    View Slide