![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/typescriptandvscode20160618p-160623082147/85/Visual-Studio-Code-TypeScript-9-320.jpg)
Visual Studio Codeで始めるTypeScript
- 2. What programming language do you use? どんなプログラミング言語を使っていますか？
- 3. JavaScript is the Assembly Language of the Web. by Scott Hanselman
- 4. TypeScript TypeScript is a typed superset of JavaScript that compiles to plain JavaScript. Any browser. Any host. Any OS. Open Source. JavaScript that scales.
- 6. 0
- 7. 1. 2. 3. function greeter(person) { return "Hello, " + person; } var user = "Jane User"; var message = greeter(user);
- 8. 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 など
- 9. 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
- 10. 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());
- 11. 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; } }
- 13. Visual Studio Code http://code.visualstudio.com/ Code optimized editor Intellisense, debugging, GIT Windows + Mac + Linux Open Source
- 14. runtimes node.js, .NET Core, Unity, Office ソース コントロール git タスク実行 gulp grunt … エディタ 30 以上の 開発言語 拡張機能 Debuggers, Languages Linters, Snippets, Themes ...
- 16. + Squirrel をアプリケーションのアップデート機能に + FirstMate を TextMate シンタックス バンドリング サポートに クロスプラットフォームの デスクトップ アプリケーション シェル (旧 Atom Shell)
- 18. TypeScript Any browser. Any host. Any OS. Open Source. JavaScript のスーパーセット ES 3 以上の環境をサポート 静的型付けとオブジェクト指向 多くの開発ツールのサポート 最新 ES 言語仕様を先取り JS 開発生産性を向上
- 20. http://www.typescriptlang.org http://www.typescriptlang.org/docs/tutorial.html https://github.com/Microsoft/TypeScript https://github.com/Microsoft/TypeScript/blob/master/doc/spec.md