Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Speaker Deck
PRO
Sign in
Sign up for free
TypeScriptをより実践的に使うために
Mayuki Sawatari
June 14, 2014
Programming
6
4k
TypeScriptをより実践的に使うために
Build Insider Offline #2 (
http://www.buildinsider.net/event/offline/02
)
Mayuki Sawatari
June 14, 2014
Tweet
Share
More Decks by Mayuki Sawatari
See All by Mayuki Sawatari
Real World .NET Core on Kubernetes
mayuki
2
2.9k
OneDrive On-Demandがすごい
mayuki
0
1.8k
Android TVとXamarinとKotlin
mayuki
2
380
Cutting Edge!
mayuki
0
2.6k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
1.8k
Acute Low back pain
mayuki
1
170
まるごと Internet Explorer 11 + Windows Phone 8.1
mayuki
0
180
How to setup VPN server on Microsoft Azure
mayuki
1
310
Front-end Development using CSharp
mayuki
0
130
Other Decks in Programming
See All in Programming
BASE BANKチームの技術選定と歴史 / how to decide technology selection for startup
budougumi0617
0
830
ドメインモデル方式のクラス設計 座談会
masuda220
PRO
3
1k
Springin‘でみんなもクリエイターに!
ueponx
0
200
[월간 데이터리안 세미나 6월] 스스로 성장하는 분석가 커리어 이야기
datarian
0
200
How we run a Realtime Puzzle Fighting Game on AWS Serverless
falken
0
250
こそこそアジャイル導入しようぜ!
ichimichi
0
1.2k
ISUCON12 事前講習
rosylilly
3
4.5k
Chart実装が楽になりました。
keisukeyamagishi
0
110
#JJUG_CCC 「サポート」は製品開発? - JDBCライブラリ屋さんが実践する攻めのテクニカルサポートとJavaエンジニアのキャリアについて -
cdataj
0
420
Node.jsデザインパターンを読んで
mmmommm
0
2.6k
Scrum Fest Osaka 2022/5年で200人になったスタートアップの アジャイル開発の歴史とリアル
atamaplus
1
870
[DevTrends - Jun/2022] Arquitetura baseada em eventos
camilacampos
0
150
Featured
See All Featured
The Language of Interfaces
destraynor
148
20k
Visualization
eitanlees
124
11k
XXLCSS - How to scale CSS and keep your sanity
sugarenia
236
1M
4 Signs Your Business is Dying
shpigford
169
20k
The Invisible Customer
myddelton
110
11k
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
100
5.9k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
498
130k
BBQ
matthewcrist
74
7.9k
Three Pipe Problems
jasonvnalue
89
8.7k
Imperfection Machines: The Place of Print at Facebook
scottboms
253
12k
Docker and Python
trallard
27
1.6k
Adopting Sorbet at Scale
ufuk
63
7.6k
Transcript
None
( )
None
TypeScript TypeScript TypeScript TypeScript ? ? TypeScript TypeScript
None
TypeScript Ver.1.0
JavaScript
None
( )
None
None
Module( ) Class/Interface Arrow Function
IDE ( )
None
IDE DOM
JavaScript HTML
JavaScript Visual Studio IDE JavaScript
IDE
None
Node.js WebStorm Visual Studio Playground Visual Studio Online
None
% npm install -g typescript % tsc nantoka.ts
None
JetBrains Web HTML CSS JavaScript TypeScript TypeScript/JavaScript TypeScript Node.js
None
Microsoft 2013 Update 2 (Visual Studio Express) TypeScript
None
Visual Studio TypeScript
None
JetBrains Visual Studio ( )
None
None
None
None
Microsoft Azure Web Sites Node.js+TypeScript
None
None
Web WebStorm+Node.js Windows Visual Studio Playground Visual Studio Online
None
(.d.ts) DefinitelyTyped Visual Studio DefinitelyTyped Node.js DefinitelyTyped (.d.ts)
JavaScript
GitHub (.d.ts) https://github.com/borisyankov/DefinitelyTyped
None
None
tsd % npm install -g tsd % tsd query knockout
None
JavaScript TypeScript TypeScript
TypeScript declare
declare var hoge: number; // JavaScript hoge declare class Hoge
{ foo(): void; }
// Rabbit function Rabbit(name) { this.name = name; } //
jump Rabbit.prototype.jump = function () { alert(this.name + ' '); } // Rabbit Tippy var Tippy = new Rabbit(' ');
any declare var Tippy: any;
declare var Tippy: any; declare class Rabbit { constructor(name: string);
// name: string; // jump(): void; // }
any declare var Tippy: Rabbit; declare class Rabbit { constructor(name:
string); // name: string; // jump(): void; // }
JS ? var HotCocoa = { name: ' ', price:
400 }; var KilimanjaroCoffee = { name: ' ', price: 600 };
new interface interface IDrinkStatic { name: string; price: number; }
declare var HotCocoa: IDrinkStatic; declare var KilimanjaroCoffee: IDrinkStatic;
None
any any
None
None
TypeScript TypeScript JavaScript tsc
None
TypeScript
None