# TypeScriptフォーマッター

このTypeScript FormatterでTypeScriptコードを整えましょう。インターフェース、型、列挙型、ジェネリクス、クラス、関数を貼り付けると、トークンごとにレイアウトを整えます。インデントはスペース2つ、型注釈のコロンの後と演算子の前後にはスペースを入れ、ブロックや列挙型ではメンバーごとに1行使い、文末にはセミコロンを付けます。共有やレビューの前にスニペット、生成コード、貼り付けたサンプルを整えたい開発者に最適です。

## よくある質問

### TypeScript Formatterはどのように動作しますか？

中かっこ、セミコロン、演算子、文字列、コメントなどのトークン列としてコードを読み取り、それらを基にレイアウトを再構成します。中かっこでインデントされたブロックを開始し、セミコロンで行を終え、演算子の前後には一貫した間隔を設けます。

### TypeScriptにエラーがないかチェックしますか？

いいえ。型チェックも構文検証もしないため、未完成のスニペットも整形できます。コードがコンパイルできるか確認するには、tscまたはエディターのチェック機能を実行してください。

### インターフェースと列挙型はどのように整形されますか？

インターフェースとクラスの本体は、スペース2つのインデントでメンバーごとに1行にし、各メンバーの後にセミコロンを付けます。列挙型のメンバーも1つずつ行に配置し、最後のメンバーを含めてそれぞれの後に末尾のカンマを付けます。

### ジェネリクスはそのまま保持されますか？

はい。Array<T>やMap<string, T>などのジェネリクスの山かっこを追跡し、比較演算子と誤認しないようにします。かっこ内のカンマの後のスペースは統一されます。

### どのようなインデントを使いますか？

ブロックのインデントにはスペース2つを使い、変更するオプションはありません。代入やreturnの後にある短いオブジェクトリテラルは1行のままです。

### コメントは保持されますか？

はい。行コメントは行末で終わり、コードはその下に続きます。ブロックコメントは元の位置に保持されます。

### 文字列とテンプレートリテラルは変更されますか？

いいえ。文字列リテラル、テンプレートリテラル、正規表現は記述どおりにコピーされます。並べ替えられるのはトークン間の空白だけです。

### 整形するとコードの動作が変わりますか？

フォーマッターが変更するのは空白だけで、文末に不足しているセミコロンを追加します。かっこで始まる行など、通常とは異なる位置で自動セミコロン挿入に依存するコードの場合は、結果を確認してください。

### 出力がtypescriptのコードフェンスで囲まれているのはなぜですか？

結果はtypescriptとして指定されたMarkdownのコードブロックで返されるため、Markdown、issue、チャットでハイライト表示されます。.tsファイルに使う場合は、フェンスの間にある行をコピーしてください。

### コードはどれくらいの大きさまで処理できますか？

1回の実行で最大5 MBのコードを整形できます。それより大きい入力はメッセージとともに拒否されます。結果はCode FormatterのTypeScriptオプションと同じです。

ここに広告を掲載しませんか？

[メールでお問い合わせ](mailto:hi@dennn.is?subject=OneClick%20Pro%E3%81%A7%E3%81%AE%E5%BA%83%E5%91%8A%E6%8E%B2%E8%BC%89)

[広告 WordPress向けのエージェント対応プラグインスイート。](https://sleekwp.com/?ref=oneclickpro)