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

「この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べた書きだったのをリンクにした.
カテゴリー:技術情報メモ