はじめての VS Code and Codespaces

VS Code Conference Japan https://vscode.connpass.com/event/184441/

Transcript

1. はじめての
   VS Code and Codespaces
   Nori Suzuki (@szkn27)
   VS Code Conference Japan 2020/11/21
   

   View Slide

2. 本日のアジェンダ
   - VS Code とはなにか
   - プロダクト・サービスの種類
   - 拡張機能、マーケットプレイス
   - オープンソースであること
   - 開発環境の変化とトレンド
   - リモート開発
   - クラウドIDE、GitHub Codespaces
   基本操作をマスターしたい人はハ
   ンズオントラックがオススメ
   

   View Slide

3. 自己紹介
   - Nori Suzuki (@szkn27)
   - Community Advocacy Program Manager @ Microsoft
   この人
   

   View Slide

4. 自己紹介
   - Nori Suzuki (@szkn27)
   - Community Advocacy Program Manager @ Microsoft
   - VS Code Meetup co-organizer おめでとう1周年！
   - DevRel/Asia co-organizer 先週終わりました！
   - CloudNativeDays co-organizer 次回は年明け2-3月くらい？！
   - Cloud Operator Days Tokyo 2020, PyCon JP 2020, etc..
   来年もいろいろやりたいけどそろそろ首が回らなくなってきたぞ。。
   

   View Slide

5. 2015年のConnect();で生誕
   - Erich Gamma
   - オープンソース化
   -
   - Monaco + Electron
   VS Code 誕生の歴史
   Visual Studio Code, now open source, with extensability
   https://www.youtube.com/watch?v=x4-J1MpMGog
   

   View Slide

6. 最も人気のある開発ツール
   Stack Overflow Developer Survey 2019
   https://insights.stackoverflow.com/survey/2019#development-environments-and-tools
   

   View Slide

7. 最も貢献者が多いOSSプロジェクト
   The State of the Octoverse
   https://octoverse.github.com/#top-and-trending-projects
   

   View Slide

8. What is
   VS Code
   

   View Slide

9. マイクロソフトがオープンソースとして開発しているコードエディター
   https://code.visualstudio.com/
   - マイクロソフトってWindows/Officeの会社？
   -
   - オープンソースってつまりどういうこと？
   - https://github.com/microsoft/vscode
   - https://github.com/microsoft/vscode/wiki/Roadmap
   -
   - エディターとIDEってなにが違うの？
   - (テキスト|コード) エディター
   - IDE (Integrated Development Environment) 統合開発環境
   VS Code is なに？
   

   View Slide

10. - Visual Studio IDE
    - Visual Studio for Mac
    - Visual Studio Code
    - Visual Studio App Center
    Visual Studio
    Visual Studio
    https://visualstudio.microsoft.com/ja/
    

    View Slide

11. Runs everywhere.
    

    View Slide

12. 拡張機能と言語サポート
    

    View Slide

13. Remote
    Development
    

    View Slide

14. 開発環境の変化とトレンド
    - VS Code Remote Development
    VS Code Remote Development
    https://code.visualstudio.com/docs/remote/remote-overview
    

    View Slide

15. Facebook and Microsoft Partnering on Remote Development
    https://developers.facebook.com/blog/post/2019/11/19/facebook-microsoft-partnering-remote-development/
    

    View Slide

16. リモート開発チュートリアル
    Tutorial Description
    Remote via SSH Connect to remote and virtual machines with Visual Studio Code via SSH.
    Work in WSL Run Visual Studio Code in Windows Subsystem for Linux.
    Develop in Containers Run Visual Studio Code in a Docker Container.
    GitHub Codespaces Connect to a codespace with Visual Studio Code.
    

    View Slide

17. Visual Studio Codespaces
    Consolidation
    Visual Studio Codespaces は GitHub Codespaces へ
    - 2020/9/4 アナウンス
    - 2020/12/16 新規作成停止
    - 2021/2/17
    - VS Codespacesサービス停止
    ※現状はプレビュー版で、
    　アクセスリクエストを受付中
    （使えるようになるには時間がかかります）
    

    View Slide

18. クラウドIDE
    - Visual Studio Online "Monaco" 2013年
    - Visual Studio Online 2019年
    - Visual Studio Codespaces 2020年
    - GitHub Codespaces ← イマココ 2021年
    ※注意 （以下はクラウドIDEでなくDevOpsツールの名称です）
    - Visual Studio Online
    - Visual Studio Team Services / Team Foundation Server
    - Azure DevOps / Azure DevOps Server
    Microsoft announces Visual Studio Online, a web-based code editor
    https://mspoweruser.com/microsoft-announces-visual-studio-online-a-web-based-code-editor/
    ※参考 クラウド開発環境の推移
    

    View Slide

19. Microsoft developer cloud
    - Visual Studio Family
    - Microsoft Azure
    - GitHub
    

    View Slide

20. Burkeからのお約束
    Remote - Containers
    https://aka.ms/vscodejp-remote-containers
    GitHub Pull Requests and Issues
    https://aka.ms/vscodejp-pull-requests
    

    View Slide

21. Nori Suzuki (@szkn27)
    VS Code Conference Japan
    

    View Slide