ツール・サービス圧縮されたcssやjavascriptファイルを元に戻す(最適化する)方法minify化されたCSSやjavascriptファイルに改行を入れて読みやすくする際の対処方法について。スポンサードリンク先日、仕事でとあるjQueryプラグインを実装する機会がありました。その時に、そのプラグインのカスタマイズが必要になったんですが、どうもコアファイルをいじらないと対応できないような様子。プラグインの本体ファイル(jsファイル)を開いてみるんですが、minify化されてて改行されてないし、読みづらい...。そこで、カスタマイズしたいコードを検索掛けてみると該当語句が6箇所もある。「あぁ、これは解読していかないと分からないわ...。改行のないスクリプトを読んでいくのって難儀な作業で。人の書いたコードならなおさら。場合によっては意味が分からないこともあります。改行をうまく改行を入れてくれるツールってないのか、と思い探してみるんですが、あるんですね、そういうの。いうことで、その時に見つけたツールをご紹介。されたファイルを読みやすくするツールCSSファイルstyleneatアップロード、URL指定、直接入力に対応。整形後のコードはファイルとしてダウンロードも出来るし、コピーも可能。今回ご紹介するツールでは一番使いやすかったです。BeautifierURL指定、直接入力に対応。試してみたところ、整形後のコードを勝手に最適化(例えば#f00→redとか)してくれましたが、ちょっとそれは迷惑...。colors」のチェックを外します。整形後のコードのコピーがうまくいかなかった。beautifierインデント幅やifの後のスペースなど、コードの整形オプション付き。可読性を上げたい場合に。Beautifierこちらは設定とかは何にもなく、ただコードを入力して「Beautify」ボタンを押すだけで整形。これ系のツールって、あまり使ったことがなかったので調べてみたんですが、結構な数があるんですよね。試してみましたが、どのツールもおおよそ機能は一緒なので、上記2つづつに絞りました。先日、Thunderbirdの署名について記事を書いたんですが、そのタイミングでふと「署名の先頭にハイフンが2つ挿入される現象」が気になりました。ツール・サービス無料のオンラインストレージ「box」を導入してみた最近、「box」というあまり聞きなれない無料のオンラインストレージサービスを知ったんですが、海外では大手がこぞって採用しているビジネス標準的なサービスのようです。商用利用可・クレジット表示不要の国内無料写真素材サイトまとめブログやウェブサイトで使える、無料&商用利用可&クレジット表記不要な国内の写真素材配布サイトまとめです。各ジャンルごとにオススメなサイトをご紹介します。「プログラミングを学びたい」「興味がある」という人に、プログラムの考え方が学べるゲームのご紹介です。ツール・サービスウェブデザインのアイデアを探す時に役立つ、海外のウェブデザインリンク集ウェブデザインのアイデアが出てこない時やデザインの引き出しを増やす機会作りに使える、海外のオシャレなサイトを集めたウェブサイトのデザインリンク集のご紹介。ツール・サービスお名前.comで取得したドメインをヘテムルで使う方法・手順お名前.comで登録した独自ドメインをヘテムルレンタルサーバーで利用するには、以下手順を行います。画像ページの先頭へ某企業のウェブ担当を経て2012年に独立。現在は東京・神奈川を中心にウェブ企画/デザイン/コーディングなどウェブ製作業務に従事してます。