Upgrade to PRO for Only $50/Year—Limited-Time Offer! 🔥
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
認証・認可の基本を学ぼう後編
kouyuume
0
240
TUIライブラリつくってみた / i-just-make-TUI-library
kazto
1
400
20251212 AI 時代的 Legacy Code 營救術 2025 WebConf
mouson
0
200
愛される翻訳の秘訣
kishikawakatsumi
3
330
SwiftUIで本格音ゲー実装してみた
hypebeans
0
460
tsgolintはいかにしてtypescript-goの非公開APIを呼び出しているのか
syumai
7
2.3k
Context is King? 〜Verifiability時代とコンテキスト設計 / Beyond "Context is King"
rkaga
10
1.3k
dotfiles 式年遷宮 令和最新版
masawada
1
800
堅牢なフロントエンドテスト基盤を構築するために行った取り組み
shogo4131
8
2.4k
Full-Cycle Reactivity in Angular: SignalStore mit Signal Forms und Resources
manfredsteyer
PRO
0
160
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
matsu_chara
2
220
LLMで複雑な検索条件アセットから脱却する!! 生成的検索インタフェースの設計論
po3rin
4
890
Featured
See All Featured
Crafting Experiences
bethany
0
19
First, design no harm
axbom
PRO
1
1k
Visualization
eitanlees
150
16k
Jess Joyce - The Pitfalls of Following Frameworks
techseoconnect
PRO
1
23
How to Grow Your eCommerce with AI & Automation
katarinadahlin
PRO
0
68
The Limits of Empathy - UXLibs8
cassininazir
1
190
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
54k
Winning Ecommerce Organic Search in an AI Era - #searchnstuff2025
aleyda
0
1.7k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
850
Stewardship and Sustainability of Urban and Community Forests
pwiseman
0
67
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
231
22k
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