TypeScriptはJSの前に学ぶか後に学ぶか、目的で決まる

「TypeScriptは、JavaScriptを完全にマスターしてから手をつけるべきだ」。学習の順番について調べると、ほぼ必ずこの答えに行き着く。理由も筋が通っている。JSの文法と型という2つの新しい概念を同時に抱えると負荷が二重になる、というのが最大の根拠だ。加えて、困ったときに検索して出てくる情報はJSのほうが圧倒的に厚いのだから、まずそちらで足場を作るのが安全だ、という理屈も添えられる。

この通説は間違ってはいない。ただ、2つの前提のうち片方は、もう静かに崩れ始めている。

「情報の厚みで先にJS」という根拠が薄くなってきた

JSの情報量が多いという前提自体は、過去の蓄積で見れば今も揺るがない。Qiitaに投稿された記事のストックを言語別に数えると、JavaScriptはTypeScriptのおよそ3倍の厚みを持っている。

ただし「これから新しく書かれる解説」という視点に切り替えると、話は違ってくる。Qiitaの年間新規記事数は、数年かけて段階的に差が縮まり、直近ではTypeScriptとJavaScriptがほぼ並ぶところまで来ている。つまり「型でつまずいたときに、最近の知見で助けてもらえるかどうか」という点では、もうJSだけが有利とは言えなくなっているということだ。昔の蓄積を頼るならJS、今日書かれたばかりの知見を頼るなら両者はほぼ互角、というのが実際のところに近い。

情報量の差という根拠が弱くなったのなら、残るのはもう一つの根拠、「負荷を一度に増やさないほうがいい」という学習設計の話だけになる。ここで考え直す価値があるのは、型というものが本当に負荷を増やすだけの存在なのか、という点だ。

型は「負荷」ではなく「補助輪」として働く場面がある

型なしのJSで学び始めると、コードは一見自由に動く。存在しないプロパティを呼んでも、数値のつもりが文字列になっていても、実行するまで気づけないことが多い。間違いは、動かしてみて初めて、しかも実行時のエラーという形で姿を現す。

型を先に入れると、この順番が逆転する。間違いはエディタの中で、実行する前に、しかも「どこが」「なぜ」間違っているかという形で示される。これは負荷ではなく、むしろ早期に間違いを教えてくれる補助輪に近い。自転車の補助輪と同じで、最初から支えがあることで、転ぶ回数ではなく転んだ瞬間に気づける回数が増える。初学者にとって怖いのは間違えることそのものより、どこで間違えたか分からないまま次に進んでしまうことだ。その意味で、型を早く入れることは学習を遅らせるどころか、間違いの発見を早めてくれる場面がある。

とはいえ、これは「誰にとっても先にTSが正解」という話ではない。情報量という逃げ場が消えた以上、残る判断軸はもう一つしかない。型の負荷を、学習のどの段階で、どれだけ引き受けたいかだ。

早めに引き受けたいなら、フロント就職や既にTypeScriptが標準の現場を目指す人がそうであるように、最初から.tsで薄く型を当てながらJSの文法を学ぶ「同時進行」が近道になる。遅らせたいなら、個人開発でまず「動いた」を味わいたい人がそうであるように、JS(型なし)で書き始め、詰まってからTSを足せばいい。あえて一度型の外側を見ておきたいなら、プロトタイプベースの継承や暗黙の型変換といったJS特有のクセを素手で触ってからTSに進むという選び方もある。どれも正しく、違うのは負荷をいつ払うかだけだ。

「前か後か」は優劣ではなく、どこでつまずきたいかの設計

ここまで見てきたように、TypeScriptを先に学ぶか後に学ぶかは、どちらが優れた学習法かという問題ではない。情報の助けという点では、過去の蓄積に頼るならJS、最新の知見に頼るなら両者はほぼ並んでいる。型は負荷であると同時に、間違いを早く見つけてくれる補助輪でもある。

残る判断材料は、自分がこれから何を目的にしていて、どこで、どんなふうにつまずきたいかだ。現場で使う型をいち早く体に入れたいのか、動く楽しさを先に味わいたいのか、言語の素の挙動を知った上で型のありがたみを理解したいのか。目的が決まれば、前か後かという順番はほぼ自動的に決まる。

実際に手を動かす段階に進むなら、文法の入口はJavaScriptの学び方、型を含めた書き方はTypeScriptの学び方でそれぞれの教材の選ばれ方を確認できる。どちらを先に深掘りするか迷ったときは、技術の比較(VS)一覧で他の学習者がどんな軸で両者を比べているかを見ておくのも参考になる。

tasklogでは、こうした言語ごとの記事の蓄積と新規投稿のペースを日次で集計している。自分の目にした「JSの方が情報が多い」という感覚が、過去の話なのか今も続いている話なのか、気になったら一度、JSとTSを数字で横並びにしたページで確かめてみてほしい。

https://s-tasklog.com/vs/javascript-vs-typescript

---

記事数はQiita APIの検索総数(2026年10月2日時点、tasklog調べ・暫定値)。母集団や検索条件が変われば数値も変動する。