Choose Language

Free course · 3 modules
TypeScript — スーパーパワーを持つJavaScript
  • ⏱ 5 hours
  • 📚 3 lessons
  • 🎯 Intermediate
Start lesson 1 →
Lesson 2 of 3 · TypeScript Basics
Beginner — concepts + examples ⏱ 64 min · watch in chunks, progress auto-saves

TypeScript Tutorial for Beginners

Watch this lesson to understand TypeScript Tutorial for Beginners — takes about 64 minutes.

What You Will Learn

  • TypeScriptの基本概念とその重要性を理解する
  • TypeScriptとJavaScriptの違いを学ぶ
  • TypeScriptの開発環境を設定し、初めてのTypeScriptプログラムを作成する

Key Concepts

TypeScriptは、JavaScriptの短所を解決するためにマイクロソフトが作成したプログラミング言語です。TypeScriptはJavaScriptの兄または姉のようなもので、JavaScriptよりも規律を持っています。TypeScriptは静的な型付けを提供し、コーディング時に変数の型を知ることができます。静的な型付けにより、ランタイムエラーを減らし、コードの保守性を向上させることができます。

Code Examples

let id: number = 20;

このコードは、変数idに型注釈を行っています。

tsc index.ts

このコードは、TypeScriptコンパイラを使用してindex.tsファイルをコンパイルしています。

var id = 20;

このコードは、TypeScriptコンパイラによって生成されたJavaScriptコードの例です。

Lesson Summary

このレッスンでは、TypeScriptの基本概念とその重要性を理解しました。TypeScriptはJavaScriptの兄または姉のようなもので、静的な型付けを提供し、コードの保守性を向上させることができます。また、TypeScriptの開発環境を設定し、初めてのTypeScriptプログラムを作成する方法も学びました。TypeScriptは、JavaScriptと比べて規律を持っており、ランタイムエラーを減らし、コードの保守性を向上させることができます。TypeScriptコンパイラを使用してコードをコンパイルし、生成されたJavaScriptコードを確認しました。

Practice Exercise

次のコードを書いてみましょう。

let name: string = 'John';
console.log(name);

このコードをTypeScriptコンパイラでコンパイルし、生成されたJavaScriptコードを確認してみましょう。

What Is Next

次のレッスンでは、TypeScriptコンパイラの設定方法について学びます。また、TypeScriptの機能を詳細に探ることになります。

Go deeper on TypeScript — スーパーパワーを持つJavaScript

Hand-picked books and tools our learners actually use. Affiliate-supported — same price for you, supports free lessons.