カテゴリー
サインイン 新規登録
学習時間 5時間
難易度 入門
質問投稿
価格 ¥1,280
月額 ¥2,980
Unlimited会員はこちらの教材を含む100種類以上のUnlimited対象教材が学び放題

JavaScript と比較しながら学ぶ TypeScript

TypeScriptに懇切丁寧に入門!TypeScript登場の歴史から、なぜTypeScriptを使うべきかをカバー。環境構築から実際に動くアプリサンプルを使いながら解説。

5
最終更新 2022/11
ABAB↑↓BA

懇切丁寧に今もっとも現場で使用されている言語の一つTypeScriptに超入門

なぜ学ぶのか?

この教材では、TypeScriptを使うメリットについて学んでいきます。

TypeScriptはコンパイルをするとJavaScriptのコードを生成する、いわゆるAltJavaScriptという部類の言語です。

ではなぜ、最初からJavaScriptで書かずに、わざわざTypeScriptを経由するのか、なぜ、多くのプロの現場ではTypeScriptが使われ続けているのでしょうか。

どのように学ぶのか?

そこでこの教材では、TypeScriptが誕生したきっかけや、その特徴を挙げながら、なぜ多くの人たちがTypeScriptを使っているのか、その理由を学んでいけたらと思います。

また、説明だけではなく、実際に手を動かしていただきながら、TypeScriptのコードを実行したり、JavaScriptのコードをTypeScriptに変換しながら、メリットを直接感じていただけるような演習も用意しております。

本教材で学べること

  • JavaScriptとTypeScriptの歴史・技術的な変遷
  • TypeScriptの特徴
  • JavaScriptとTypeScriptを書き比べたTypeScriptの有効性

学習を終えた状態

この教材が終える頃には、以下のような状態になっていることが望まれます。

  • TypeScriptの概要・魅力を理解していること
  • TypeScriptを本格的に学ぶ意味がわかり、意欲が湧いていること
  • 簡単なJavaScriptのプロダクトをTypeScriptに書き換える方法が分かっていること

受講における必要条件

  • 簡単なHTMLの基礎知識(タグの使い方を理解している)
  • JavaScriptの初歩的な知識(変数、DOM、コールバック関数の使い方)

より、正確に教材の内容を理解するために、MDNのJavaScriptの初級編を押さえておくと良いでしょう。

こんな方におすすめ

  • TypeScriptは聞いたことあるが、その利点や欠点がわからない方
  • Angular, React, Vue(Vue3)などTypeScriptを利用したフレームワークを使い始めた方
  • これからWebエンジニアやJavaScript(Node.js等)を利用したエンジニアを目指す方

学ばないこと

この教材では、TypeScriptを使う理由を把握していただくことを一番の目的としており、実際のWebフレームワークでの使われ方やHTMLなどを含んだアプリケーション全体での使われ方は学びません。

本教材の対応バージョン

  • TypeScript 4.4.4

本教材に対応している環境

ブラウザが使えるOSなら、どんな環境でも構いません。

カリキュラム

Section 0 はじめに
Section 1 TypeScriptを始める
  • 1-1 開発環境の紹介
  • 1-2 プロジェクトの始め方
  • 1-3 エコシステム等の説明
  • 1-4 手軽に始めるTypeScriptの始め方
Section 2 JavaScriptとTypeScriptの相互運用
  • 2-1 JavaScriptに徐々に型付けをしていく
  • 2-2 型定義ファイルd.ts

講師のプロフィール

教材のレビュー

5.0
2件の評価
100%
0%
0%
0%
0%
ちゃんよ 1年以上前
JSの学習を終え、TypeScriptまで手を伸ばすか迷っていたため受講してみました。良かったです。5hと書いてありますが、ハンズオン箇所は少ないため2hほどで終わりました。TSを導入するメリットが丁寧に書かれているため、そもそもの概念から知っておきたい初学者には手軽で良い教材かと。
杉田雅夫 1年以上前
JavaScriptはそれなりにやっていると思うので兎に角TypeScriptの型の部分だけ一回知りたいと言ったような人向けかと思います。 自分がまさにそうでした。 内容は人によっては少なめに感じるかもしれませんが、自分は喉に引っかかった魚の骨が取れたような気になったので★5とさせて頂きました。