typescript hands-on
TRANSCRIPT
![Page 1: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/1.jpg)
TypeScript hands-on
@vvakame
Saturday, December 8, 12
![Page 2: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/2.jpg)
俺の名前を言ってみろ
わかめ まさひろ@vvakame
GoogleAppEngine
Android
alterJSSaturday, December 8, 12
![Page 3: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/3.jpg)
本日の通信手段• 口
• 口で喋る
• Twitter• #ts_before
• G+• #ts_before• http://vvaka.me/U0LuCB
Saturday, December 8, 12
![Page 4: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/4.jpg)
明日って今さ
わかめ まさひろ@vvakame
GoogleAppEngine
Android
alterJSSaturday, December 8, 12
![Page 5: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/5.jpg)
• TypeScript 使ってる人?
Saturday, December 8, 12
![Page 6: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/6.jpg)
なぜTypeScriptか
• 始めやすく捨てやすい
• 次期標準に近い
• http://bit.ly/VokmDn
てきとーやSaturday, December 8, 12
![Page 7: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/7.jpg)
なぜTypeScriptか
• 日経ソフトウェア 2013年02月号買おう
• 12月24日くらい発売
買ってね♥Saturday, December 8, 12
![Page 8: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/8.jpg)
install• Node.js
• port install nodejs
• npm
• port install npm
• TypeScript
• npm install -g typescript
Saturday, December 8, 12
![Page 9: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/9.jpg)
install• SublimeText2
• VS使いはそっち使えよ( ゚!゚)、ペッ
• tsc completion (by yanzm)
• npm install -g tsc_completion
• Sublime Text2 plugin (by yanzm)
• http://vvaka.me/TEWxBwpull reqはよ
Saturday, December 8, 12
![Page 10: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/10.jpg)
参考• G+ TypeScript
• http://vvaka.me/U0LuCB
• わかめはてブ
• http://vvaka.me/WOYMmL
• TypeScript クイックガイド
• http://phyzkit.net/typescript/
Saturday, December 8, 12
![Page 11: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/11.jpg)
参考
• Playground
• http://www.typescriptlang.org/Playground/
• Spec
• http://vvaka.me/UL7KUz
Saturday, December 8, 12
![Page 12: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/12.jpg)
テンプレ
• https://github.com/vvakame/typescript-project-sample
npm installgrunt test
gruntSaturday, December 8, 12
![Page 13: TypeScript Hands-on](https://reader034.vdocuments.mx/reader034/viewer/2022051015/5549f1d0b4c9050d488b5495/html5/thumbnails/13.jpg)
本日の課題• JavaScript 知らない人
• “aabbcddd” を “a2b2c1d3” に変換• JavaScript 知ってる人
• Chrome拡張作る• MineSweeper作る
• TypeScript 知ってる人• 自由• TypeScript関連にPR送る
Saturday, December 8, 12