サマーインターン前にツヨツヨになっちゃおうの会 (https://connpass.com/event/181419/)

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