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
Pine Mizune
August 23, 2014
Programming
0
120
あなたの睡眠時間を1時間増やす TypeScript 講座
『 JAWS-UG高知 第4回勉強会 - 微妙にネジが飛んでる活用術編 』 で発表した資料
https://jawsug-tosa.doorkeeper.jp/events/14063
Pine Mizune
August 23, 2014
Tweet
Share
More Decks by Pine Mizune
See All by Pine Mizune
多言語対応と絵文字ジェネレーター / i18n of Emoji Generator
pine
0
810
C++ 製グラフィックライブラリ Skia の紹介 / Introduction to the graphics library Skia written by C++
pine
0
1.8k
asyncio + aiohttp で作るウェブサービス / How to develop a web service with asyncio and aiohttp
pine
0
670
Lerna による明示的疎結合アーキテクチャ
pine
1
640
CircleCI 2.0 x JavaScript
pine
3
550
Perl 卒業式
pine
0
340
Android Studio の気になる warnings を抑制する方法まとめ
pine
0
500
Emoji Generator meets Browser Extensions
pine
1
3k
近年の OSS 開発における CI 選択のベストプラクティス
pine
3
4.5k
Other Decks in Programming
See All in Programming
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
3.6k
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
240
CSC305 Lecture 06
javiergs
PRO
0
220
Railsだからできる 例外業務に禍根を残さない 設定設計パターン
ei_ei_eiichi
0
470
高度なUI/UXこそHotwireで作ろう Kaigi on Rails 2025
naofumi
4
3.9k
GitHub Actions × AWS OIDC連携の仕組みと経緯を理解する
ota1022
0
250
Android16 Migration Stories ~Building a Pattern for Android OS upgrades~
reoandroider
0
100
大規模アプリのDIフレームワーク刷新戦略 ~過去最大規模の並行開発を止めずにアプリ全体に導入するまで~
mot_techtalk
1
430
Web フロントエンドエンジニアに開かれる AI Agent プロダクト開発 - Vercel AI SDK を観察して AI Agent と仲良くなろう! #FEC余熱NIGHT
izumin5210
3
520
タスクの特性や不確実性に応じた最適な作業スタイルの選択(ペアプロ・モブプロ・ソロプロ)と実践 / Optimal Work Style Selection: Pair, Mob, or Solo Programming.
honyanya
3
160
Introducing ReActionView: A new ActionView-Compatible ERB Engine @ Kaigi on Rails 2025, Tokyo, Japan
marcoroth
3
1k
CSC509 Lecture 04
javiergs
PRO
0
300
Featured
See All Featured
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Large-scale JavaScript Application Architecture
addyosmani
514
110k
Context Engineering - Making Every Token Count
addyosmani
5
230
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Writing Fast Ruby
sferik
629
62k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
229
22k
Bash Introduction
62gerente
615
210k
How GitHub (no longer) Works
holman
315
140k
GraphQLとの向き合い方2022年版
quramy
49
14k
For a Future-Friendly Web
brad_frost
180
9.9k
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
panda_program
114
20k
Into the Great Unknown - MozCon
thekraken
40
2.1k
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 で開発しよう!