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

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

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

1fe26e11357f3ba7250b6668ca61309f?s=128

Mayuki Sawatari

June 14, 2014
Tweet

Transcript

  1. None
  2. ( )

  3. None
  4. TypeScript TypeScript TypeScript TypeScript ? ? TypeScript TypeScript

  5. None
  6. TypeScript Ver.1.0

  7. JavaScript

  8. None
  9. ( )

  10. None
  11. None
  12. Module( ) Class/Interface Arrow Function

  13. IDE ( )

  14. None
  15. IDE DOM

  16. JavaScript HTML

  17. JavaScript Visual Studio IDE JavaScript

  18. IDE

  19. None
  20. Node.js WebStorm Visual Studio Playground Visual Studio Online

  21. None
  22. % npm install -g typescript % tsc nantoka.ts

  23. None
  24. JetBrains Web HTML CSS JavaScript TypeScript TypeScript/JavaScript TypeScript Node.js

  25. None
  26. Microsoft 2013 Update 2 (Visual Studio Express) TypeScript

  27. None
  28. Visual Studio TypeScript

  29. None
  30. JetBrains Visual Studio ( )

  31. None
  32. None
  33. None
  34. None
  35. Microsoft Azure Web Sites Node.js+TypeScript

  36. None
  37. None
  38. Web WebStorm+Node.js Windows Visual Studio Playground Visual Studio Online

  39. None
  40. (.d.ts) DefinitelyTyped Visual Studio DefinitelyTyped Node.js DefinitelyTyped (.d.ts)

  41. JavaScript

  42. GitHub (.d.ts) https://github.com/borisyankov/DefinitelyTyped

  43. None
  44. None
  45. tsd % npm install -g tsd % tsd query knockout

  46. None
  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;
  56. None
  57. any any

  58. None
  59. None
  60. TypeScript TypeScript JavaScript tsc

  61. None
  62. TypeScript

  63. None