圧縮ツールの逆、JavaScriptの整形ツール - JS Beautifier登場

 

軽快なWebページを実現するにはYSlowなどの分析ツールを使って問題点を洗い出し、対策をとる方法が便利だ。軽快化にはいくつもの方法があるわけだが、なかでももっとも簡単で基本的な方法がページで使っているCSSやJavaScriptのコードを圧縮することである。すでに圧縮ツールとしてはJSMinやDojo compressor、YUI Compressorなどがある。

しかし逆はどうだろう。圧縮されたJavaScriptを逆に見やすいソースコードに展開しなおすツールがあってもいい。自身が作成したソースコードの整形や、Webページで利用されているJavaScriptソースコードの解析に利用できる。ここではそんなツールとしてEinars "elfz" Lielmanis氏の開発した「JS Beautifier」を紹介したい。

整形前のJavaScriptソースコード

JS Beautifierで整形したあとのJavaScriptソースコード

JS BeautifierはPHPで開発されたJavaScript整形アプリケーション。ライセンスは明記されていないが、ソースコード中には自由に使っていいとする旨の表記がある。JS Beautifierはデモンストレーションページが用意されているのでその動作は簡単に確認できる。デモサイトのテキストフィールドに整形されていないJavaScriptソースコードをペースとし「Beautify」ボタンを押すと、整形後のソースコードが表示される。



転職ノウハウ

あなたが本領発揮できる仕事を診断
あなたの仕事適性診断

シゴト性格・弱点が20の質問でサクッと分かる!

「仕事辞めたい……」その理由は?
「仕事辞めたい……」その理由は?

71%の人が仕事を辞めたいと思った経験あり。その理由と対処法は?

3年後の年収どうなる? 年収予報
3年後の年収どうなる? 年収予報

今の年収は適正? 3年後は? あなたの年収をデータに基づき予報します。

激務な職場を辞めたいが、美女が邪魔して辞められない
激務な職場を辞めたいが、美女が邪魔して辞められない

美人上司と可愛い過ぎる後輩に挟まれるエンジニアの悩み

人気記事

一覧

イチオシ記事

新着記事

『ろこどる』、OVA Vol.2発売記念イベント『ロコドルフェスタ』を開催
[21:03 9/25] ホビー
三浦春馬と世界的ダンサーの熱愛、小林麻央のがん転移が判明 - 週刊芸能ニュース! 注目トピックスBest5
[21:00 9/25] エンタメ
「文スト」中原中也のねんどろいど、「2度めはなくってよ!」も再現可能
[20:22 9/25] ホビー
KADOKAWAが「かわいい女の子にふりまわされたいっ!フェア」を開催
[19:30 9/25] ホビー
[ハドソン川の奇跡]トム・ハンクス&アーロン・エッカートに聞く「みんなで力を合わせれば…」
[19:23 9/25] エンタメ

求人情報