TypeScript Playground

よくある質問

• TypeScriptのプレイグラウンドとは？

  プロジェクトやコンパイラを用意しなくても、TypeScriptを書いてすぐに実行できる場所です。TypeScriptのサンドボックスや、TS Playgroundとも呼ばれます。このプレイグラウンドは、ブラウザのライブページでコードを実行し、書くそばから型をチェックします。

• このオンラインTypeScriptエディタは無料ですか？

  はい。コードの作成と実行は無料で、アカウントも要りません。保存と共有には無料アカウントが必要で、公開・非公開を問わず、プロジェクトを3つまで保存できます。AIチャットにはAIクレジットを使います。

• TypeScriptのバージョンは？

  エディタはTypeScript 5.9でコードをチェックします。実行するときは、esbuildが型をチェックせずにJavaScriptへコンパイルするので、型エラーで実行が止まることはありません。

• tscのように型をチェックしますか？

  はい。書くそばからTypeScript本体の型チェッカーを実行し、エラーに下線を引きます。strictモードはオン、strictNullChecksはオフです。

• コンパイル後のJavaScriptを見られますか？

  まだ見られません。TypeScriptが出力するJavaScriptを読むには、公式のTypeScript Playgroundを使ってください。

• npmパッケージは使えますか？

  はい。パッケージをimportすると、エディタがnpmから型定義付きでインストールするよう提案します。

• .tsxファイルをオンラインで開くには？

  React TypeScriptのスターターを開き、コンポーネントをファイルに貼り付けて、index.tsxからレンダリングします。プレビューに表示されるので、このプレイグラウンドはオンラインのTSXビューアとしても使えます。

• スマホで.tsxファイルを開けますか？

  はい。スマホのブラウザで、同じ手順で開けます。長いコードは、大きな画面のほうが扱いやすいです。

• ReactとJSXに対応していますか？

  はい。.tsxと.jsxのファイルは、プレビューでコンパイルされます。React TypeScriptのスターターから始めてください。

• このプレイグラウンドはPlaycodeの一部ですか？

  はい。このプレイグラウンドは、Playcodeの無料コードツール「Playcode Classic」のひとつです。Playcodeは2016年、ブラウザで使えるコーディング環境として始まりました。現在は、ホームページやアプリを作り、動かすためのAIプラットフォームです。