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
あなたの睡眠時間を1時間増やす TypeScript 講座
Search
Sponsored
·
Ship Features Fearlessly
Turn features on and off without deploys. Used by thousands of Ruby developers.
→
Pine Mizune
August 23, 2014
Programming
140
0
Share
あなたの睡眠時間を1時間増やす TypeScript 講座
『 JAWS-UG高知 第4回勉強会 - 微妙にネジが飛んでる活用術編 』 で発表した資料
https://jawsug-tosa.doorkeeper.jp/events/14063
Pine Mizune
August 23, 2014
More Decks by Pine Mizune
See All by Pine Mizune
多言語対応と絵文字ジェネレーター / i18n of Emoji Generator
pine
0
870
C++ 製グラフィックライブラリ Skia の紹介 / Introduction to the graphics library Skia written by C++
pine
0
1.9k
asyncio + aiohttp で作るウェブサービス / How to develop a web service with asyncio and aiohttp
pine
0
690
Lerna による明示的疎結合アーキテクチャ
pine
1
680
CircleCI 2.0 x JavaScript
pine
3
570
Perl 卒業式
pine
0
370
Android Studio の気になる warnings を抑制する方法まとめ
pine
0
520
Emoji Generator meets Browser Extensions
pine
1
3k
近年の OSS 開発における CI 選択のベストプラクティス
pine
3
4.5k
Other Decks in Programming
See All in Programming
生成AI時代にこそ効くGo | Why Go Works in the Age of Generative AI
mom0tomo
8
3.1k
Inside Stream API
skrb
1
630
気づいたらRubyで100作品 ー クリエイティブコーディングが生活の一部になるまで / 100 Ruby Sketches Later: How Creative Coding Became Part of My Life
chobishiba
3
540
ADKを使って簡単にAIエージェントを作ってみよう
k1mu21
0
210
Oxcを導入して開発体験が向上した話
yug1224
4
280
フロントエンドとバックエンドで「1文字」を揃えよう
youkidearitai
PRO
0
190
RTSPクライアントを自作してみた話
simotin13
0
450
inferと仲良くなる10分間
ryokatsuse
1
370
Composerを使ったサプライチェーン攻撃の様子を眺めてみる #phpstudy
o0h
PRO
2
220
Why Laravel apps break—Mastering the fundamentals to keep them maintainable
kentaroutakeda
1
340
Stage 3 Decorators でできること / できないこと / TSKaigi 2026
susisu
1
1.5k
[2026年度第1回ORセミナー] 計画最適化ベンチャーと競技プログラミング人材
terryu16
0
240
Featured
See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
sarafernandez
0
190
Applied NLP in the Age of Generative AI
inesmontani
PRO
4
2.3k
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.3k
The Organizational Zoo: Understanding Human Behavior Agility Through Metaphoric Constructive Conversations (based on the works of Arthur Shelley, Ph.D)
kimpetersen
PRO
0
350
The World Runs on Bad Software
bkeepers
PRO
72
12k
GitHub's CSS Performance
jonrohan
1033
470k
My Coaching Mixtape
mlcsv
0
140
Unsuck your backbone
ammeep
672
58k
Jamie Indigo - Trashchat’s Guide to Black Boxes: Technical SEO Tactics for LLMs
techseoconnect
PRO
0
160
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
194
17k
We Analyzed 250 Million AI Search Results: Here's What I Found
joshbly
1
1.3k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
2k
Transcript
あなたの睡眠時間を1時間増やす TypeScript 講座 水音 氷音
目次 1. はじめに 2. JavaScript とは ? 3. JavaScript の問題点
4. altJS とは ? 5. altJS の種類 6. TypeScript の概要 7. TypeScript のここがすごい
はじめに ターゲット層 Web 系の人 サーバーサイド開発をする人 趣味でアプリを作る人
言語オタクの人 技術的な内容 … 少なめ
JavaScript とは ? • Web ブラウザ上で動作する 唯一の言語 • 多数の Web
サイトで利用 • プロトタイプベース オブジェクト指向 • HTML 5 を支える ※ IE 上で動作する VBScript, ActiveScript 系言語を除く
JavaScript の問題点 • 標準ライブラリ 貧弱 • ブラウザ間 互換性問題 • 大規模開発に向いていない
– 名前空間・クラス – パッケージ管理 – 型システム
altJS とは ? へ変換できる言語 の資源の流用可能 よりも機能が豊富 より便利 !!!!!!!!!!! JavaScript
altJS の種類 • CoffeeScript • Haxe Flash (ActionScript) 系
• Dart Google 開発 • TypeScript Microsoft 開発
TypeScript の概要 • JavaScript 次期仕様 先行実装 ECMAScript 3 /
5 / 6 • 文法は JavaScript + C# • 静的型付け & 型推論 • 既存ライブラリ 利用可能
TypeScript のここがすごい! • 型付け・型推論・補完 生産性アップ! • 既存ライブラリ 補完可能
リファレンスは覚えなくていい! • Microsoft が開発 将来のサポートが保障!
TypeScript のここがすごい! 配列
でも、 お高いんでしょう? Microsoft ですし… おすし…
無料で開発できます! • TypeScript コンパイラ (無料) • Microsoft Visual Studio Express
2013 for Web (無料) • WebStorm (有料)
さあ今すぐ、 TypeScript で開発しよう!