Menu
Coddy logo textTech
日本語

TypeScript プレイグラウンド

コードスニペットを書いて、実行して、共有できます — セットアップ不要。

index.ts
Output
Click Run to see the output here.

ブラウザで TypeScript をオンライン実行

これは無料のオンライン TypeScript プレイグラウンド兼コンパイラです。TS をブラウザで直接書き、「実行」を押すと tsgo（Go 製のネイティブ TypeScript コンパイラ）が JavaScript を生成し、Node 24 が数秒で実行します — tsc、ts-node、tsconfig.json は不要。

内部的には、tsgo（Go 製のネイティブ TypeScript コンパイラ）が .ts ソースから .js を生成し、Node 24 がそれを実行します — これにより、実行ごとにトランスパイラのメモリコストを払うことなく完全な型チェックが得られます。Node API の型定義には @types/node がプリインストールされています。ジェネリクスのテスト、型レベルの高度な機能の探求、TS 面接の準備 — このオンライン TypeScript プレイグラウンドは数秒でアイデアから結果まで導きます。

この TypeScript プレイグラウンドが役立つ理由

  • TypeScript を即時実行 — tsgo が .ts ファイルをコンパイルし、Node 24 が完全な型チェック付きで数秒で実行します。
  • 完全な TypeScript 構文ハイライト、型を意識したオートコンプリート、tsgo の診断 — VS Code と同じエディタエンジンを採用。
  • stdin 入力に対応 — process.stdin は playground の入力ボックスから読み込むため、型付き readline インターフェイスや非同期 stdin イテレータを最後までテストできます。インストール不要 — tsc、ts-node、tsconfig.json は不要です。
  • tsgo (Go 製ネイティブ TS コンパイラ)、ts-node、@types/node を備えた TypeScript 5.3 — 設定不要で完全な型チェックと ES2022 実行を提供します。

TypeScriptプレイグラウンドで作れるもの

  • インターフェース、ジェネリクス、ユニオン・リテラル型、タイプガード — 型付き TS を書き、tsgo がきれいな .js を出力する様子を見て、Node 24 で実行できます。
  • 高度な型 — mapped types、conditional types、template literal types、utility types（Pick、Omit、Record）— すべてコンパイラによって検証されます。
  • クイックな TypeScript 実験 — 新しい型パターンの試行、narrowing ルールの確認、ジェネリック制約のテスト、tsgo のエラー報告の確認。

オンライン TypeScript プレイグラウンドのよくある質問

オンライン TypeScript プレイグラウンドは無料ですか？
はい。TypeScript プレイグラウンドは完全無料です — 登録不要、tsc のインストール不要、tsconfig.json も不要。ページを開いて tsgo にコンパイルを任せましょう。
オンラインで TypeScript を実行するのに tsc や Node のインストールは必要ですか？
インストール不要です。tsc コンパイラ、ts-node、tsconfig.json は必要ありません — tsgo（Go 製のネイティブ TypeScript コンパイラ）が JS を生成し、Node 24 で実行します。
TypeScript プレイグラウンドはモバイルやクロームブックでも動きますか？
はい。TypeScript プレイグラウンドはあらゆる現代のブラウザで動作します — デスクトップ・タブレット・モバイル。Node や tsc をインストールせずに Chromebook や iPad から TS スニペットを試すのに最適です。
TypeScript playground は stdin に対応していますか？
はい。playground には stdin 入力ボックスがあります。tsgo が .ts をコンパイルし、Node 24 が実行したあと、入力行は process.stdin に渡されます。型付きの readline インターフェイス、process.stdin の非同期イテレータ、@types/node の NodeJS.ReadStream に対して型付けされたものは、ローカルでスクリプトを実行する場合と同じように動作します。
プレイグラウンドを試した後、TypeScript はどう学べばいいですか？
サンプルの TypeScript を編集し、「実行」を押して繰り返します。体系的に学びたいときは、Coddy の対話型 TypeScript コースが型、ジェネリクス、インターフェース、型レベルの高度なプログラミングまでカバーします。