Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Sign up for free
Menu
Search
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Features
All features
Private URLs
Password Protection
Custom URLS
Scheduled publishing
Remove Branding
Restrict embedding
Deck Collections
Notes
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Explore
Featured decks
Featured speakers
Programming
Technology
Storyboards
Pricing
Search
Sign in
Sign up for free
TypeScript使ってみませんか?
Search
Sponsored
·
SiteGround - Reliable hosting with speed, security, and support you can count on.
→
3T
December 29, 2012
Programming
1k
0
Share
Embed
Copy iframe code
Copy JS code
Copy link
Start on current slide
TypeScript使ってみませんか?
JavaScript互換言語の1つTypeScriptを使ってみようという提案
3T
December 29, 2012
More Decks by 3T
See All by 3T
CSSアニメーションを思い通りに動かすために
3t
0
1.4k
実験準備について
3t
0
170
Other Decks in Programming
See All in Programming
R8 の設定見直しでアプリサイズ削減
andpad
0
220
PumaからFalconに移行したRailsアプリケーションでの実践
falcon8823
0
170
Kotlinの15年とServer-Side Kotlin
n_takehata
1
150
ChromeでローカルLLM
ryu1013
0
140
コードで差別化できない時代の ソフトウェアエンジニアリング / Software Engineering in an Era Where Code Doesn’t Differentiate
kishida
2
180
AmebaブログはKMPから卒業します
kmars0605
0
180
最近”作らせてる” ローカルAIアプリの話
akit37
0
470
S3 TablesのIcebergデータに、AIエージェントからアクセスしてみた / 20261016developersio2026joetsu-accessing-iceberg-in-s3tables-via-agent
kasacchiful
PRO
0
150
re:Inventに行く前に知っておきたい現地参加のノウハウ
nokomoro3
0
420
動作中のプログラムの中身をリアルタイムに覗く / Realtime Debugger for CSharp with Roslyn
prota
1
1.9k
dotNET_vulnclicker_intro.pdf
deka_morita
0
140
JAWS-UG 東京支部が始める、JAWS-UG支部コラボ / JAWS-UG lunchtime LT Collaboration
y0hgi
0
270
Featured
See All Featured
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.6k
Bridging the Design Gap: How Collaborative Modelling removes blockers to flow between stakeholders and teams @FastFlow conf
baasie
0
730
sira's awesome portfolio website redesign presentation
elsirapls
0
450
The Director’s Chair: Orchestrating AI for Truly Effective Learning
tmiket
1
330
Tips & Tricks on How to Get Your First Job In Tech
honzajavorek
1
800
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
9
1.6k
Leo the Paperboy
mayatellez
10
2.4k
Understanding Cognitive Biases in Performance Measurement
bluesmoon
32
3.1k
Code Review Best Practice
trishagee
74
20k
Lightning talk: Run Django tests with GitHub Actions
sabderemane
0
300
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
aleyda
1
1.4k
Data-driven link building: lessons from a $708K investment (BrightonSEO talk)
szymonslowik
1
1.4k
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