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
4.1k
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
3k
OneDrive On-Demandがすごい
mayuki
0
1.9k
Android TVとXamarinとKotlin
mayuki
2
400
Cutting Edge!
mayuki
0
2.7k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
1.8k
Acute Low back pain
mayuki
1
180
まるごと Internet Explorer 11 + Windows Phone 8.1
mayuki
0
190
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
Spring BootとKubernetesで実現する今どきのDevOps入門
xblood
0
320
Refactor with using `available` and `deprecated`
417_72ki
3
370
CTFにおけるOSINT問題作問の難しさ
xryuseix
0
150
新卒でサービス立ち上げから Hasuraを使って3年経った振り返り
yutorin
0
180
An Advanced Introduction to R
nicetak
0
1.5k
Kyvernoを利用したKubernetesのポリシー制御
kisokazu
0
170
Swift Concurrency in GoodNotes
inamiy
4
1.3k
低レイヤーから始める GUI
fadis
18
9.1k
Writing Greener Java Applications
hollycummins
0
330
Data Product Manager? / データプロダクトマネージャーとは?
satoshihirose
3
1.5k
Milestoner
bkuhlmann
1
240
Enumを自動で網羅的にテストしてみた
estie
0
1.2k
Featured
See All Featured
VelocityConf: Rendering Performance Case Studies
addyosmani
317
22k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
657
120k
Designing for Performance
lara
601
65k
It's Worth the Effort
3n
177
26k
How New CSS Is Changing Everything About Graphic Design on the Web
jensimmons
214
12k
10 Git Anti Patterns You Should be Aware of
lemiorhan
643
54k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
239
19k
The Mythical Team-Month
searls
210
40k
Build your cross-platform service in a week with App Engine
jlugia
221
17k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
120
29k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
217
21k
Art Directing for the Web. Five minutes with CSS Template Areas
malarkey
196
9.8k
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