Menu
CoddyTech
学習を始める
flag Ja icon日本語down icon
js iconJavaScript ジャーニーの一部人気ジャーニー

TypeScriptを学ぶ

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

学習を始める(無料)
シラバスを見るIntroduction To TypeScriptプレイグラウンド

311,232+ 人のcoddersが登録中

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

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

シラバス

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

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

  1. セクション 1基礎77 レッスン
  2. セクション 2論理とフロー65 レッスン
  3. セクション 3

    Introduction To TypeScript

    セクションを始める開始開く閉じる    JavaScript を学んだ後の TypeScript の紹介73 レッスン73 チャレンジ438 問題2 プロジェクト

    TSを始めよう

    5 レッスン332

    基本の型

    7 レッスン1248

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

    9 レッスン862

    関数を扱う

    8 レッスン855

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

    7 レッスン751

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

    8 レッスン757

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

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

    列挙型 (Enum)

    6 レッスン638

    ジェネリクス：はじめに

    6 レッスン537

    プロジェクト：在庫管理

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

    高度なトピック

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

実践で学ぶ

実際のコードを書き、データベースをクエリし、ウェブサイトを構築し、AIプロンプトをマスターしましょう。インタラクティブなレッスンで現代の開発者に必要なすべてのスキルを網羅しています。

playground.js
コードエディタ
1const greeting = "Hello, Coddy!"
2function sayHi(name) {
3    return greeting + " " + name
4}
5
bottombar Collapse icon
テスト #1test Case Success icon
テスト #2test Case Success icon
テスト #3test Case Failure icon
入力
"Alex"
出力
"Hello, Coddy! Alex"

連続記録を築こう

継続して進捗を見守りましょう！毎日のコーディング習慣を追跡し、フリーズ日で連続記録を守り、毎日参加することで報酬を獲得しましょう。

12 日連続

明日も戻ってきて連続記録を維持しましょう！

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

ダブル・オア・ナッシング

7日中5日目

fire Freeze icon

連続記録フリーズ

2 left

どこでも学べる

コーディングの旅を持ち歩こう！セットアップ不要、ダウンロード不要 - 開いてすぐにコーディング開始。iOS、Android、Webで4.9星評価で利用可能。

Python
7ストリーク
250スコア
5エネルギー
変数
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
続ける
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
ジャーニー
目標
リーダーボード
プロフィール
4.9
星星星星星
評価

あなたは一人じゃない

グローバルリーダーボードで競い、友達を招待して報酬を獲得し、お互いの成功を祝いましょう。プログラミングは友達と一緒の方が楽しい！

チャレンジャーリーグ
チャレンジャーリーグ上位7名が昇格
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 icon昇格ゾーンleaderboard Arrow Up icon

あらゆる学び方に対応

読む・聴く・自分を試す・AIに聞く・学んだことを調べる。どんな学び方にも対応したレッスンです。

変数の入門
音声

変数は、後でプログラム内で参照できる値を格納する、名前のついた入れ物です。

Pythonでは、名前、イコール記号、格納したい値の順で書くことで作成します。

値は後から変えられます。再代入すると、名前は新しい値を指すようになります。

1xSarah

修了証を取得

完了したすべてのコースで証明書を獲得しましょう。LinkedInプロフィールや履歴書に追加して、雇用主にプログラミングスキルをアピールしましょう。

Coddy修了証明書
これは以下を証明します山田 太郎が正常に完了しました
python iconPythonの基礎
認証済み
日付2026年1月
LinkedInLinkedInに追加

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の教材をやり遂げたことを示す、検証可能なシグナルになります。

このコースを含む学習パス

このコースは、より長いパスの1ステップです。メンターが教える順番で並んだ複数のコースで、それぞれに無料の修了証があります。

Coddyのプログラミング言語のイラスト

CoddyでIntroduction To TypeScriptを学ぼう

始める