TypeScriptプレイグラウンド

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

index.ts

Alice
30

Output

Click Run to see the output here.

declare function require(m: string): any;

const fs = require('fs');
const [name, ageStr]: string[] = fs
    .readFileSync(0, "utf8")
    .trim()
    .split('\n');
const age: number = parseInt(ageStr, 10);
console.log(`Hello, ${name}! You are ${age} years old.`);

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

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

tsgo が .ts から .js を生成し、Node 24 がそれを実行するので、実行のたびにトランスパイラのメモリコストを払うことなく完全な型チェックが得られます。Node API の型定義として @types/node がプリインストール済み — ジェネリクスを試したり、型レベルの高度な機能を探ったり、TS 面接の準備をしたりするのに、ページを離れずに使えます。

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

TypeScript を即時実行 — tsgo が .ts ファイルをコンパイルし、Node 24 が完全な型チェック付きで数秒で実行します。
TypeScript の構文ハイライト、型を意識したオートコンプリート、tsgo の診断機能を完備。VS Code と同じエディタエンジンを採用しています。
stdin 入力に対応。入力した行は process.stdin に渡されるので、型付き readline インターフェイスや非同期 stdin イテレータも、ローカルで ts-node script.ts を実行したときと同じように動作します。tsc、ts-node、tsconfig.json をこちらで用意する必要はありません。
TypeScript 5.3、tsgo (Go 製ネイティブ TS コンパイラ)、ts-node、@types/node を搭載 — 完全な型チェックと ES2022 ランタイムに対応。

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

インターフェース、ジェネリクス、ユニオン型・リテラル型、type guards。型付きの 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 プレイグラウンドはモダンブラウザなら動作します。デスクトップ、タブレット、モバイルのいずれでも OK です。Node や tsc をインストールせずに Chromebook や iPad から TS スニペットを試したいときに便利です。

TypeScript playground は stdin に対応していますか？

はい。tsgo が .ts をコンパイルし、Node 24 が実行したあと、stdin ボックスに入力した行は process.stdin に渡されます。型付きの readline インターフェイス、process.stdin の非同期イテレータ、@types/node の NodeJS.ReadStream に対して型付けされたものは、ローカルでスクリプトを実行する場合と同じように動作します。

プレイグラウンドを試した後、TypeScript はどう学べばいいですか？

サンプルの TypeScript を編集して「実行」を押し、繰り返し試してみてください。もう少し体系的に学びたくなったら、Coddy の対話型 TypeScript コースで型、ジェネリクス、インターフェース、型レベルの高度なプログラミングまで扱っています。