TypeScript
をテンプレートにして作成
[
トップ
] [
新規
|
一覧
|
単語検索
|
最終更新
|
ヘルプ
]
開始行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>JavaScript]]
* 目次 [#f65c17a8]
#contents
*概要 [#f976406b]
**OSS [#x2db84da]
-オープンソース。ライセンスは Apache License 2.0。
**[[AltJS>https://dotnetdevelopmentinfrastructure.osscons...
-ECMAScript 6 規格
--JavaScriptのスーパーセット
--静的型付けなJavaScript
--クラス・インターフェイスとその継承
--内部モジュールなどなど。
--Java に近い記述が採用
-JavaScript を生成する。
--コンパイルすると JavaScript に変換される。
--変換後の JavaScript も読み易い。
**Microsoft [#je8d6f5a]
-Microsoftが開発。
-Visual Studioでサポートされる。
-C#作者が開発している。
**その他 [#qbae1618]
-拡張子は *.ts、*.tsx
-仕組は、[[npm>https://dotnetdevelopmentinfrastructure.os...
*書き方 [#qbe79ea7]
**型注釈 [#zd9d34fe]
http://goo.gl/jKVeHw
**クラス [#o62f1bdb]
http://goo.gl/l3zjBi
**インタフェース [#g50dcb6b]
http://goo.gl/GQD89G
**内部モジュール [#q2e52b0a]
http://goo.gl/gvjgTU
**ジェネリクス [#ud6ba0a4]
**アロー関数式（[[≒ラムダ式>ラムダ式って]]） [#h365f1e3]
**チートシート [#cf8a6122]
-TypeScript早わかりチートシート【1.5.3対応】 - Build Insi...
https://www.buildinsider.net/language/quicktypescript/01
***TypeScriptの基本的な言語仕様： [#h3945ea7]
-変数の型注釈と型推論
-クラスを利用する
-get／setアクセサを利用する
-インタフェース
-enum（列挙型）
-オブジェクト型リテラル
-いろいろな型注釈の書き方
-構造的部分型
-総称型（ジェネリクス）
-namespace（内部モジュール）
-アロー関数式
-コンストラクタと引数プロパティ宣言
-アンビエント宣言
-型定義ファイル
-可変長引数
-省略可能引数とデフォルト値付き引数
-publicとprivateとprotected
-オーバーロード
-型アサーション
-型クエリ
-外部モジュール
-タプル型
-共用型
-type alias（型の別名）
***TypeScriptとECMAScript 2015（6）、7： [#pc4a5a98]
-let／const
-template literals
-shorthand properties
-destructuring
-spread operator
-ES6 modules
-for...of
-symbols
-computed properties
-decorators
*既存JSのライブラリ資産の活用 [#x0e0cf15]
**型定義ファイル [#ja140013]
***[[DefinitelyTyped>https://github.com/borisyankov/Defin...
型定義ファイルを集積しているサイト。
https://github.com/borisyankov/DefinitelyTyped
***既存JSに型を後付けする [#vb238b07]
Moment.jsに型を後付けする*.d.tsらしい。
https://gist.github.com/vvakame/c50ddbe213cfa758593c
※ このように、自作のライブラリにも~
型情報を与えることでTypeScriptでの利用が可能になる。
*使い方 [#w6ac68bc]
**[[Visual Studio]]を使用しない場合。 [#o54ab8be]
***インストール [#xa09148b]
-npm~
[[コチラ>https://dotnetdevelopmentinfrastructure.osscons....
-typescript
npm install -g typescript
***JavaScriptライブラリの取り込み [#yb246161]
-[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp...
npm install --save @types/jquery
***設定（tsconfig.json） [#i8eac09b]
[[tsconfig.json>#t8b60dde]]に、[[コンパイル>#nbd8c30c]]の...
***コンパイル [#nbd8c30c]
-任意の*.tsファイルをコンパイル。
tsc *.ts
-[[tsconfig.json>#i8eac09b]]の内容に従って、*.tsファイル...
tsc
-参考
--TypeScript2系のコンパイラのオプション一覧~
https://qiita.com/IganinTea/items/f88bea469bff56cfbda6
**[[Visual Studio]]を使用する場合。 [#a9a61a4b]
***JavaScriptライブラリの取り込み [#o8d813b7]
-NuGetを使用する。
Install-Package jQuery
Install-Package jquery.TypeScript.DefinitelyTyped
***その他は自動的 [#t595618c]
-Visual Studioプロジェクトに、*.tsのTypeScriptファイルを...
-（[[tsconfig.json>#i8eac09b]]の設定なども裏で行われてい...
-このファイルを保存すれば即座にJavaScriptに変換され*.jsフ...
*移行 [#y2748bb6]
-[[コンパイル>#nbd8c30c]]によって他の言語に移行可能
tsc *.ts -t VERSION
tsc *.ts --target VERSION
-VERSION~
コンパイル出力のECMAScriptのバージョンを指定できる。
--ES3 (default)
--ES5
--ES2015
--ES2016
--ES2017
--ESNEXT
*参考 [#p916fbaa]
-TypeScript - Wikipedia~
https://ja.wikipedia.org/wiki/TypeScript
-TypeScript - JavaScript that scales.~
http://www.typescriptlang.org/index.html
--Quick Start~
http://www.typescriptlang.org/samples/index.html
--Documentation~
http://www.typescriptlang.org/docs/index.html
--Download~
http://www.typescriptlang.org/index.html#download-links
--Connect~
http://www.typescriptlang.org/community/index.html
--Playground~
http://www.typescriptlang.org/play/index.html
-TypeScript 日本語ハンドブック | js STUDIO~
http://js.studio-kingdom.com/typescript/
-TypeScriptを導入する前に『覚悟』したほうが良いこと 4項目...
https://hachibeechan.hateblo.jp/entry/I-cannot-say-typesc...
-TypeScript入門以前ガイド - mizchi's blog~
https://mizchi.hatenablog.com/entry/2018/10/03/195854
**Qiita [#a233796b]
-TypeScriptを使う理由~
https://qiita.com/mugichan3/items/a0f17d9f4f757d88a83a
-TypeScriptの型定義ファイルを共有しよう！~
https://qiita.com/vvakame/items/1980d4b6cc222e03fdcb
-TypeScript2系のコンパイラのオプション一覧~
https://qiita.com/IganinTea/items/f88bea469bff56cfbda6
**slideshare [#ua47b9a1]
-TypeScriptをオススメする理由~
https://www.slideshare.net/yusukenaka52/typescript-46347901
-TypeScriptは明日から使うべき~
https://www.slideshare.net/vvakame/typescript-39466009
**tsconfig.json [#t8b60dde]
-tsconfig.json · TypeScript~
https://www.typescriptlang.org/docs/handbook/tsconfig-jso...
-tsconfig.json | TypeScript 日本語ハンドブック | js STUDIO~
http://js.studio-kingdom.com/typescript/project_configura...
-TypeScript tsconfig.json について | tyablog.net~
https://tyablog.net/2017/05/01/typescript-tsconfig-json/
***験なきものを思はずは [#z2458f49]
-TypeScript の tsconfig.json を 考える~
https://azriton.github.io/2017/09/07/TypeScript%E3%81%AEt...
-TypeScript の tsconfig.json を 考える - コンパイル・オプ...
https://azriton.github.io/2017/09/10/TypeScript%E3%81%AEt...
----
Tags: [[:プログラミング]], [[:ASP.NET]], [[:ASP.NET Web A...
終了行:
「[[マイクロソフト系技術情報 Wiki>http://techinfoofmicros...
-[[戻る>JavaScript]]
* 目次 [#f65c17a8]
#contents
*概要 [#f976406b]
**OSS [#x2db84da]
-オープンソース。ライセンスは Apache License 2.0。
**[[AltJS>https://dotnetdevelopmentinfrastructure.osscons...
-ECMAScript 6 規格
--JavaScriptのスーパーセット
--静的型付けなJavaScript
--クラス・インターフェイスとその継承
--内部モジュールなどなど。
--Java に近い記述が採用
-JavaScript を生成する。
--コンパイルすると JavaScript に変換される。
--変換後の JavaScript も読み易い。
**Microsoft [#je8d6f5a]
-Microsoftが開発。
-Visual Studioでサポートされる。
-C#作者が開発している。
**その他 [#qbae1618]
-拡張子は *.ts、*.tsx
-仕組は、[[npm>https://dotnetdevelopmentinfrastructure.os...
*書き方 [#qbe79ea7]
**型注釈 [#zd9d34fe]
http://goo.gl/jKVeHw
**クラス [#o62f1bdb]
http://goo.gl/l3zjBi
**インタフェース [#g50dcb6b]
http://goo.gl/GQD89G
**内部モジュール [#q2e52b0a]
http://goo.gl/gvjgTU
**ジェネリクス [#ud6ba0a4]
**アロー関数式（[[≒ラムダ式>ラムダ式って]]） [#h365f1e3]
**チートシート [#cf8a6122]
-TypeScript早わかりチートシート【1.5.3対応】 - Build Insi...
https://www.buildinsider.net/language/quicktypescript/01
***TypeScriptの基本的な言語仕様： [#h3945ea7]
-変数の型注釈と型推論
-クラスを利用する
-get／setアクセサを利用する
-インタフェース
-enum（列挙型）
-オブジェクト型リテラル
-いろいろな型注釈の書き方
-構造的部分型
-総称型（ジェネリクス）
-namespace（内部モジュール）
-アロー関数式
-コンストラクタと引数プロパティ宣言
-アンビエント宣言
-型定義ファイル
-可変長引数
-省略可能引数とデフォルト値付き引数
-publicとprivateとprotected
-オーバーロード
-型アサーション
-型クエリ
-外部モジュール
-タプル型
-共用型
-type alias（型の別名）
***TypeScriptとECMAScript 2015（6）、7： [#pc4a5a98]
-let／const
-template literals
-shorthand properties
-destructuring
-spread operator
-ES6 modules
-for...of
-symbols
-computed properties
-decorators
*既存JSのライブラリ資産の活用 [#x0e0cf15]
**型定義ファイル [#ja140013]
***[[DefinitelyTyped>https://github.com/borisyankov/Defin...
型定義ファイルを集積しているサイト。
https://github.com/borisyankov/DefinitelyTyped
***既存JSに型を後付けする [#vb238b07]
Moment.jsに型を後付けする*.d.tsらしい。
https://gist.github.com/vvakame/c50ddbe213cfa758593c
※ このように、自作のライブラリにも~
型情報を与えることでTypeScriptでの利用が可能になる。
*使い方 [#w6ac68bc]
**[[Visual Studio]]を使用しない場合。 [#o54ab8be]
***インストール [#xa09148b]
-npm~
[[コチラ>https://dotnetdevelopmentinfrastructure.osscons....
-typescript
npm install -g typescript
***JavaScriptライブラリの取り込み [#yb246161]
-[[npm>https://dotnetdevelopmentinfrastructure.osscons.jp...
npm install --save @types/jquery
***設定（tsconfig.json） [#i8eac09b]
[[tsconfig.json>#t8b60dde]]に、[[コンパイル>#nbd8c30c]]の...
***コンパイル [#nbd8c30c]
-任意の*.tsファイルをコンパイル。
tsc *.ts
-[[tsconfig.json>#i8eac09b]]の内容に従って、*.tsファイル...
tsc
-参考
--TypeScript2系のコンパイラのオプション一覧~
https://qiita.com/IganinTea/items/f88bea469bff56cfbda6
**[[Visual Studio]]を使用する場合。 [#a9a61a4b]
***JavaScriptライブラリの取り込み [#o8d813b7]
-NuGetを使用する。
Install-Package jQuery
Install-Package jquery.TypeScript.DefinitelyTyped
***その他は自動的 [#t595618c]
-Visual Studioプロジェクトに、*.tsのTypeScriptファイルを...
-（[[tsconfig.json>#i8eac09b]]の設定なども裏で行われてい...
-このファイルを保存すれば即座にJavaScriptに変換され*.jsフ...
*移行 [#y2748bb6]
-[[コンパイル>#nbd8c30c]]によって他の言語に移行可能
tsc *.ts -t VERSION
tsc *.ts --target VERSION
-VERSION~
コンパイル出力のECMAScriptのバージョンを指定できる。
--ES3 (default)
--ES5
--ES2015
--ES2016
--ES2017
--ESNEXT
*参考 [#p916fbaa]
-TypeScript - Wikipedia~
https://ja.wikipedia.org/wiki/TypeScript
-TypeScript - JavaScript that scales.~
http://www.typescriptlang.org/index.html
--Quick Start~
http://www.typescriptlang.org/samples/index.html
--Documentation~
http://www.typescriptlang.org/docs/index.html
--Download~
http://www.typescriptlang.org/index.html#download-links
--Connect~
http://www.typescriptlang.org/community/index.html
--Playground~
http://www.typescriptlang.org/play/index.html
-TypeScript 日本語ハンドブック | js STUDIO~
http://js.studio-kingdom.com/typescript/
-TypeScriptを導入する前に『覚悟』したほうが良いこと 4項目...
https://hachibeechan.hateblo.jp/entry/I-cannot-say-typesc...
-TypeScript入門以前ガイド - mizchi's blog~
https://mizchi.hatenablog.com/entry/2018/10/03/195854
**Qiita [#a233796b]
-TypeScriptを使う理由~
https://qiita.com/mugichan3/items/a0f17d9f4f757d88a83a
-TypeScriptの型定義ファイルを共有しよう！~
https://qiita.com/vvakame/items/1980d4b6cc222e03fdcb
-TypeScript2系のコンパイラのオプション一覧~
https://qiita.com/IganinTea/items/f88bea469bff56cfbda6
**slideshare [#ua47b9a1]
-TypeScriptをオススメする理由~
https://www.slideshare.net/yusukenaka52/typescript-46347901
-TypeScriptは明日から使うべき~
https://www.slideshare.net/vvakame/typescript-39466009
**tsconfig.json [#t8b60dde]
-tsconfig.json · TypeScript~
https://www.typescriptlang.org/docs/handbook/tsconfig-jso...
-tsconfig.json | TypeScript 日本語ハンドブック | js STUDIO~
http://js.studio-kingdom.com/typescript/project_configura...
-TypeScript tsconfig.json について | tyablog.net~
https://tyablog.net/2017/05/01/typescript-tsconfig-json/
***験なきものを思はずは [#z2458f49]
-TypeScript の tsconfig.json を 考える~
https://azriton.github.io/2017/09/07/TypeScript%E3%81%AEt...
-TypeScript の tsconfig.json を 考える - コンパイル・オプ...
https://azriton.github.io/2017/09/10/TypeScript%E3%81%AEt...
----
Tags: [[:プログラミング]], [[:ASP.NET]], [[:ASP.NET Web A...
ページ名:
![[PukiWiki]](image/pukiwiki.png "[PukiWiki]")
