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
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
CSC307 Lecture 09
javiergs
PRO
1
840
AI巻き込み型コードレビューのススメ
nealle
2
340
[KNOTS 2026登壇資料]AIで拡張‧交差する プロダクト開発のプロセス および携わるメンバーの役割
hisatake
0
290
Patterns of Patterns
denyspoltorak
0
1.4k
AIと一緒にレガシーに向き合ってみた
nyafunta9858
0
240
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
shibayu36
2
4.4k
AI Agent の開発と運用を支える Durable Execution #AgentsInProd
izumin5210
7
2.3k
AIフル活用時代だからこそ学んでおきたい働き方の心得
shinoyu
0
140
SourceGeneratorのススメ
htkym
0
200
要求定義・仕様記述・設計・検証の手引き - 理論から学ぶ明確で統一された成果物定義
orgachem
PRO
1
130
フロントエンド開発の勘所 -複数事業を経験して見えた判断軸の違い-
heimusu
7
2.8k
ノイジーネイバー問題を解決する 公平なキューイング
occhi
0
100
Featured
See All Featured
Product Roadmaps are Hard
iamctodd
PRO
55
12k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.3k
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
0
440
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
akademiya2063
PRO
1
54
Making the Leap to Tech Lead
cromwellryan
135
9.7k
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Creating an realtime collaboration tool: Agile Flush - .NET Oxford
marcduiker
35
2.4k
Building Applications with DynamoDB
mza
96
6.9k
Odyssey Design
rkendrick25
PRO
1
500
Building Flexible Design Systems
yeseniaperezcruz
330
40k
The Mindset for Success: Future Career Progression
greggifford
PRO
0
240
Gemini Prompt Engineering: Practical Techniques for Tangible AI Outcomes
mfonobong
2
280
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