IT Rescue IT関連Tips情報

JavaScript のソースコードを見易く(見やすく)整形

2007年9月14日javascript

「このjavascript,どうやってんの?」と思って他サイトのJavaScriptのソースコードを読もうとしたら,改行無しでインデントも無しのソースコードに戸惑った…,そんな経験はありませんか?
でも,大丈夫.同じような思いをした人はやはりいるようで難読化されたjavascriptコードを読み易く整形してくれるツールがあります.

PerlのJavaScript::Swell というモジュールを使います.
私はperlは使ってないので,モジュールのインストールの仕方から探しました.
http://y-kit.jp/saba/xp/cpan.htm
このページを参考にCPANを使って,JavaScript::Swellをインストールしました.

# perl -MCPAN -e shell #初回は色々質問あり
cpan> install JavaScript::Swell

これでモジュールがインストールされた.

http://blog.hide-k.net/archives/2007/08/vimjavascript.php
それでこのページにある,perlスクリプトをそのまま~/bin/jswell.pl とでもして,chmod +x ~/bin/jswell.pl します.

このスクリプトはフィルタとして動作するので

% perl ~/bin/jswell.pl < foo_pre.js >  foo.js 

これで読み易くなったJavascriptコードに変換されます.

使用例:
変換前
変換後

2007/10/8追記:
誤字を修正.URLべた書きだったのをリンクにした.


コメントをどうぞ

免責事項

著作権者の文書による承諾を得ずに、本サイトの内容の一部、全部を無断で複写、複製、転載することは、禁じられています。
また、当ウェブサイト に記載された情報の完全性・正確性に対して一切の保証を与えるものではありません。当ウェブサイトに含まれる情報もしくは内容を利用することで直接・間接的に生じた損失に関し一切責任を負わないものとします。