TypeScript hands-on


                                        @v vakame


Saturday, December 8, 12
俺の名前を言ってみろ

                      わかめ まさひろ
                                         @v vakame
                           GoogleAppEngine

                               Android

                                  alterJS
Saturday, December 8, 12
本日の通信手段
                    • 口

                           • 口で喋る

                    • Twitter
                     • #ts_before
                    • G+
                     • #ts_before
                           • http://vvaka.me/U0LuCB

Saturday, December 8, 12
明日って今さ

                      わかめ まさひろ
                                         @v vakame
                           GoogleAppEngine

                               Android

                                  alterJS
Saturday, December 8, 12
• TypeScript 使ってる人?




Saturday, December 8, 12
なぜTypeScriptか

                    • 始めやすく捨てやすい

                    • 次期標準に近い

                    • http://bit.ly/VokmDn


                                   てきとーや
Saturday, December 8, 12
なぜTypeScriptか


                    • 日経ソフトウェア 2013年02月号買おう

                           • 12月24日くらい発売




                                   買ってね♥
Saturday, December 8, 12
install
                    • Node.js
                           • port install nodejs
                    • npm
                           • port install npm
                    • TypeScript
                           • npm install -g typescript

Saturday, December 8, 12
install
                    • SublimeText2
                           • VS使いはそっち使えよ( ゚!゚)、ペッ

                    • tsc completion (by yanzm)
                           • npm install -g tsc_completion
                    • Sublime Text2 plugin (by yanzm)
                           • http://vvaka.me/TEWxBw
                                          pull reqはよ
Saturday, December 8, 12
参考
                    • G+ TypeScript
                           • http://vvaka.me/U0LuCB
                    • わかめはてブ

                           • http://vvaka.me/WOYMmL
                    • TypeScript クイックガイド

                           • http://phyzkit.net/typescript/

Saturday, December 8, 12
参考

                    • Playground
                           • http://www.typescriptlang.org/
                             Playground/
                    • Spec
                           • http://vvaka.me/UL7KUz



Saturday, December 8, 12
テンプレ


                    • https://github.com/vvakame/
                      typescript-project-sample


                                   npm install
                                   grunt test
                                     grunt
Saturday, December 8, 12
本日の課題
                    • JavaScript 知らない人
                     • “aabbcddd” を “a2b2c1d3” に変換
                    • JavaScript 知ってる人
                     • Chrome拡張作る
                     • MineSweeper作る
                    • TypeScript 知ってる人
                     • 自由
                     • TypeScript関連にPR送る

Saturday, December 8, 12

TypeScript Hands-on

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