Skip to content

Instantly share code, notes, and snippets.

@disc99
Last active April 2, 2016 09:22
Show Gist options
  • Save disc99/f6626d6e6db3c96267ba to your computer and use it in GitHub Desktop.
Save disc99/f6626d6e6db3c96267ba to your computer and use it in GitHub Desktop.

TypeScriptメモ

2016/04/02時点

学習方法

学習、導入コストとリスク

  • ES5までに無い構文
    • 何れ覚える必要があるので、ESに関しては学習コストが無いに等しい
  • ESには無いTypeScriptの構文理解
    • Java, Scala, C#などのとJavaScriptの経験があればES6以降の構文も含め、基本は2日もあれば記述できる
  • やったことが無駄になるリスク
    • 基本はES6 + 7 + αだが学習日数が2日程度であれば、無駄というほどの時間ではない => それよりも型による安全性、保守性、また他言語への理解な費用対効果が圧倒的に高い
    • 深くまで活用することにリスクを感じるのであれば、ES6,7構文と型を扱うために導入するのもあり
    • ソースコードはES3,ES5,ES6へ可読性の高いのトランスパイルができる => JavaScriptのアンチパターンの回避、記法の統一できるができるのもメリット

開発効率、保守性

  • 型による補完の精度向上、効率化、参照範囲の限定、リファクタリング容易性、保守性の向上は十分にある
  • コード量は増えるが、補完によりタイプ量は減る(5カ月でAngularJSとTypeScriptでSPAを開発。その技術の選択と開発過程は?)
  • スケールしても破綻しにくい。ただし、数十行程度で完結し、使い捨てやメンテナンスなどを行う予定の無いスクリプト程度であればあえて導入するほどでもない。
  • 初回だけだが、開発環境構築がAltJSを使わないよりはかかる
  • 型定義ファイルのコントロールに難がある(管理ツールやリポジトリが切り替わったり、エディタにもよるがコンパイルに失敗するなど)

安定性、後方互換性、将来性

  • Angular2にも採用採用されているため、当分は安定して使えると思われる

開発環境

  • Visual Studio(未確認)
    • Windows
    • 無料
    • もっとも扱いやすいと評判
  • WebStorm, IntelliJ IDEA(未確認)
    • Windows, Mac...
    • 有料
    • OSに関係なく記述できるがスクリプトにIDEはちょっと大掛かりな気もする
  • Atom
    • Windows, Mac...
    • 無料
    • プラグインと併用だが、補完、エラー通知など時点で機能も十分に充実している
  • Visual Studio Code
    • Windows, Mac...
    • 無料
    • プラグイン不要
    • 補完はいいが、基本的な機能や、エラー通知などはAtomには劣る
    • まだベータのため、不安定で落ちると編集中の情報が消える
  • Sublime Text
  • Windows, Mac...
  • 無料
  • 情報として無いわけではないが、そこまで採用している人が多くない気がする、そもそもSublime自体の人気が低下してきている?

BabelとTypeScript(Babel未確認)

  • 標準仕様順守のBabelと標準仕様+α+型のTypeScriptというイメージ
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment