Typescriptのメリットを理解したい

Question

前提・実現したいこと

現在Reactを学ぶ中で、Typescriptを勉強しています。

結論から言うと、
Typescriptのメリットを理解したいです。
**最終的にJavascriptに変換されるのだから、結局静的型検査とか意味あるの？**と思ってしまっています。
コンパイル後はjavascriptなので、変換後のメリットはJavascriptとは変わらないが、開発面においてメリットが大きいということでしょうか。

試したこと

typescriptのメリットを調べ、現在のメリットの認識は以下です。
・「型宣言」によって開発効率を上げつつ、安全なアプリケーションを作れる
・「クラスベース」のオブジェクト指向開発ができる
・「コンパイル」によって古いブラウザに対応したJavaScriptを生成できる
・ドキュメントとしての側面を利用するため

ただ結局JSに変換されるということはJSでもできることなのかなと思ったりします。

コンパイル前の開発時点でのメリットがやはり大きいということでしょうか。
型宣言もコンパイル後は変換されるので意味ない気はしますが、変換前の開発時に、
どんな型が返ってくるかわかりやすくて可読性が上がったりするとか。

「クラスベース」のオブジェクト指向開発ができる
も結局JSに変換できるのだから、同じような意味合い（もう少し緩い）のコードはJSでも書けるのかなと思い、
結局変換前の開発時に、オブジェクト指向で開発できるというのが、可読性を上げたりするのでメリットということでしょうか。

つまり、JS変換後のメリットはとくにJSと変わりなく（JSなのだから）、変換前の開発時にエラーに気づきやすかったり、可読性が上がるコードを書けるところが大きなポイントなのでしょうか。

少し、TSで書くとバグが起こりにくく、大規模開発に向いているみたいなざっくりとした印象だったので、結局JSに変換されるならTS作ったもの自体にバグが起きにくいとかではなく、TSの概念で開発することができることで、未然にバグが減らせるということなのかなあ。と思いました。

参考：https://tech.playground.style/javascript/typescript-merits/
https://www.youtube.com/watch?v=F9vzRz6jyRk

Answer 1

コンパイル後はjavascriptなので、変換後のメリットはJavascriptとは変わらないが、開発面においてメリットが大きいということでしょうか。

そのとおりです。というより、それしかありません。

Comments

[maisumakun]

> ただ結局JSに変換されるということはJSでもできることなのかなと思ったりします。

そのとおりです。

[k499778]

ありがとうございます。スッキリしました。
いろんな言語があって、速いとかバグが起きづらいとか、同じようにTSで作るアプリそのものになにかメリットがあるかと勘違いしていましたが、開発時の、変換前のメリットだということが知れてスッキリしました。

[pandanoir]

いや、バグは起こりづらくなります。なぜかというと、ちゃんと書くと型安全性が保証され、実行時エラーがゼロになります。

(ただしTSはanyなど型安全性を壊せる要素があるので、そういうとこをしっかり誤魔化さずに書いた場合に限ります)

[k499778]

あーなるほど、開発時だけではなく、リリース後の実行時エラーもゼロになるというメリットが有るのですね！
でもJSに変換されるのですよね
開発時は型チェックの上で開発しているため、想定されない型で値が渡されるケースが少なくなる?なくなる?から実行時エラーが基本起きなくなるのでしょうかね。

[maisumakun]

> 開発時は型チェックの上で開発しているため、想定されない型で値が渡されるケースが少なくなる?なくなる?から実行時エラーが基本起きなくなるのでしょうかね。

そうですね。型はコンパイル時に消えますが、「その型で矛盾しないコードが書けている」という事実が消えるわけではありません。

[k499778]

ありがとうございます！

[pandanoir]

想定されない値が渡されるケースはいくつかあります(API通信時、JSONパース時、localStorage読み出し時)が、それらはunknown型にしておき動的に型チェックを行えば型安全性を損なわずに扱えるので問題ないです。

[k499778]

ありがとうございます！