プログラマーな日々

プログラマーをやっています。好きなツール:WorkFlowy、好きな言語:C#、好きなサービス:Backlog、好きなAWS:AWS Lambda。

「第2回 Build Insider OFFLINE: TypeScriptスペシャル 」に行ってきた(その2「TypeScriptを実践的に使うために」by 沢渡 真雪さん)

f:id:JHashimoto:20140409044240j:plain

6/14に「第2回 Build Insider OFFLINE: TypeScriptスペシャル」に行ってきました。3回に分けてセミナーの内容を紹介します。

第2回 Build Insider OFFLINE: TypeScriptスペシャル - Build Insider
Build

Insiderのオフライン・イベントが2014年6月14日(土曜日)に開催されます!  今年は、Web開発者に大人気(Build Insiderの調査で1位)の「TypeScript」がテーマです。 ...

今回は2回目です。2つ目のセッションは、沢渡 真雪さんの「TypeScriptを実践的に使うために」でした。

セッション資料と動画

TypeScriptセッションの全スライド&動画 - Build Insider
6/14に開催された第2回 Build Insider OFFLINEの3つのセッション「TypeScript 1.0 オーバービュー」「TypeScriptを実践的に使うために」「TypeScriptで効率化するHTML5のインタラクティブコンテンツの開発」のスライド&動画です。また、当日の連携イベントだった「TypeScript勉強会 - VSハッカソン倶楽部」の各スライドも掲載しています。 ...

メモ

TSを採用する?しない?

  • 初見でも迷わずブレにくい
    • "class"と書いてあったらクラス定義だとすぐにわかる
  • 破壊的変更の安心感が増す
    • リファクタリングも安心してできる
      • 名前を間違えたらビルドが通らない

デモ(playground)

Playground - Welcome to TypeScript

Tips
  • Ctrl押しながらクリックで定義にジャンプ
  • 定義箇所を右クリック - [find all reference]
    • 全参照箇所の検索

デモ(Visual Stuio Online"Monaco")

  • AzureのポータルでWebサイトのダッシュボードを表示し、[Visual Studio Onlineでの編集]をクリック ※画面上部の[構成]から[VISUAL STUDIO ONLINEでの編集]を[オン]にしておく必要があります。
  • MonacoはTypeScriptとnode.jsで作られている

デモ(Visual StudioからDefinitelyTypedを使う)

  • jquery.TypeScript.DefinitelyTypedのインストール
    • プロジェクトのコンテキストメニュー[Nuget パッケージの管理]
    • Nugetで"definitelytyped jquery"で検索し、インストール
  • tsファイルに型定義ファイルをドロップすると参照が追加される