TypeScriptをより実践的に使うために

Build Insider Offline #2 ( http://www.buildinsider.net/event/offline/02 )

Transcript

2. ( )
4. TypeScript TypeScript TypeScript TypeScript ? ? TypeScript TypeScript
6. TypeScript Ver.1.0
7. JavaScript
9. ( )
12. Module( ) Class/Interface Arrow Function
13. IDE ( )
15. IDE DOM
16. JavaScript HTML
17. JavaScript Visual Studio IDE JavaScript
18. IDE
20. Node.js WebStorm Visual Studio Playground Visual Studio Online
22. % npm install -g typescript % tsc nantoka.ts
24. JetBrains Web HTML CSS JavaScript TypeScript TypeScript/JavaScript TypeScript Node.js
26. Microsoft 2013 Update 2 (Visual Studio Express) TypeScript
28. Visual Studio TypeScript
30. JetBrains Visual Studio ( )
35. Microsoft Azure Web Sites Node.js+TypeScript
38. Web WebStorm+Node.js Windows Visual Studio Playground Visual Studio Online
40. (.d.ts) DefinitelyTyped Visual Studio DefinitelyTyped Node.js DefinitelyTyped (.d.ts)
41. JavaScript
42. GitHub (.d.ts) https://github.com/borisyankov/DefinitelyTyped
45. tsd % npm install -g tsd % tsd query knockout
47. JavaScript TypeScript TypeScript
48. TypeScript declare
49. declare var hoge: number; // JavaScript hoge declare class Hoge { foo(): void; }
50. // Rabbit function Rabbit(name) { this.name = name; } // jump Rabbit.prototype.jump = function () { alert(this.name + ' '); } // Rabbit Tippy var Tippy = new Rabbit(' ');
51. any declare var Tippy: any;
52. declare var Tippy: any; declare class Rabbit { constructor(name: string); // name: string; // jump(): void; // }
53. any declare var Tippy: Rabbit; declare class Rabbit { constructor(name: string); // name: string; // jump(): void; // }
54. JS ? var HotCocoa = { name: ' ', price: 400 }; var KilimanjaroCoffee = { name: ' ', price: 600 };
55. new interface interface IDrinkStatic { name: string; price: number; } declare var HotCocoa: IDrinkStatic; declare var KilimanjaroCoffee: IDrinkStatic;
57. any any
60. TypeScript TypeScript JavaScript tsc
62. TypeScript