Menu
Coddy logo textTech
js iconJavaScript ジャーニーの一部人気ジャーニー

TypeScriptを学ぶ

JavaScriptの上に構築された、無料のインタラクティブなTypeScriptコースです。すべてのレッスンでTSを実際に書きます - 型アノテーション、インターフェース、ジェネリクス、ユニオン型、ナローイング - 行き詰まったときにはAIヒントが助けてくれ、修了時には修了証がもらえます。より広範なJavaScriptジャーニーの一部なので、TypeScriptが腑に落ちるために必要なJSの文脈もすぐそばにあります。

268,541+ 人のcoddersが登録中

73 レッスン58 チャレンジ438 クイズの問題

  • 初心者向け
  • sparkles iconAIによるコーディングサポート
  • hint icon実践的なインタラクティブレッスン
  • volume On icon全レッスンに音声ナレーション付き
  • quiz icon知識を確かめるクイズ
  • certificate icon無料の修了証明書

シラバス

1 セクション2 プロジェクト73 レッスン58 チャレンジ438 クイズの問題

このセクションは JavaScript ジャーニーの一部です。シラバス全体にはさらに多くのセクションがあります - 下のプレビューをクリックして、ジャーニーページで確認してください。

  1. セクション 1基礎77 レッスン
  2. セクション 2論理とフロー65 レッスン
  3. セクションを始める開始開く閉じるJavaScript を学んだ後の TypeScript の紹介

    TSを始めよう

    5 レッスン232

    基本の型

    7 レッスン748

    データ構造:配列とタプル

    9 レッスン862

    関数を扱う

    8 レッスン855

    型:エイリアス、ユニオン型、インターセクション型

    7 レッスン751

    オブジェクトとインターフェースの型定義

    8 レッスン757

    プロジェクト:シンプルなタスクリスト

    プロジェクト6 レッスン18

    列挙型 (Enum)

    6 レッスン638

    ジェネリクス:はじめに

    6 レッスン537

    プロジェクト:在庫管理

    プロジェクト5 レッスン18

    高度なトピック

    6 レッスン642
  4. セクション 4オブジェクト指向プログラミング56 レッスン
使える機能
コーディングを学ぶために使うすべて

Learn by Doing

Write real code, query databases, build websites, and master AI prompts. Our interactive lessons cover every skill modern developers need.

playground.js
Code Editor
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
Test #1test Case Success icon
Test #2test Case Success icon
Test #3test Case Failure icon
Input
"Alex"
Output
"Hello, Coddy! Alex"

Build Your Coding Streak

Stay consistent and watch your progress grow! Track your daily coding habit, protect your streak with freeze days, and earn rewards for showing up every day.

12 days streak

Return tomorrow to keep your streak!

fire Filled icon
left icon

January 2026

right icon

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

21

22

23

24

25

26

27

28

29

30

product Double Or Nothing icon

Double or Nothing

Day 5 of 7

fire Freeze icon

Streak Freeze

2 left

Code Anywhere, Anytime

Take your coding journey on the go! No setup, no downloads - just open and start coding. Available on iOS, Android and Web with 4.9 star ratings.

Python
7Streak
250Score
5Energy
Variables
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Right Done icon
journey Hex Done Base iconjourney Hex Done Shadow iconjourney Hex Done Top iconjourney Lesson Done icon
journey Path Left Done icon
journey Hex Active Base iconjourney Hex Active Shadow iconjourney Hex Active Top iconjourney Lesson Theory Challenge icon
CONTINUE
journey Path Right icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson Theory Challenge icon
journey Path Left icon
journey Hex Locked Base iconjourney Hex Locked Shadow iconjourney Hex Locked Top iconjourney Lesson All icon
Journey
Goals
Leaderboard
Profile
4.9
StarStarStarStarStar
Rating

You're Not Alone in This

Compete on global leaderboards, invite friends to earn rewards, and celebrate each other's wins. Coding is better with friends!

Challenger League
Challenger LeagueTop 7 advance
leaderboard First icon1
avatar 1 icon
fire Filled icon
Alex7+ Days
2840
leaderboard Second icon2
avatar 2 icon
fire Filled icon
Jordan7+ Days
2650
leaderboard Third icon3
avatar 3 icon
fire Filled icon
Sam7+ Days
2420
4
avatar 4 icon
Casey
2180
5
avatar placeholder icon
fire Filled icon
Morgan7+ Days
1950
leaderboard Arrow Up iconPromotion zoneleaderboard Arrow Up icon

Every way to learn

Read, listen, test yourself, ask the AI, or look up anything you've already covered. Every lesson meets you where you are.

Intro to Variables
Audio

A variable is a named container that stores a value you can reference later in your program.

In Python, you create one by writing the name, an equals sign, then the value you want to store.

The value can change over time - reassigning the name simply points it to a new value.

1xSarah

Prove Your Skills

Earn certificates for every course you complete. Add them to your LinkedIn profile and resume to showcase your coding expertise to employers.

CoddyCertificate of Completion
This certifies thatJohn Doehas successfully completed
PythonPython Fundamentals
Verified
DateJan 2026
LinkedInAdd to LinkedIn

CoddyでTypeScriptを学ぶ理由

  • TypeScriptをブラウザで書けます。tscのインストールも、エディタの設定も、扱いに悩むtsconfig.jsonも必要ありません。エディタと出力が並んで表示されるので、それぞれの型が何をするのかを瞬時に確認できます。
  • 現代的なTypeScript: 型アノテーション、インターフェース、ジェネリクス、ユニオン型と交差型、ナローイング、ユーティリティ型、そしてランタイムで実行される内容を変えることなく、TSがどのようにプレーンなJavaScriptの上に重なるのか。
  • AIヒントは、TypeScriptのエラー - 有名なほど長いあのエラー - を読み解く手助けをしてくれます。修正方法をばらすことなく教えてくれるので、今後のTSコードを書きやすくする思考のモデルを身につけられます。
  • セクションを修了すると無料のTypeScript修了証がもらえます。型を少し振りかけただけのJavaScriptではなく、慣用的なTSを読み書きできることを示す、信頼できる証になります。

TypeScriptの学習に関するよくある質問

TypeScriptとは何ですか?

TypeScriptは、オプションの静的型付けを追加したJavaScriptのスーパーセットです。有効なJavaScriptは有効なTypeScriptでもありますが、TSでは変数、関数の引数、戻り値に型をアノテーションできます - するとコンパイラが、コードが実行される前にミスを検出してくれます。ランタイムでは、TypeScriptはプレーンなJavaScriptにコンパイルされます。

TypeScriptは学ぶのが難しいですか?

JavaScriptに慣れているなら、TypeScriptの基本はすぐに習得できます - いくつかの変数に: string: numberを追加すれば、もうTSを書いていることになります。難しい部分(ジェネリクス、条件型、マップ型、ナローイング)にはもっと時間がかかりますが、このコースではそれらを小さなステップで実践的な例とともに紹介します。

TypeScriptの前にJavaScriptを知っておく必要がありますか?

はい。TypeScriptは型を上に重ねたJavaScriptなので、実際に学んでいる言語はJSです。このTypeScriptセクションがJavaScriptジャーニーの一部なのはそのためです - 先にJSのセクションを受講することも、現代的なJavaScriptにすでに慣れているならTSに直接飛び込むこともできます。

TypeScriptとJavaScriptの違いは何ですか?

JavaScriptは動的型付けです - 変数は今日は文字列を、明日は数値を保持でき、それがわかるのはランタイムになってからです。TypeScriptはビルド時に動作する静的型レイヤーを追加し、コードが出荷される前に型の不一致を検出します。コンパイルされた出力は依然としてプレーンなJavaScriptなので、JSが動く場所ならどこでも動作します。

TypeScriptをオンラインで無料で学べますか?

はい。インタラクティブなTypeScriptセクションは無料です - 充実したレッスン、コーディング演習、クイズ、そして修了証が含まれます。エディタはTSコンパイラを内蔵してブラウザで動作するので、TypeScriptを書き始めるのにtscやNode、その他のツールをインストールする必要はありません。

TypeScriptコースの後に修了証はもらえますか?

はい。TypeScriptセクションを修了すると、LinkedInで共有したり履歴書に記載したりできる無料の修了証がもらえます。チュートリアルを眺めただけではなく、構造化された実践的なTypeScriptの教材をやり遂げたことを示す、検証可能なシグナルになります。
Coddy programming languages illustration

Learn Introduction To TypeScript with Coddy

始める