$30 off During Our Annual Pro Sale. View Details »

はじめての VS Code and Codespaces

はじめての VS Code and Codespaces

nori suzuki (@szkn27)

November 21, 2020
Tweet

More Decks by nori suzuki (@szkn27)

Other Decks in Technology

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