Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
TypeScriptをより実践的に使うために
Search
Mayuki Sawatari
June 14, 2014
Programming
6
4.3k
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
3.3k
OneDrive On-Demandがすごい
mayuki
0
2.1k
Android TVとXamarinとKotlin
mayuki
2
440
Cutting Edge!
mayuki
0
3k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2k
Acute Low back pain
mayuki
1
210
まるごと Internet Explorer 11 + Windows Phone 8.1
mayuki
0
220
How to setup VPN server on Microsoft Azure
mayuki
1
330
Front-end Development using CSharp
mayuki
0
140
Other Decks in Programming
See All in Programming
単体テストを書かない技術 #phpcon_odawara
o0h
PRO
27
8.3k
『Railsオワコン』と言われる時代に、なぜブルーモ証券はRailsを選ぶのか
free_world21
0
190
二郎系ラーメンのコールで学ぶ AST 解析
memory1994
PRO
7
1.7k
VSCodeでのDatabricks開発もお勧めしたい/I would also recommend Databricks development with VSCode.
kazumain
0
250
新宿ダンジョンを可視化してみた
satoshi7190
2
250
Rethinking UI building strategies @ SFI 2024
letelete
0
270
0→1と1→10の狭間で Javaという技術選定を振り返る/Reflecting on the Decision to Choose Java Between Scaling from 0 to 1 and 1 to 10
jaguar_imo
2
380
Zero Waste, Radical Magic, and Italian Graft – Quarkus Efficiency Secrets
hollycummins
0
230
大規模UIKitベースアプリへのTCAの段階的導入/gradual-adoption-of-tca-in-a-large-scale-uikit-based-app
takehilo
1
170
Hanami and htmx
bkuhlmann
0
210
MetricKitで予期せぬ終了を検知する話 / Detect unexpected termination with MetricKit
nekowen
1
190
GraphQLサーバの構成要素を整理する #ハッカー鮨 #tsukijigraphql / graphql server technology selection
izumin5210
4
840
Featured
See All Featured
The Art of Programming - Codeland 2020
erikaheidi
42
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
It's Worth the Effort
3n
180
27k
Java REST API Framework Comparison - PWX 2021
mraible
PRO
18
6.9k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
78
42k
What the flash - Photography Introduction
edds
64
11k
How STYLIGHT went responsive
nonsquared
92
4.8k
Into the Great Unknown - MozCon
thekraken
10
990
ReactJS: Keep Simple. Everything can be a component!
pedronauck
659
120k
From Idea to $5000 a Month in 5 Months
shpigford
377
45k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
2
3.4k
How To Stay Up To Date on Web Technology
chriscoyier
782
250k
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