O slideshow foi denunciado.
Seu SlideShare está sendo baixado. ×

使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~

Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio
Anúncio

Confira estes a seguir

1 de 47 Anúncio

Mais Conteúdo rRelacionado

Diapositivos para si (20)

Semelhante a 使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~ (20)

Anúncio

Mais recentes (20)

Anúncio

使い倒そう Visual Studio Code! ~クラウド連携や遠隔ペアプロ、  もちろん Git も便利に~

  1. 1. 使い倒そう VISUAL STUDIO CODE! ~クラウド連携や遠隔ペアプロ、 もちろん GIT も便利に~ さっくる (本間咲来) 日本マイクロソフト株式会社 SOFTWARE ENGINEER #osckyoto
  2. 2. 仕事では IoT、Bot、Azure の開発支援がメイン ♥ Visual Studio Code ♥ さっくる @sakkuru 本間咲来 / Saki Homma Software Engineer@Microsoft
  3. 3. VISUAL STUDIO CODE • オープンソースの無料のエディタ • マイクロソフトが開発 • マルチプラットフォーム(Win/Mac/Linux) • さまざまな言語、プラットフォーム向け開発が可能 • とにかく拡張機能がたくさん!!
  4. 4. https://marketplace.visualstudio.com/ 拡張機能の Marketplace
  5. 5. 2018/08/04 現在 8930個 2018/07/07 時点 8551個
  6. 6. Microsoft が出している拡張
  7. 7. Azure を便利に使える拡張たち
  8. 8. 本体もどんどん アップデート
  9. 9. https://code.visualstudio.com/updates
  10. 10. Activity Bar にメニューが 増えるように! ごちゃごちゃしなくなった
  11. 11. 全部デモ! VISUAL STUDIO CODE で WEB アプリを作って公開
  12. 12. デモでやること 1. ビデオチャットアプリを作る 2. Azure の App Service にデプロイする 3. Docker コンテナを作成する 4. Docker イメージ → コンテナレジストリ → App Service にデプロイ
  13. 13. ここからはデモで!
  14. 14. デモアプリ
  15. 15. 1. ビデオチャットアプリを作る 2. Azure の App Service にデプロイする 3. Docker コンテナを作成する 4. Docker イメージ → コンテナレジストリ → App Service にデプロイ ここまで
  16. 16. 1. ビデオチャットアプリを作る 2. Azure の App Service にデプロイする 3. Docker コンテナを作成する 4. Docker イメージ → コンテナレジストリ → App Service にデプロイ ここから
  17. 17. 便利なところいろいろ
  18. 18. 定義が開ける
  19. 19. AZURE の PAAS 連携
  20. 20. VSCode から直接デプロイ AZURE の APP SERVICE にデプロイ
  21. 21. DOCKER 連携
  22. 22. Docker のコマンドを VSCode のメニューから実行可能 DOCKER 連携
  23. 23. コンテナやクラウド上のイメージの状態確認 • Docker Hub や Azure上のイメージやコンテナの情報を確認できる • Attach や Restart 等も • ここから App Service へのデプロイもできる!
  24. 24. • スニペット・デバッガ・Git連携等 • たくさんの拡張機能を使えば快適な開発が可能 • アプリの Azure へのデプロイはとても簡単! • Docker イメージやコンテナの管理も楽 • VSCode → コンテナレジストリ → Azure へのデプロイも ここまで
  25. 25. GIT 連携機能
  26. 26. GIT DIFF 表示
  27. 27. GIT LOG 表示
  28. 28. GIT BLAME 表示 1
  29. 29. GIT BLAME 表示 2
  30. 30. リビジョンの比較
  31. 31. GITHUB ISSUES の確認
  32. 32. VISUAL STUDIO CODE で 遠隔ペアプログラミング
  33. 33. • Visual Studio と Visual Studio Code 間でリアルタイム に共同作業ができる機能 VISUAL STUDIO LIVE SHARE https://code.visualstudio.com/visual-studio-live-share
  34. 34. まずは拡張機能を インストール
  35. 35. この Share メニューから すべてがはじまる
  36. 36. ターミナルも ローカルサーバもシェアできる!
  37. 37. VS LIVE SHAREでできること • コードのシェア • カーソル位置、選択位置のシェア • デバッグセッションのシェア • ターミナルのシェア • ローカルサーバのシェア • Visual Studio と Visual Studio Code で問題ない • OS 違っても問題ない
  38. 38. IOT 開発も VSCODE で
  39. 39. IoT Hub に接続している デバイスの状態監視や メッセージ送受信が可能
  40. 40. まとめ
  41. 41. まとめ • コーディングに関する機能・拡張はとても充実 • コンテナ開発やクラウド連携も簡単 • Git 連携や、GitHub も便利に • 遠隔ペアプロも! • コードのシェアだけじゃない! • ターミナルやローカルサーバもシェアできる
  42. 42. Let’s code!
  43. 43. その他参考資料 Visual Studio Code で快適開発生活 -拡張を作って公開しよう- https://www.slideshare.net/sakkuru/visual-studio-code-77025428

×