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
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
3T
December 29, 2012
Programming
0
1k
TypeScript使ってみませんか?
JavaScript互換言語の1つTypeScriptを使ってみようという提案
3T
December 29, 2012
Tweet
Share
More Decks by 3T
See All by 3T
CSSアニメーションを思い通りに動かすために
3t
0
1.4k
実験準備について
3t
0
170
Other Decks in Programming
See All in Programming
AIで開発はどれくらい加速したのか?AIエージェントによるコード生成を、現場の評価と研究開発の評価の両面からdeep diveしてみる
daisuketakeda
1
2.5k
並行開発のためのコードレビュー
miyukiw
0
180
CSC307 Lecture 01
javiergs
PRO
0
690
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
130
Architectural Extensions
denyspoltorak
0
290
例外処理とどう使い分ける?Result型を使ったエラー設計 #burikaigi
kajitack
16
6.1k
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
170
AI巻き込み型コードレビューのススメ
nealle
2
300
Best-Practices-for-Cortex-Analyst-and-AI-Agent
ryotaroikeda
1
110
CSC307 Lecture 03
javiergs
PRO
1
490
CSC307 Lecture 08
javiergs
PRO
0
670
Featured
See All Featured
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Designing for humans not robots
tammielis
254
26k
Distributed Sagas: A Protocol for Coordinating Microservices
caitiem20
333
22k
A Tale of Four Properties
chriscoyier
162
24k
4 Signs Your Business is Dying
shpigford
187
22k
Principles of Awesome APIs and How to Build Them.
keavy
128
17k
エンジニアに許された特別な時間の終わり
watany
106
230k
技術選定の審美眼(2025年版) / Understanding the Spiral of Technologies 2025 edition
twada
PRO
117
110k
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
240
Taking LLMs out of the black box: A practical guide to human-in-the-loop distillation
inesmontani
PRO
3
2k
Lightning Talk: Beautiful Slides for Beginners
inesmontani
PRO
1
440
Transcript
TypeScript使ってみませんか? 3T 1
JavaScript 好き? 嫌い? 2
僕は好きです 3
でも 4
そんなJavaScriptにもイラッとすることがある 5
変数の値 動く! エラー箇所がわかりにくい 6
クラス プロトタイプ…? 何この括弧 (自分にとって) 余計なものが多い 7
TypeScript 8
TypeScript? 9
TypeScript •MSが発表したJavaScript互換の言語 •ECMAScript6を意識 •静的型付け 10
JavaScript互換 •CoffeeScript •Dart •JSX •Haxe •TypeScript ― シンタックスシュガー ― JSに代わる別言語
}言語独自機能アリ 最終的にJSになる 11
JavaScript互換 •JSX •Haxe •TypeScript }ECMAScript4を意識 ECMAScript6を意識 − 12
ECMAScript? 13
ECMAScriptとは •標準化されたスクリプト言語 •方言 •JavaScript, JScript, ActionScript 14
ECMAScriptとは •現在のバージョンは5(5th edition) •6thでは後方互換を切り,モジュール機 構などを導入予定(策定中) •4thは破棄された 5ベースで6意識のTSがイイネ! 15
イラッとするところをどう解決してくれるの? 16
変数の値 17
変数の値 18
クラス 19
クラス 20
他にも アロー関数式 21
他にも •public, private •static •継承, super •コンストラクタ 22
他にも •JQuery用ライブラリ •MSが提供 http://typescript.codeplex.com/SourceControl/changeset/view/ d397c54a55db#samples/jquery/jquery.d.ts 23
導入 24
Playground http://www.typescriptlang.org/Playground/ 25
PC 26
tools •Visual Studio 27
tools オススメ! 28
すてま •Sublime Text 2記事まとめ http://line-t.net/2012/12/24/sublime-text-2-summaryforme/ 29
TypeScript使ってみませんか? 30