TL
ツールラボ
💰寄付する
💰寄付する

TypeScript Beautifier

インデント設定でTypeScriptコードをフォーマット。

TypeScript 入力
フォーマット済み出力

このツールについて

TypeScriptフォーマッターは一貫したインデントを適用してTypeScriptコードを整形します。最小化または不適切にインデントされたTypeScriptを貼り付けて、2または4スペースインデントのクリーンな出力を得られます。

すべてのフォーマットはブラウザで実行されます — コードはサーバーに送信されません。中括弧、角括弧、括弧の深さを追跡するインデントベースの再フロービアルゴリズムを使用します。

使い方

  1. 入力エリアにTypeScriptコードを貼り付けるか、サンプルをクリックしてください。
  2. インデントサイズを選択してください: 2スペースまたは4スペース。
  3. フォーマットをクリックしてフォーマットを適用してください。
  4. コピーをクリックしてフォーマットされた出力をクリップボードにコピーしてください。

活用事例

開発者がビルド出力の最小化されたTypeScriptを読むために使用します。コードレビュアーがスニペットをフォーマットします。IDEなしで作業する開発者のクイックオンラインフォーマッターとして機能します。

よくある質問

  • ジェネリクスは正しくフォーマットされますか?基本的なジェネリクスは処理されます。複雑なチェーンジェネリクスや条件型は完全にフォーマットされない場合があります。
  • JavaScriptもフォーマットできますか?はい。TypeScriptはJavaScriptのスーパーセットなので、有効なJavaScriptも入力として使用できます。
  • Prettierと同じですか?いいえ。PrettierはフルのAST対応フォーマットを行います。このツールはインデントベースの再フローで、より高速ですが精度が低いです。