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.5k
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
.NET 9アプリをCGIとして レンタルサーバーで動かす
mayuki
1
950
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
2
19k
Real World .NET Core on Kubernetes
mayuki
2
3.7k
OneDrive On-Demandがすごい
mayuki
0
2.4k
Android TVとXamarinとKotlin
mayuki
2
490
Cutting Edge!
mayuki
0
3.5k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2.2k
Acute Low back pain
mayuki
1
240
まるごと Internet Explorer 11 + Windows Phone 8.1
mayuki
0
260
Other Decks in Programming
See All in Programming
PHPでWebSocketサーバーを実装しよう2025
kubotak
0
120
Elixir で IoT 開発、 Nerves なら簡単にできる!?
pojiro
1
150
A2A プロトコルを試してみる
azukiazusa1
2
1.1k
Code as Context 〜 1にコードで 2にリンタ 34がなくて 5にルール? 〜
yodakeisuke
0
100
型付きアクターモデルがもたらす分散シミュレーションの未来
piyo7
0
810
Enterprise Web App. Development (2): Version Control Tool Training Ver. 5.1
knakagawa
1
120
Deep Dive into ~/.claude/projects
hiragram
8
1.4k
Go1.25からのGOMAXPROCS
kuro_kurorrr
1
800
なんとなくわかった気になるブロックテーマ入門/contents.nagoya 2025 6.28
chiilog
1
190
#kanrk08 / 公開版 PicoRubyとマイコンでの自作トレーニング計測装置を用いたワークアウトの理想と現実
bash0c7
1
360
生成AIコーディングとの向き合い方、AIと共創するという考え方 / How to deal with generative AI coding and the concept of co-creating with AI
seike460
PRO
1
330
GitHub Copilot and GitHub Codespaces Hands-on
ymd65536
1
120
Featured
See All Featured
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.3k
The Art of Programming - Codeland 2020
erikaheidi
54
13k
Fantastic passwords and where to find them - at NoRuKo
philnash
51
3.3k
What's in a price? How to price your products and services
michaelherold
246
12k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
26k
Thoughts on Productivity
jonyablonski
69
4.7k
Balancing Empowerment & Direction
lara
1
370
A designer walks into a library…
pauljervisheath
206
24k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
107
19k
Optimising Largest Contentful Paint
csswizardry
37
3.3k
For a Future-Friendly Web
brad_frost
179
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