TypeScript のバックアップ(No.3)

[ トップ ]   [ 新規 | 一覧 | 単語検索 | 最終更新 | ヘルプ ]

• バックアップ一覧
• 差分 を表示
• 現在との差分 を表示
• ソース を表示
• TypeScript へ行く。
  • 1 (2018-04-13 (金) 17:13:23)
  • 2 (2018-04-13 (金) 20:10:41)
  • 3 (2018-04-13 (金) 20:50:46)
  • 4 (2018-04-16 (月) 09:57:38)
  • 5 (2018-04-16 (月) 18:57:51)
  • 6 (2018-06-06 (水) 14:38:09)
  • 7 (2018-12-18 (火) 09:40:02)
  • 8 (2019-10-15 (火) 17:39:52)
  • 9 (2019-10-17 (木) 10:29:14)

---

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

• 戻る

目次 †

概要 †

OSS †

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

AltJS †

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

• JavaScript を生成する。
  • コンパイルすると JavaScript に変換される。
  • 変換後の JavaScript も読み易い。

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早わかりチートシート【1.5.3対応】 - Build Insider
  https://www.buildinsider.net/language/quicktypescript/01

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

TypeScript & JavaScript †

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

型定義ファイル †

DefinitelyTyped †

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

https://github.com/borisyankov/DefinitelyTyped

既存JSに型を後付けする †

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

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

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

使い方 †

Visual Studioを使用しない場合。 †

インストール †

• npm
  コチラを参考にする。

• typescript

  npm install -g typescript

JavaScriptライブラリの取り込み †

• npmを使用する。

  npm install --save @types/jquery

設定（tsconfig.json） †

ビルドの方法とビルド対象の対象ファイルを設定する。

ビルド †

• 任意のファイルをビルド。

  tsc *.ts

• tsconfig.jsonの内容に従って、ファイルをビルド。

  tsc

Visual Studioを使用する場合。 †

JavaScriptライブラリの取り込み †

• NuGetを使用する。

  Install-Package jQuery
  Install-Package jquery.TypeScript.DefinitelyTyped

その他は自動的 †

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

参考 †

• 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/

Qiita †

• TypeScriptを使う理由
  https://qiita.com/mugichan3/items/a0f17d9f4f757d88a83a
• TypeScriptの型定義ファイルを共有しよう！
  https://qiita.com/vvakame/items/1980d4b6cc222e03fdcb

slideshare †

• TypeScriptをオススメする理由
  https://www.slideshare.net/yusukenaka52/typescript-46347901

• TypeScriptは明日から使うべき
  https://www.slideshare.net/vvakame/typescript-39466009

tsconfig.json †

• tsconfig.json · TypeScript
  https://www.typescriptlang.org/docs/handbook/tsconfig-json.html
• tsconfig.json | TypeScript 日本語ハンドブック | js STUDIO
  http://js.studio-kingdom.com/typescript/project_configuration/tsconfig_json
• TypeScript tsconfig.json について | tyablog.net
  https://tyablog.net/2017/05/01/typescript-tsconfig-json/

験なきものを思はずは †

• TypeScript の tsconfig.json を 考える
  https://azriton.github.io/2017/09/07/TypeScript%E3%81%AEtsconfig.json%E3%82%92%E8%80%83%E3%81%88%E3%82%8B/

• TypeScript の tsconfig.json を 考える - コンパイル・オプション編
  https://azriton.github.io/2017/09/10/TypeScript%E3%81%AEtsconfig.json%E3%82%92%E8%80%83%E3%81%88%E3%82%8B-%E3%82%B3%E3%83%B3%E3%83%91%E3%82%A4%E3%83%AB%E3%83%BB%E3%82%AA%E3%83%97%E3%82%B7%E3%83%A7%E3%83%B3%E7%B7%A8/

---

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

     

Site admin: dotNetDevelopmentInfrastructure

PukiWiki 1.4.7 Copyright © 2001-2006 PukiWiki Developers Team. License is GPL.
Based on "PukiWiki" 1.3 by yu-ji. Powered by PHP 5.3.3. HTML convert time: 0.036 sec.