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ファイルに型定義ファイルをドロップすると参照が追加される
参考書籍
TypeScriptリファレンス Ver.1.0対応 | ||||
|