1. TypeScriptを動かす
丹野 嘉信
http://ytanno.herokuapp.com/

2. 目次
• TypeScriptを動かす
• javaScriptとVisualStudio

3. TypeScriptとは
• javaScriptの上位互換・・・になる可能性が
高い言語
TypeScript 変換 → javaScript
利点
下記URLを見るとお腹がいっぱいになります
https://sites.google.com/site/jun1sboardgames/
programming/typescript

4. 試使
• http://www.typescriptlang.org/Playground/

5. 下準備
• Node.jsのインストール http://nodejs.org/
• Node.js command prompt で
npm install -g typescript

6. プロジェクトの作成

7. 拡張ツール
• Web Essentials
http://visualstudiogallery.msdn.microsoft.com/6ed
4c78f-a23e-49ad-b5fd-369af0c2107f
ファイルセーブ時にTypeScriptのSource Mapを出
力
変換後のJavaScriptのコードがリアルタイムで
閲覧可能

8. 開発
Chrome からデバック

9. 欠点・結論
• VisualStudioからデバックができない
• インテリセンスがまだ弱い
• VS2012以降対応
結論
今はまだ弱いがこのままサポートが続けば
本当にJavaScriptの上位互換になる。
今後に期待。

10. 参考URL
• http://neue.cc/2012/10/12_382.html
• https://sites.google.com/site/jun1sboardgame
s/programming/typescript
• http://terurou.hateblo.jp/entry/2012/10/17/0
31013

11. JavaScript編
• インテリセンスのサポートが強い

12. 外部ファイルの
インテリセンスも有効
• 外部ファイルを現在のファイルにドラッ
クアンドドロップするだけ

13. 参考URL
• http://yagioyagio.blog103.fc2.com/blog-entry-
36.html

14. ご清聴ありがとうございまし
た