有料プラン

JavaScriptをTypeScriptへ移行する

tsconfigとstrict設定、移行順序、データ層・関数・DOMの型付け、型エラーの解消を通して、既存JavaScriptを段階的にTypeScriptへ移行する全9レッスンの実践プロジェクトです。完成済みのプロフィールサイトを止めずに、ファイル単位で安全なTypeScriptへ置き換えます。

レッスン

9件

所要時間

約2時間

ランク

中級

学習環境

ブラウザ完結

目標

JavaScript版プロフィールサイトをstrict対応のTypeScriptプロジェクトへ段階的に移行する

概要

tsconfigとstrict設定、移行順序、データ層・関数・DOMの型付け、型エラーの解消を通して、既存JavaScriptを段階的にTypeScriptへ移行する全9レッスンの実践プロジェクトです。完成済みのプロフィールサイトを止めずに、ファイル単位で安全なTypeScriptへ置き換えます。

できるようになること

tsconfigとstrict設定を理解し、移行計画を立てられる

データ層・関数・DOM操作をファイル単位でTypeScript化できる

型エラーを読み、anyへ逃げずに解消できる

前提知識・必要な環境

必須

  • TypeScript型設計:オブジェクト・状態・ジェネリクス 修了相当

推奨

  • JavaScriptでWebページを動かす 修了相当

環境

ブラウザ完結(インストール不要)

内容

テキストでの解説

3

レッスン

コーディングの問題

6

レッスン

クイズ問題

0

レッスン

監修

ゆめさくコード編集部

プログラミング学習をもっと身近に。初心者から実務レベルまで、わかりやすいコンテンツをお届けします。

生田 陸人

ゆめさくエンジニア / 現役ソフトウェアエンジニアRuby on Rails・Nuxt.js・Next.js・CakePHPなどの実務の開発をベースに、学習コンテンツを作成しています。

このコースの動く図解

動かしながら、仕組みや変化を目で確かめられます。

動く図解をすべて見る

腕試しに、1問だけ解いてみる

開発室「この型、通せますか?」

1問目は無料で解けます。教材を見ないで、依頼と完成条件だけを読んで書いてみてください。

TypeScript道場 fleama開発室の10問

次に学ぶなら

このコースを終えたあとに進むと、無理なく続けられます

あわせて学びたい

同時に進めると、理解が早くなる組み合わせです