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
130
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
670
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
10 Tips of AWS ~Gen AI on AWS~
licux
5
530
Running Swift without an OS
kishikawakatsumi
0
880
AI-DLC Deep Dive
yuukiyo
9
5.4k
空間オーディオの活用
objectiveaudio
0
120
いつか誰かが、と思っていた フロントエンド刷新5年間の実践知
kiichisugihara
1
250
Agentic Elixir
whatyouhide
0
440
의존성 주입과 모듈화
fornewid
0
160
Import assertionsが消えた日~ECMAScriptの仕様はどう決まり、なぜ覆るのか~
bicstone
2
170
🦞OpenClaw works with AWS
licux
1
330
WebAssembly を読み込むベストプラクティス 2026年春版 / Best Practices for Loading WebAssembly (Spring 2026)
petamoriken
5
1k
Claude Code × Gemini × Ebitengine ゲーム制作素人WebエンジニアがGoでゲームを作った話
webzawa
0
210
Don't Prompt Harder, Structure Better
kitasuke
0
810
Featured
See All Featured
The Power of CSS Pseudo Elements
geoffreycrofte
82
6.2k
Rebuilding a faster, lazier Slack
samanthasiow
85
9.5k
Unsuck your backbone
ammeep
672
58k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
16
1.9k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
kevinliebholz
37
6.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
addyosmani
10
1.2k
From π to Pie charts
rasagy
0
180
From Legacy to Launchpad: Building Startup-Ready Communities
dugsong
0
200
Visualizing Your Data: Incorporating Mongo into Loggly Infrastructure
mongodb
49
9.9k
Facilitating Awesome Meetings
lara
57
6.8k
Chasing Engaging Ingredients in Design
codingconduct
0
180
Testing 201, or: Great Expectations
jmmastey
46
8.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 で開発しよう!