1.
Visual Studio Code
あれこれ
石井 峻
青山学院大学

2.
石井峻（いしいしゅん）
所属：青山学院大学、修士１年
研究：フィットネストラッキング
趣味：旅行、サッカー
技術：Android、Unity、MATLAB...
@ShunIshii2

3.
アジェンダ
自己紹介
Visual Studio Code とは
基本機能
おすすめ拡張機能
Visual Studio Codespaces
VS Code コミュニティ
書籍

4.
Visual Studio Code とは
• Microsoft の製品
• クロスプラットフォームで動作する
デスクトップアプリケーション
• 統合開発環境(IDE)とエディタの間
• シンプルで軽量かつ安定的な動作
• 柔軟な拡張性
• 愛称は VS Code
• オープンソース
(https://github.com/microsoft/vscode)
• 2016年4月、正式版をリリース
人気エディタランキング
転職DRAFT (https://job-draft.jp/articles/419)

5.
統合開発環境（IDE） エディタ
Windows Mac Windows / Mac / Linux
Visual Studio シリーズ
Visual Studio Visual Studio for Mac Visual Studio Code

6.
Visual Studio Code シリーズ
Stable Insiders Exploration

7.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

8.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

9.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

10.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

11.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

12.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

13.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

14.
基本機能
• エクスプローラ
• 検索
• ソース管理
• デバッグ
• 拡張機能管理
• 拡張機能たち
• ターミナル！

15.
カスタマイズ
• アプリの設定
• settings.json, defaultSettings.json でも書き換え可能
• 上記ファイルをコピーすれば同じ環境を構築
• Microsoft / GitHub アカウントで設定を同期可能（になる）
• Key Bindings
• ショートカットキーの割り当て
• 使い慣れている Keymap を使用可能 (Vim、Atom…)
• エディタとターミナルの移動 (https://qiita.com/Shun141/items/fbed88abd4518f6d4039)

16.
おすすめ拡張機能
• コード補完、ハイライト系
• C#、Pylance (Python)、Visual Studio
IntelliCode
• Live Share (共同作業)
• Remote Development
• Remote-SSH
• Remote-Container
• Remote-WSL
• Visual Studio Codespaces
自作可能

17.
Visual Studio Codespaces とは
• クラウド上の開発環境 (cloud9 てきな)
• 2019年12月
Visual Studio Online
↓
2019年5月
Visual Studio Codespaces
• ブラウザ / デスクトップアプリ
どちらでも

18.
Visual Studio Codespaces の良いところ
• 環境の作成・破壊が気軽
• 軽い
• スケーリングが簡単
• どこからでもアクセス可能
• VS Code そのもの
• 環境ごとに拡張機能を追加可能
• localhost 使える（結構すごいと思う）
• 使い方は (https://qiita.com/Shun141/items/6b60fbf25eaf1caae770)

19.
Visual Studio Codespaces の悪いところ
• 名前が長い
• Azure 学生アカウントで使用不可
• 若干の課金

20.
コミュニティ
https://vscode.connpass.com/
ハンズオン、プレゼント企画なども…?
2020年11月「VS Code Conference Japan (仮)」 開催予定！

21.
本日発売
Software Design 8月号

22.
https://www.c-r.com/book/detail/1327 https://book.mynavi.jp/ec/products/detail/id=115232https://gihyo.jp/book/2020/978-4-297-11201-1
おすすめ書籍

23.
8月3日 Azure Static Web Apps の勉強会
• 手厚いサポート付き
• https://mspjp.connpass.com/event/181533/
Connpass: https://mspjp.connpass.com/
Microsoft Learn Student Ambasodor (旧 Microsoft Student Partner) を中心とした学生団体
宣伝

24.
最後に…
エディタを使いこなす
開発を効率良くしたい！
早めに学びに行きましょう
Presented by Shun Ishii