TypeScript 入門してみるKEN

2015.11.21

自己紹介

● KEN

○ @kenfdev

○ http://kenev.net/

● 株式会社 鈴木商店

○ 大阪のクラウドシステム開発会社

● とにかくJavaScriptが好き

○ 元々.NET系エンジニアだったがJavaScripter

に転身

もくじ

● TypeScript？

● Visual Studio Code？

● デモ

● 参考URLなど

TypeScript？

TypeScript?

+ + ≒

TypeScript?

作っているのはMicrosoft！

なので結構心強い

TypeScript?ー目的

● JavaScriptに型情報を付加できる

● 基本的なES2015が今すぐに使える

TypeScript?ー型の何がうれしいの？

● 型情報が無い場合とくらべてリファクタが容易になる

● コンパイラ（っぽいもの）がエラーを見つけてくれる

○ ランタイム時に見つかる凡ミスとはおさらば！

※後ほどデモでお見せします

TypeScript?ー導入ってめんどくさくないの？

● そんなことはない（たぶん）

● なぜなら

● JavaScriptはTypeScriptだから

TypeScript

JavaScript

TypeScript?ー導入ってめんどくさくないの？

.js　→　.ts

TypeScriptはJavaScriptのスーパーセットなので、

拡張子を変えるだけでTypeScriptファイルの完成！

これだけだと

あまり意味はない

意味が無いわけではない。

TypeScript?ー暗黙的な型推論

● .js → .ts した時点で型推論は始まる！

● number型にstring型を入れようとしたら怒られます！

● なのでとりあえず.js → .tsとするだけでちょっとTypeScriptの恩恵を受けることが

できます

これ以外の部分が

TypeScriptの真の強み！

Interfaces

ClassesModules

Functions

Generics

Mixins

DeclarationMerging

d.ts Files

TypeScript?ー強み・特徴

めっちゃあります

ので

Interfaces

ClassesModules

Functions

Generics

Mixins

DeclarationMerging

d.ts Files

この辺りについてデモします

その前に…

Visual Studio Code

を紹介します

Visual Studio Code?

● 無料の（高機能）コードエディタ

● 立ち位置的にはSublimeTextとかAtomとかの対抗馬（？）たぶん

● クロスプラットフォーム

● Intellisenseが使える（特にTypeScriptと使うとすごい）

● Node.jsのデバッグができたり● ASP.NETの開発ができたり

● Gitが使えたり

● などなど…

これもMicrosoftが作ってる

結構イケてる

無料のコードエディタ

しかも

この前の水曜日（2015/11/18)

オープンソース化！

https://github.com/Microsoft/vscode

とりあえずそろそろ

デモします

参考URL（ほとんど英語ですが…）

● TypeScript Book

https://github.com/basarat/typescript-book

● Editing TypeScript

https://code.visualstudio.com/Docs/languages/typescript

● TypeScript公式サイト

http://www.typescriptlang.org/

● Visual Studio Code

https://www.visualstudio.com/ja-jp/products/code-vs.aspx

ご清聴

ありがとうございました