Upgrade to Pro — share decks privately, control downloads, hide ads and more …

あなたの睡眠時間を1時間増やす TypeScript 講座

あなたの睡眠時間を1時間増やす TypeScript 講座

『 JAWS-UG高知 第4回勉強会 - 微妙にネジが飛んでる活用術編 』 で発表した資料
https://jawsug-tosa.doorkeeper.jp/events/14063

842aaadff6e13fbf372c9b17b49b031c?s=128

Pine Mizune

August 23, 2014
Tweet

More Decks by Pine Mizune

Other Decks in Programming

Transcript

  1. あなたの睡眠時間を1時間増やす TypeScript 講座 水音 氷音

  2. 目次 1. はじめに 2. JavaScript とは ? 3. JavaScript の問題点

    4. altJS とは ? 5. altJS の種類 6. TypeScript の概要 7. TypeScript のここがすごい
  3. はじめに ターゲット層  Web 系の人  サーバーサイド開発をする人  趣味でアプリを作る人 

    言語オタクの人 技術的な内容 … 少なめ
  4. JavaScript とは ? • Web ブラウザ上で動作する 唯一の言語 • 多数の Web

    サイトで利用 • プロトタイプベース オブジェクト指向 • HTML 5 を支える ※ IE 上で動作する VBScript, ActiveScript 系言語を除く
  5. JavaScript の問題点 • 標準ライブラリ 貧弱 • ブラウザ間 互換性問題 • 大規模開発に向いていない

    – 名前空間・クラス – パッケージ管理 – 型システム
  6. altJS とは ? へ変換できる言語 の資源の流用可能 よりも機能が豊富 より便利 !!!!!!!!!!! JavaScript

  7. altJS の種類 • CoffeeScript • Haxe  Flash (ActionScript) 系

    • Dart  Google 開発 • TypeScript  Microsoft 開発
  8. TypeScript の概要 • JavaScript 次期仕様 先行実装  ECMAScript 3 /

    5 / 6 • 文法は JavaScript + C# • 静的型付け & 型推論 • 既存ライブラリ 利用可能
  9. TypeScript のここがすごい! • 型付け・型推論・補完  生産性アップ! • 既存ライブラリ 補完可能 

    リファレンスは覚えなくていい! • Microsoft が開発  将来のサポートが保障!
  10. TypeScript のここがすごい! 配列

  11. でも、 お高いんでしょう? Microsoft ですし… おすし…

  12. 無料で開発できます! • TypeScript コンパイラ (無料) • Microsoft Visual Studio Express

    2013 for Web (無料) • WebStorm (有料)
  13. さあ今すぐ、 TypeScript で開発しよう!