新規プロジェクトのフロントエンドにTypeScriptではなくJavaScriptを使うメリットはあるか

Question

フロントエンド開発のトレンドの変化は今も速いですが、トランスパイルしてJavaScriptを出力する、といった流れはしばらく変わりそうにありません。そういった中で静的型付け（厳密には漸進的型付けですが）言語であるTypeScriptが普及しているかと思います。

TypeScriptには「型」の概念があり実行時エラーを大幅に減らしてくれるメリットがあります。記述量が増えるなどのデメリットもありますが、混沌とした仕様のJavaScriptにおいてTypeScriptは非常にありがたい存在だと言えます。

既存のプロジェクトの場合は型をつけられないライブラリがあったりしてTypeScriptへのリプレースが難しいと思われますが、新規プロジェクト、とくにReactやVue.jsなどのフレームワークを使ったプロジェクトにおいてTypeScriptを使わずJavaScriptを採用するメリットはあるのでしょうか。

Answer 1

TypeScriptを理解せずとも開発に加われる、という点が、開発者を多数必要とする環境ではメリットとなりえます。

TypeScriptの型は高度な仕組みのため、慣れていない人間が使い出すと「any乱発」などで、型情報と実際の型が合わないなど単なるJavaScriptより手のつけがたいTypeScriptコードを乱造される危険もあります。

Comments

[A_kirisaki]

確かにanyは危険ですね。コードレビューなどで弾ければ良いのでしょうが、理想に過ぎないというのもわかります。

Answer 2

JavaScriptはネットでサンプルコードも豊富に手に入りますから学習コストが低いというのがメリットですね。
ただし、TypeScriptと違って明示的なデータタイプが言語仕様に無いためコードのステップ数が増えるとバグが入り込んだ時にデバッグが非常に困難になるデメリットがあるのもご承知の通りです。
経験からおおむね数百ステップ程度までならJSで行けますが、1,000ステップ越えのアプリは最初からTSで作ったほうがベターかと思います。
ご参考になれば。

Answer 3

既存のWebサイトにAngularを導入した経験から、回答させていただきます。

TSは、動的型付けに慣れている方にはかなりハードルが高く、学習コストが非常にかかります。
私は、静的型付けの言語に手を出していたからなんとかついてこれましたが、
開発において、JSの時点でも、ライブラリをちょいと使ってー、程度にしか使ってきてない人が、フロントエンドエンジニアには多くおり、（バカにしてるわけではなく、事実ほとんどそう、という話）その方々にTSをラーニングさせるのはかなりコストがかかります。

ただ、おっしゃる通り、フロントエンドフレームワークにおいて、フルにその良さを活かすには、CLI、なかんずくTSの使用が必要不可欠なのも事実であって、
技術を持った方が、先導して導入していくべき、とも思います。

しかし、JSのメリットは、とかく敷居の低さ、とっつきやすさだと思いますので、
現状が、TSのラーニングが厳しそうなら、
JSのままにせざるを得ないと思います。

また、その新規のプロジェクトが、ラーニングコストも担保できるスケジュールならば話は別で、チームでラーニングしていく、のも一つ手だと思います。

よって、結論から言うと、その企業なりチームなりの現状、案件による、としか言いようがないということです。

Comments

[A_kirisaki]

確かにチームによりけりですよね。型システムの教育方法もまだ成熟していない雰囲気もありますし、そこが落としどころなのでしょうか。（とは言いつつプログラミングスキル的には十分なチームが乗り換えていなかったりするのですが……）

[miyabi_pudding]

落とし所、難しいですね・・・。
またさらに、型付けもそうなんですが、プロトタイプ→クラスって、手続きの仕方とか、オブジェクトの扱いも違って、そこが大きな壁になってる気がします。
JSでも、ES6〜や、クラス構文から入ってもらうと少しハードル下げれるんじゃないですかね？

> プログラミングスキル的には十分なチームが乗り換えていなかったり

これはぜひ挑戦してほしいですよね 苦笑