Effective TypeScript 第2版 ―型システムの力を最大限に引き出す83項目

10章コードのモダン化とTypeScriptへの移行

TypeScriptがすばらしいということは聞いたことがあるでしょう。また、15年前からある10万行ものJavaScriptライブラリをメンテナンスするのはすばらしくないことも、痛い経験から知っているはずです。それがTypeScriptライブラリになってくれさえすれば！

この章では、正気を失ったり途中で投げ出したりすることなく、JavaScriptプロジェクトをTypeScriptに移行するためのいくつかのアドバイスを提供します。

コードが少なければ少ないほど、移行は簡単になります。そのため、TypeScriptへの移行を開始する前に、廃止予定の機能を削除し、デッドコードを一掃しておくとよいでしょう。ただし、それ以外のモダン化は保留すべきかもしれません。jQueryのWebアプリケーションをReactに変換するのは、TypeScriptに移行した後のほうがずっと簡単になります。

一挙に移行できるのは、小規模なコードベースだけです。大きなプロジェクトの移行で重要なのは、徐々に移行することです。「項目81　allowJsを使ってTypeScriptとJavaScriptを共存させる」でその方法を説明します。長期にわたる移行では、進捗状況を追跡し、後退しないようにすることが非常に重要です。そうすれば、変化に勢いと必然性が感じられるようになります。「項目82　依存関係グラフの下から上へモジュールごとに移行する」ではその方法を説明します。

大規模なプロジェクトをTypeScriptに移行するのは必ずしも簡単ではありませんが、大きな利益をもたらす可能性があります。2017年に行われた調査では、GitHub上のJavaScriptプロジェクトで修正されたバグの15%は、TypeScriptで書かれていれば防げていたことが分かりました ...