2019 年、Stack Overflow Developer Survey 2019 の調査結果によると、開発者が使っている開発環境の 1 位に選ばれた Visual Studio Code。 VS Code Meetup では、言語、職種の違うエンジニアが集まり、様々な使いこなしが共有されています。 本セッションでは、実際のデモを交えながら、エンジニアの皆さんのスキルアップはもちろんのこと、オンラインまたはオフラインのコミュニティイベントのハンズオンの場面においても役立つ、Live Share などの拡張機能や使いこなしについてご紹介いたします。

1. *本資料の内容 (添付文書、リンク先などを含む) は de:code 2020 における公開日時点のものであり、予告なく変更される場合があります。
#decode20 #
あらゆるエンジニアを支援！
VS Code Meetup の紹介と
ハンズオンで活躍するテクニック集
C02
戸倉彩
@ayatokura
IBM Japan, Ltd.
Sr. Developer Advocate
森下篤
@74th
Mobility Technologies Co., Ltd.
Mobility Intelligence Dept

2. 本セッションについて
対象者
課題
ゴール
エディタを利用するあらゆるエンジニアの方々
異なる開発環境を利用するハンズオン参加者への対応
VS Code拡張機能を活用して開発環境やコード共有ができるようにな
る

3. セッションアジェンダ
1. VS Code Meetup コミュニティのご紹介
2. オープンな世界を実現するVisual Studio Code
3. Visual Studio Code 実践

6. Beforeコロナ時代Withコロナ時代

7. https://code.visualstudio.com/

8. github.com/microsoft/vscode
marketplace.visualstudio.com/vscode

10. Atsushi Morimoto (@74th)

11. • 参加者の環境を揃える必要がある
• 参加者ごとにOSが違い、それぞれ解説しなければならない
(オンライン)ハンズオンの課題

12. 1. Visual Studio Live Share
2. Visual Studio Code Remote Development
ハンズオン環境構築パターン

14. ホストマシン
Visual Studio Live Share

15. Visual Studio Live Shareの注意点
権限設定を適切にする
同時編集するコンテンツか？
使えないExtensionがある
Debugger for Chromeなど

16. リモートサーバ
VS Code Remote Development (SSH)

17. Dockerコンテナ
Dockerコンテナ
VS Code Remote Development (Container)

18. VS Code Remote Developmentの注意点
SSL認証鍵の配布/共有が必要 (SSH)
デバッグで使用するポートの衝突を避ける (SSH)
Docker for Desktopの準備が必要 (Container)
→Visual Studio Codespacesでも使える

19. まとめ
ハンズオンの環境構築には
Visual Studio Live Share、
Visual Studio Code Remote Developmentが有効
Dockerコンテナを用意すればDocker for Desktopの他、
Visual Studio Codespaces で環境を完結もできる
VS Code Meetup ではこれらの知見も共有さています！

20. Appendix

23. © 2018 Microsoft Corporation. All rights reserved.
本情報の内容（添付文書、リンク先などを含む）は、作成日時点でのものであり、予告なく変更される場合があります。
© 2020 IBM Japan, Ltd. All rights reserved.
© 2020 Mobility Technologies Co., Ltd. All rights reserved.
本情報の内容 (添付文書、リンク先などを含む) は、公開日時点のものであり、予告なく変更される場合があります。
本コンテンツの著作権、および本コンテンツ中に出てくる商標権、団体名、ロゴ、製品、サービスなどはそれぞれ、各権利保有者に帰属します。