だいぶ遅くなりましたが、Tohoku ComCamp 2016 powered by MVPsで発表した資料です。 VSCodeが出来ることとそのメリットについて、簡単に説明しました。

1. ～ Tohoku ComCamp 2016 ～
Introduction to Visual Studio Code
五十嵐 祐貴(いがらし ゆうき) @bonprosoft
Microsoft MVP
サトヤ仙台

2. 自己紹介
• 五十嵐 祐貴 （ @bonprosoft ）
• Microsoft MVP for Visual Studio and Development Technologies
• Microsoft Student Partners Fellow
• サトヤ仙台 代表
• 他
o 東北大学工学部電気情報工学科

3. 近況
• 本を書きました
o .NET開発テクノロジ入門2016年版Visual Studio 2015対応版

4. はじめに
みなさん

5. はじめに
開発楽しんでますか？

6. はじめに
みんなが大好きなエディタと言えば…

7. はじめに
みんなが大好きなエディタと言えば…
Visual Studio

8. 2016年2月10日
Visual Studio 2015 Update 2 CTPリリース
Visual Studio2015

9. • クロスプラットフォーム
モバイル開発
o Xamarin
o Apache Cordova
o Android ネイティブ開発キッ
ト
o Unity
• ASP.NET Core 1.0
Visual Studio 2015

10. • クロスプラットフォーム
モバイル開発
o Xamarin
o Apache Cordova
o Android ネイティブ開発キッ
ト
o Unity
Visual Studio 2015

11. .NET 2015
RyuJIT, SIMD
Runtime Compilers
.NET Compiler Platform (“Roslyn”)
C#/F#/VB Languages
.NET Core 5 Libraries
.NET Framework 4.6 Libraries
Libraries
.NET Framework 4.6 .NET Core 5
Fully-featured and integrated
.NET libraries and runtime for Windows
Modular and optimized
.NET libraries and runtimes

12. ASP.NET 5 is dead?

13. • ASP.NET 5の名称変更
o ASP.NET 5と4.6の関係をより明確
に
• 以下の名称も変更
o .NET Core 5 => .NET Core 1.0
o Entity Framework 7 =>
Entity Framework Core 1.0
o ASP.NET MVC 6 =>
ASP.NET Core MVC 1.0
ASP.NET 5 is dead?

14. .NET 2015
RyuJIT, SIMD
Runtime Compilers
.NET Compiler Platform (“Roslyn”)
C#/F#/VB Languages
.NET Core 5 Libraries
.NET Framework 4.6 Libraries
Libraries
.NET Framework 4.6 .NET Core 5
Fully-featured and integrated
.NET libraries and runtime for Windows
Modular and optimized
.NET libraries and runtimes

15. .NET 2015 (New)
RyuJIT, SIMD
Runtime Compilers
.NET Compiler Platform (“Roslyn”)
C#/F#/VB Languages
.NET Core 5 Libraries
.NET Framework 4.6 Libraries
Libraries
.NET Framework 4.6 .NET Core 1.0
Fully-featured and integrated
.NET libraries and runtime for Windows
Modular and optimized
.NET libraries and runtimes

16. ASP.NET 4.6
様々なシナリオに適した
完全な .NET Framework とライブラリ
BCL (Base Class Library)

17. ASP.NET 4.6 and ASP.NET Core 1.0
サーバー & クラウド環境に最適化された
軽量ランタイム (.NET Framework サブセット)
Mono
様々なシナリオに適した
完全な .NET Framework とライブラリ
BCL (Base Class Library) CoreFX (.NET Core Libraries)

18. クロスプラットフォームな開発支援環境

19. • オープンソースなコードエ
ディタ
o 様々な言語に対応（30over）
o Gitと強力な連携
o タスクランナーを搭載
 gulp, grunt
o 各種ランタイムと連携
 Node.js, ASP.NET Core 1.0, Unity …
o プラグインシステムを搭載
 後述
クロスプラットフォームな開発支援環境

20. VSCode Overview
サポート機能
シンタックスハイライト,
Bracket Matching
Batch, C++, Clojure, Coffee Script,
DockerFile, F#, Go, Jade, Java,
HandleBars, Ini, Lua, Makefile,
Objective-C, Perl, PowerShell, Python,
R, Razor, Ruby, Rust, SQL, Visual
Basic, XML
+ スニペット Groovy, Markdown, PHP, Swift
＋IntelliSense,Outline CSS, HTML, JavaScript, JSON, Less,
Sass
＋リファクタリング,参照
検索
C#, TypeScript

21. • Git連携
o 基本的な操作はエディタだけで完結
o Gitと連携した開発時支援機能もあり
VSCode Overview

22. • タスクランナー連携
o 圧縮やコンパイル処理
などを自動化
o gulpjs, Gruntなど
o Gulpfile.jsやGruntfile.js
編集時にも支援機能
VSCode Overview

23. Visual Studio Code Marketplace

24. Demo
VSShare

25. VSShare
• VSShare
o エディタで表示している
内容をリアルタイムに
Webで表示

26. 各種テクノロジと強力な連携
ASP.NET Core

27. 各種テクノロジと強力な連携
• Node.js
o IntelliSenseによる開発支援
o npmとの連携
o デバッグ支援
 ブレークポイント
 変数ウインドウ
 デバッグコンソールなど
ASP.N

28. 各種テクノロジと強力な連携
ASP.NET Core
• ASP.NET Core
o OmniSharpと連携した強力な
入力補完
o yoプラグインによるスキャ
フォールディング
o デバッグ支援

29. 各種テクノロジと強力な連携
• TypeScript
o IntelliSenseによる開発支援
o 型定義ファイルの自動ダウ
ンロード
o デバッグ支援

30. Demo
ASP.NET Core