Build Insider Offline #2 ( http://www.buildinsider.net/event/offline/02 )
View Slide
( )
TypeScriptTypeScriptTypeScriptTypeScript ? ?TypeScriptTypeScript
TypeScript Ver.1.0
JavaScript
Module( )Class/InterfaceArrow Function
IDE ( )
IDEDOM
JavaScriptHTML
JavaScriptVisual Studio IDEJavaScript
IDE
Node.jsWebStormVisual StudioPlaygroundVisual Studio Online
% npm install -g typescript% tsc nantoka.ts
JetBrains WebHTML CSS JavaScript TypeScriptTypeScript/JavaScriptTypeScript Node.js
Microsoft2013 Update 2(Visual Studio Express) TypeScript
Visual StudioTypeScript
JetBrains Visual Studio( )
Microsoft Azure Web SitesNode.js+TypeScript
Web WebStorm+Node.jsWindows Visual StudioPlayground Visual Studio Online
(.d.ts)DefinitelyTypedVisual Studio DefinitelyTypedNode.js DefinitelyTyped(.d.ts)
GitHub (.d.ts)https://github.com/borisyankov/DefinitelyTyped
tsd% npm install -g tsd% tsd query knockout
JavaScript TypeScriptTypeScript
TypeScriptdeclare
declare var hoge: number; // JavaScript hogedeclare class Hoge {foo(): void;}
// Rabbitfunction Rabbit(name) {this.name = name;}// jumpRabbit.prototype.jump = function () {alert(this.name + ' ');}// Rabbit Tippyvar Tippy = new Rabbit(' ');
anydeclare var Tippy: any;
declare var Tippy: any;declare class Rabbit {constructor(name: string); //name: string; //jump(): void; //}
anydeclare var Tippy: Rabbit;declare class Rabbit {constructor(name: string); //name: string; //jump(): void; //}
JS ?var HotCocoa = {name: ' ',price: 400};var KilimanjaroCoffee = {name: ' ',price: 600};
new interfaceinterface IDrinkStatic {name: string;price: number;}declare var HotCocoa: IDrinkStatic;declare var KilimanjaroCoffee: IDrinkStatic;
anyany
TypeScriptTypeScript JavaScripttsc
TypeScript