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
1k
.NET のための通信フレームワーク MagicOnion 入門 / Introduction to MagicOnion
mayuki
2
25k
Real World .NET Core on Kubernetes
mayuki
2
3.7k
OneDrive On-Demandがすごい
mayuki
0
2.5k
Android TVとXamarinとKotlin
mayuki
2
500
Cutting Edge!
mayuki
0
3.6k
.NETプログラム(のランタイムを実装する)入門なのです
mayuki
0
2.3k
Acute Low back pain
mayuki
1
240
まるごと Internet Explorer 11 + Windows Phone 8.1
mayuki
0
270
Other Decks in Programming
See All in Programming
Model Pollution
hschwentner
1
180
育てるアーキテクチャ:戦い抜くPythonマイクロサービスの設計と進化戦略
fujidomoe
1
150
CSC305 Lecture 04
javiergs
PRO
0
230
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.8k
LLMとPlaywright/reg-suitを活用した jQueryリファクタリングの実際
kinocoboy2
4
660
ててべんす独演会〜Flowの全てを語ります〜
tbsten
1
220
ABEMAモバイルアプリが Kotlin Multiplatformと歩んだ5年 ─ 導入と運用、成功と課題 / iOSDC 2025
akkyie
0
310
開発者への寄付をアプリ内課金として実装する時の気の使いどころ
ski
0
340
あなたの知らない「動画広告」の世界 - iOSDC Japan 2025
ukitaka
0
340
パフォーマンスチューニングで Web 技術を深掘り直す
progfay
18
4.8k
AccessorySetupKitで実現するシームレスなペアリング体験 / Seamless pairing with AccessorySetupKit
nekowen
0
210
階層構造を表現するデータ構造とリファクタリング 〜1年で10倍成長したプロダクトの変化と課題〜
yuhisatoxxx
3
870
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Code Reviewing Like a Champion
maltzj
525
40k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
54
3k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
36
2.5k
Imperfection Machines: The Place of Print at Facebook
scottboms
269
13k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
BBQ
matthewcrist
89
9.8k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
Facilitating Awesome Meetings
lara
56
6.6k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
The World Runs on Bad Software
bkeepers
PRO
71
11k
Measuring & Analyzing Core Web Vitals
bluesmoon
9
610
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