Live proof
現在のページ自身が検証対象です
静的 import、別ファイルの型、DOM API、動的 TypeScript module をロード時に実行し、結果を下に反映します。
runtime/capabilities.tslive
- .ts module evaluation
Waiting for the runtimeWAIT - Cross-file typed import
Waiting for the Program graphWAIT - DOM library types
Waiting for DOM accessWAIT - Dynamic TypeScript import
Waiting for data: moduleWAIT
program://dependency-graphanimated
Program source files—cross-file graph
Runtime probes—executed in this tab
Dynamic module value—typed number result
Transpile pipeline0no generated JavaScript
Experience map
機能説明ではなく、動作そのものを公開
編集、パッケージ解決、描画、ゲーム、Worker、型グラフを、それぞれ独立した操作面として用意しています。
01 / EDIT
Live Playground
TypeScriptを編集し、data URL moduleとして即時実行します。
開く → 02 / RESOLVEApproved Packages
許可されたnpmパッケージと主要フレームワークを個別にロードします。
開く → 03 / CANVASGenerative Field
型付きベクトルとパーティクルをリアルタイムに操作します。
開く → 04 / PLAYPacket Run
複数TypeScriptファイルで構成したCanvasゲームです。
開く → 05 / THREADRuntime Matrix
Worker、動的import、拡張子別モジュールを実行検証します。
開く → 06 / ANALYZEProgram Graph
複数ファイルの型解決と依存関係を視覚化します。
開く →