カテゴリー: 開発ツール
JavaScriptフォーマッター（Lite）
小さなJavaScriptスクリプトを再インデントして改行を整える
小さなJavaScriptスクリプトを貼り付けると、文字列やテンプレートリテラル、正規表現の中身には手を触れずに、中括弧・セミコロン・カンマの位置で再インデントと改行を行います。すべてブラウザ内で完結します。
これは中括弧をもとに再インデントする軽量ツールで、Prettierのような AST ベースのフォーマッターではありません。使用前に必ず結果を確認してください。
整形結果
function greet(name) {
// Say hello to someone
var message="Hello, "+name+"!";
if(message.length>0) {
console.log(message);
}else {
console.log("empty");
}
return message;
}
console.log(greet("world"));このページの処理はすべてブラウザ内で行われます。アップロードは一切ありません。
このツールでできること
これは中括弧を基準にした軽量なフォーマッターであり、Prettierのような完全なパーサーやASTベースのツールではありません。文字列・テンプレートリテラル・正規表現・コメントを十分に識別してそのまま保持しつつ、`{`・`}`・`;`・トップレベルの`,`の位置で再インデントと改行を行います。自動セミコロン挿入や括弧を超えた文法の理解はないため、本番のソースファイルではなく、小さく単純なコード片向けです。
使い方
- 入力欄にJavaScriptのコード片を貼り付けるか入力します。
- インデントをスペース2つ、スペース4つ、タブから選びます。
- 整形結果をコピーし、使用前に必ず内容を確認してください。
プライバシー
このツールはすべてブラウザ内で動作します。入力した内容がアップロード・保存・共有されることはなく、タブを閉じれば消えます。
よくある質問
- コードはどこかにアップロードされますか？
- いいえ。整形処理はブラウザのタブ内でJavaScriptとして実行され、サーバーには何も送信されません。
- Prettierの代わりに使ってもいいですか？
- いいえ。本番用コードにはPrettierのようなASTベースの本格的なフォーマッターを使ってください。このツールはビルドツールを導入するほどではない、小さくて手早い作業向けです。