Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

自己紹介 - 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.. 来年もいろいろやりたいけどそろそろ首が回らなくなってきたぞ。。

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

What is VS Code

Slide 9

Slide 9 text

マイクロソフトがオープンソースとして開発しているコードエディター 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 なに?

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

Runs everywhere.

Slide 12

Slide 12 text

拡張機能と言語サポート

Slide 13

Slide 13 text

Remote Development

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

リモート開発チュートリアル 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.

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

クラウド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/ ※参考 クラウド開発環境の推移

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

Nori Suzuki (@szkn27) VS Code Conference Japan