VS Code Meetup #11 - 入門編2021

1. VS Code新機能紹介
2020-2021
上⽥裕⼰
VS Code Meetup #11 - ⼊⾨編2021 #vscodejp

2. ⾃⼰紹介
上⽥裕⼰ @Ikuyadeu
奈良先端⼤ 博⼠課程
VS Codeコントリビュータ＆拡張機能開発
• R⾔語サポート
• カラーテーマ
• スタイルチェック

3. 本⽇紹介する機能
Notebook
ARMプロセッサ
リモート開発 設定の同期 新拡張機能
GitHub

4. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
拡張機能
GitHub Pull Request “and Issues”
GitHub
コメント⽂の
• TODO
• BUG
に反応しIssueを⾃動作成

5. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
Issue, Pull Request連携
ユーザーID 連携機能
@GitHub_ID
Issue連携機能
#issue_ID
GitHub

6. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
ローカルマシン リモートマシン
VS Codeサーバー
VS Codeサーバー
テーマ/UI拡張
テーマ/UI拡張
ワークスペース拡張
ワークスペース拡張
ターミナルプロセス
実⾏アプリケーション
デバッガー
ソースコード
リモート開発
SSH コンテナ
(Docker)
Windows Subsystem
for Linux (WSL)
サポート環境
GitHub Codespaces

7. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
ARMプロセッササポート
• Windows ARM
• Surface Pro X
• Linux ARMv7, ARM64
• Chromebook, Raspberry Pi
• Apple Silicon
• M1チップMac
ARMプロセッサ

8. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能

9. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
Jupyter Notebook
ドキュメントと実⾏可能なPythonの組
み合わせ
Notebook

10. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
複数PCで設定、キー、拡張、UIを共有
設定の同期

11. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
複数PCで設定、キー、拡張、UIを共有
(1)左下の⻭⾞から”Turn on Setting Sync”を選ぶ
(2)MicrosoftまたはGitHubでログイン
設定の同期

12. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
開発中の新拡張機能
RemoteHub
GitHubリポジトリの閲覧・編集
Makefile Tools
C/C++ のMakeファイル補完/デバッグ/実⾏
Brackets Extsnsion Pack
Adobe Bracketsエディタの機能再現
Hex Editor
ファイルを16進数表⽰
Pylance
Pythonの型つきサポート
JavaScript Debugger
Node.js, Chrome向けのテスト機能
拡張機能

13. GitHub Notebook
ARMプロセッサ
リモート開発 設定の同期 拡張機能
まとめ:
エディタのアップデートでトレンドがわかる
毎⽇アップデート版 Software Design 毎⽉18⽇販売
VS Code快適平滑
毎⽇更新を体験したい⼈向け ⽉イチでざっくり確認したい⼈向け