0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0 1 0
設定
JavaScript や TypeScript のコードをフォーマットし、美しくします。インデント、行幅、引用符のスタイルなど、設定可能なオプションがあります。オプションを調整して、コードをエディタに貼り付け、フォーマット を押すだけです。結果はクリック 1 つでクリップボードにコピーできます。
ソースコード
ライン:0キャラクター:0
仕組み
最小化・圧縮されたり整形が崩れたりした JavaScript や TypeScript のコードをインデントし直して整え、読みやすく一貫した形にします。バンドルを調べたり、他人のスニペットを確認したり、プロジェクトに貼り付ける前にスタイルを統一したりするのに役立ちます。
インデントの種類（スペースまたはタブ）、インデント幅、改行コード（LF または CRLF）を選べます。フォーマッターはコードの構造を尊重し、ロジックを変えずに一貫した改行とインデントを追加します。
すべての処理は js-beautify を使ってブラウザー内で行われ、コードはどのサーバーにもアップロードされません。整えるのは見た目だけで、圧縮・トランスパイル・詳細な構文検証は行いません。
例
function sum(a,b){return a+b}
const r=sum(1,2);console.log(r)function sum(a, b) {
return a + b
}
const r = sum(1, 2);
console.log(r);4 スペースのインデント：文が分けられ、波かっこがそろえられます。ユースケース
- 圧縮された .js ファイルを読みやすくして、何をしているか理解する。
- 断片をプロジェクトに追加する前に、インデントのスタイルを統一する。
- サードパーティのコードを一貫した書式で確認・比較する。
- ドキュメントや AI の回答から貼り付けた TypeScript を整える。
よくある質問
JavaScript だけでなく TypeScript でも使えますか？
はい。このツールは型注釈・インターフェース・ジェネリクスを含む JavaScript と TypeScript の構文を整形します。TypeScript を JavaScript にトランスパイルすることはなく、テキストを並べ替えるだけです。
整形するとコードの動作は変わりますか？
いいえ。変更するのはスペース、インデント、改行だけです。ロジックと識別子はそのままで、コードは以前とまったく同じように実行されます。
圧縮（minify）と同じですか？
いいえ、逆です。整形は読みやすくするためにスペースや改行を追加し、圧縮はサイズを減らすためにそれらを取り除きます。圧縮したい場合は圧縮ツールを使ってください。
私のコードはサーバーにアップロードされますか？
いいえ。整形はすべてブラウザー内で行われ、コードがコンピューターから外に出ることはありません。