TypeScript再入門 ― 「がんばらないTypeScript」で、JavaScriptを“柔らかい”静的型付き言語に

TypeScriptは、すべてのJavaScriptプロジェクトで採用する価値のある技術です。TypeScriptとこれに対応したエディタを導入することで、補完や型ベースの整合性のチェックにより、すべてのプロジェクトで生産性が上がります。またリファクタリングも容易になるので、長期あるいは大規模なプロジェクトでも品質を保ちやすくなります。

この記事では、TypeScriptについて最低限の知識とともに、サクッと（どちらかというと既存のプロジェクトに）導入するためのノウハウや手順を、筆者（@__gfx__）の経験もあわせて解説していきます。

ただし、TypeScriptのユースケースは、Webフロントエンド、モバイルアプリ、サーバーサイドアプリなど多岐にわたります。そこでこの記事では、以下のようなプロジェクトを想定して、設定などを具体的に見ていきます。

• Webフロントエンドのビルドにwebpackを使う
• ES modulesまたはCommonJS準拠のモジュールシステムを使う

• TypeScriptとは何か？ がんばらないTypeScriptとは何か？
  • TypeScript導入の可否
  • 難しい型システムをマスターしなくてもTypeScriptで開発できる
  • 「がんばらないTypeScript」というガイドライン
  • 「がんばらないTypeScript」で得られるもの
• TypeScriptによるWebアプリケーションの開発
  • TypeScriptのコンパイラ
  • エディタはlanguage serviceをサポートしたものを
  • シンプルなTypeScript環境でスクリプトを実行してみる
• 「がんばらないTypeScript」の設定と実行
  • がんばらないことと関係のないおすすめ設定
  • がんばらないための設定の詳細
  • JavaScriptプロジェクトをTypeScriptに変換する
• プログラミング言語としてのTypeScript
  • JavaScriptとの違い
  • 型コンテキスト
  • 構造的部分型
  • ジェネリクス
• まとめ

※本記事は、TypeScript v3.4（2019年3月リリース）に基づいています。

TypeScriptとは何か？ がんばらないTypeScriptとは何か？