JavaScriptのコード整形ツール

投稿日: / 更新日:

Minify処理などで難読化したJavaScriptのコードに、インデントや改行を付けて、分析したり確認しやすく整形するツールです。

整形前のコード

整形後のコード

コードビューアー

入力したコードをこのページ上で確認してしまいたい場合は、このビューアをご利用下さい。

ここに整形後のコードが表示されます。

使い方

基本的な操作方法

  • 左側(スマホの場合は上)のフォームに、整形したいJavaScriptのコードを入力して、「整形をする」のボタンをクリックすると、右側(スマホでは下)のフォームに整形した結果が表示されます。
  • 整形のアルゴリズムには、js-beautifyを利用させていただきました。
  • スマホ上でjs-beautifyを利用したい機会があったため、自分用に作成してみました。
  • Chrome、Firefoxなど対応ブラウザの場合、整形結果をクリックするだけでコピーできます。

注意事項

  • 整形は、ご入力いただいたコードをサーバー側で処理する形となっています。コードをサーバー側で保存することなどは一切していません。
更新履歴
2016年1月7日
ChromeやFirefoxなど、一部対応ブラウザは、クリックするだけで結果をコピーできるようになりました。
2015年8月28日
コンテンツを公開しました。