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
SourceGeneratorのススメ
htkym
0
200
Patterns of Patterns
denyspoltorak
0
1.4k
izumin5210のプロポーザルのネタ探し #tskaigi_msup
izumin5210
1
130
コマンドとリード間の連携に対する脅威分析フレームワーク
pandayumi
1
450
CSC307 Lecture 02
javiergs
PRO
1
780
【卒業研究】会話ログ分析によるユーザーごとの関心に応じた話題提案手法
momok47
0
200
ぼくの開発環境2026
yuzneri
0
230
FOSDEM 2026: STUNMESH-go: Building P2P WireGuard Mesh Without Self-Hosted Infrastructure
tjjh89017
0
170
OSSとなったswift-buildで Xcodeのビルドを差し替えられるため 自分でXcodeを直せる時代になっている ダイアモンド問題編
yimajo
3
620
Package Management Learnings from Homebrew
mikemcquaid
0
230
LLM Observabilityによる 対話型音声AIアプリケーションの安定運用
gekko0114
2
430
副作用をどこに置くか問題:オブジェクト指向で整理する設計判断ツリー
koxya
1
610
Featured
See All Featured
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
2.8k
Navigating Algorithm Shifts & AI Overviews - #SMXNext
aleyda
0
1.1k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.4k
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
tomoyanonymous
2
420
Designing Powerful Visuals for Engaging Learning
tmiket
0
230
GraphQLとの向き合い方2022年版
quramy
50
14k
WENDY [Excerpt]
tessaabrams
9
36k
Evolving SEO for Evolving Search Engines
ryanjones
0
130
Collaborative Software Design: How to facilitate domain modelling decisions
baasie
0
140
Agile Leadership in an Agile Organization
kimpetersen
PRO
0
82
SEO Brein meetup: CTRL+C is not how to scale international SEO
lindahogenes
0
2.3k
Speed Design
sergeychernyshev
33
1.5k
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