マイクロソフト系技術情報 Wiki」は、「Open棟梁Project」,「OSSコンソーシアム .NET開発基盤部会」によって運営されています。

目次

概要

OSS

  • オープンソース。ライセンスは Apache License 2.0。

AltJS

  • ECMAScript 6 規格
    • JavaScriptのスーパーセット
    • 静的型付けなJavaScript
    • クラス・インターフェイスとその継承
    • 内部モジュールなどなど。
    • Java に近い記述が採用

Microsoft

  • Microsoftが開発。
  • Visual Studioでサポートされる。
  • C#作者が開発している。

その他

  • 拡張子は *.ts、*.tsx
  • 仕組は、npmなどのNode.js系ツールと同じ。

書き方

型注釈

http://goo.gl/jKVeHw

クラス

http://goo.gl/l3zjBi

インタフェース

http://goo.gl/GQD89G

内部モジュール

http://goo.gl/gvjgTU

ジェネリクス

アロー関数式(≒ラムダ式

チートシート

TypeScriptの基本的な言語仕様:

  • 変数の型注釈と型推論
  • クラスを利用する
  • get/setアクセサを利用する
  • インタフェース
  • enum(列挙型)
  • オブジェクト型リテラル
  • いろいろな型注釈の書き方
  • 構造的部分型
  • 総称型(ジェネリクス)
  • namespace(内部モジュール)
  • アロー関数式
  • コンストラクタと引数プロパティ宣言
  • アンビエント宣言
  • 型定義ファイル
  • 可変長引数
  • 省略可能引数とデフォルト値付き引数
  • publicとprivateとprotected
  • オーバーロード
  • 型アサーション
  • 型クエリ
  • 外部モジュール
  • タプル型
  • 共用型
  • type alias(型の別名)

TypeScriptとECMAScript 2015(6)、7:

  • let/const
  • template literals
  • shorthand properties
  • destructuring
  • spread operator
  • ES6 modules
  • for...of
  • symbols
  • computed properties
  • decorators

既存JSのライブラリ資産の活用

型定義ファイル

DefinitelyTyped

型定義ファイルを集積しているサイト。

https://github.com/borisyankov/DefinitelyTyped

既存JSに型を後付けする

Moment.jsに型を後付けする*.d.tsらしい。

https://gist.github.com/vvakame/c50ddbe213cfa758593c

※ このように、自作のライブラリにも
 型情報を与えることでTypeScriptでの利用が可能になる。

使い方

Visual Studioを使用しない場合。

インストール

  • typescript
    npm install -g typescript

JavaScriptライブラリの取り込み

  • npmを使用する。
    npm install --save @types/jquery

設定(tsconfig.json)

tsconfig.jsonに、コンパイルの方法と対象の*.tsファイルを設定する。

コンパイル

  • 任意の*.tsファイルをコンパイル。
    tsc *.ts
  • tsconfig.jsonの内容に従って、*.tsファイルをビルコンパイル。
    tsc

Visual Studioを使用する場合。

JavaScriptライブラリの取り込み

  • NuGetを使用する。
    Install-Package jQuery
    Install-Package jquery.TypeScript.DefinitelyTyped

その他は自動的

  • Visual Studioプロジェクトに、*.tsのTypeScriptファイルを追加する。
  • tsconfig.jsonの設定なども裏で行われている)
  • このファイルを保存すれば即座にJavaScriptに変換され*.jsファイルに保存される。

移行

  • コンパイルによって他の言語に移行可能
    tsc *.ts -t VERSION
    tsc *.ts --target VERSION
  • VERSION
    コンパイル出力のECMAScriptのバージョンを指定できる。
    • ES3 (default)
    • ES5
    • ES2015
    • ES2016
    • ES2017
    • ESNEXT

参考

Qiita

slideshare

tsconfig.json

験なきものを思はずは


Tags: :プログラミング, :ASP.NET, :ASP.NET Web API, :ASP.NET SPA, :JavaScript


トップ   編集 凍結 差分 バックアップ 添付 複製 名前変更 リロード   新規 一覧 単語検索 最終更新   ヘルプ   最終更新のRSS
Last-modified: 2019-12-13 (金) 10:11:43 (1589d)