TypeScript and Visual Studio Code
2 likes1,241 views
第9回 Apache Cordova勉強会@株式会社ウフル【Angularチーム来日記念】セッション資料
![JavaScript のあいまいさを排除し、安全性?可読性?生産性を向上
interface I { }
class C { }
module M { }
{ s: string; }
number[]
() => boolean
// Number
var x: number; // 明示的
var y = 0; // y: number と同じ
// Boolean
var b: boolean; // 明示的
var yes = true; // yes: boolean = true と同じ
// String
var s: string; // 明示的
var n = "akira"; // n: string = "akira" と同じ
// Enum
enum Color { Red, Green, Blue }
var myColor = Color.Red;
Console.log(Color[myColor]); // Red](https://image.slidesharecdn.com/opennesstscvsc20161210-161213111108/85/TypeScript-and-Visual-Studio-Code-8-320.jpg)
More Related Content
What's hot (20)
Viewers also liked (20)
Similar to TypeScript and Visual Studio Code (20)
![[TL04] .NET 15 周年の今こそ考えるクラウドネイティブ アプリケーションと .NET の活用](https://cdn.slidesharecdn.com/ss_thumbnails/tl04-170614050632-thumbnail.jpg?width=560&fit=bounds)
![[Japan Tech summit 2017] APP 001](https://cdn.slidesharecdn.com/ss_thumbnails/techsummit2017pdfapp001-171115031546-thumbnail.jpg?width=560&fit=bounds)
More from Akira Inoue (20)
Recently uploaded (6)
TypeScript and Visual Studio Code
- 1. Microsoft Openness ～ TypeScript and Visual Studio Code ～ 井上 章 (いのうえ あきら) http://aka.ms/chack 日本マイクロソフト株式会社 デベロッパー エバンジェリズム統括本部 (DX) エバンジェリスト
- 2. 井上 章 (いのうえ あきら) エバンジェリスト http://aka.ms/chack 2008 年マイクロソフト入社。 主に .NET/ASP.NET や Visual Studio, Microsoft Azure などの開発技術を専門とする エバンジェリストとして、技術書籍やオンライ ン記事などの執筆、さまざまな技術イベントで の講演などを行う。
- 3. JavaScript is the Assembly Language of the Web. by Scott Hanselman.
- 4. TypeScript Any browser. Any host. Any OS. Open Source.
- 6. ? ? ? ? ? ? ? Any browser. Any host. Any OS. Open Source.
- 7. TypeScript ファイル (*.ts) TypeScript コンパイラ (tsc) JavaScript ファイル (*.js) TypeScript 型定義ファイル (*.d.ts) JavaScript 実行エンジン Node.js または WSH (WScript.Shell) で実行 ECMAScript 3 (ES3) ECMAScript 5 (ES5) ECMAScript 2015 (ES2015) 試験的実装 Web ブラウザーや Node.js など
- 8. JavaScript のあいまいさを排除し、安全性?可読性?生産性を向上 interface I { } class C { } module M { } { s: string; } number[] () => boolean // Number var x: number; // 明示的 var y = 0; // y: number と同じ // Boolean var b: boolean; // 明示的 var yes = true; // yes: boolean = true と同じ // String var s: string; // 明示的 var n = "akira"; // n: string = "akira" と同じ // Enum enum Color { Red, Green, Blue } var myColor = Color.Red; Console.log(Color[myColor]); // Red
- 9. interface, class, namespace などのオブジェクト指向言語構文の導入 interface Dog { name: string; Talk: () => string; } class Corgi implements Dog { name: string; constructor(name: string) { this.name = name; } Talk(): string { return "Bow wow!"; } } class myDog extends Corgi { constructor() { super("reo"); } Talk(): string { return "Wan wan!"; } } namespace M { export var reo = new myDog(); } alert(M.reo.Talk());
- 10. ジェネリクス (Generics) 構文 アロー関数式 (ES2015 匿名関数構文) Get / Set アクセサ構文 (プロパティ) class Human<T> { ... } var me = new Human<string>("Akira"); var a = function (x: number) { return Math.sin(x); } // 標準式 var b = x => Math.sin(x) class Who { private _name: string; get Name() { return this._name; } set Name(name: string) { this._name = name; } }
- 11. Visual Studio Code http://code.visualstudio.com/ Code optimized editor Intellisense, debugging, GIT Windows + Mac + Linux Open Source