このブログのはてなブックマーク数 このエントリーをはてなブックマークに追加

知らなきゃ絶対損するPCマル秘ワザ

知らなきゃ損するPC情報を分かりやすくメモする個人ブログ。
『月,水,金』の週3回更新!(予定)

このブログ内をキーワードで検索することもできます。
Loading



最新記事
  • Amazon:スマホでPC版サイトを開いたらスマホ版に戻れなくなった (12/02)
  • Windows:アプリの音量が勝手に変更される (11/30)
  • かしこいかわいい新PC「エリーチカ」がやってきた(時々ポンコツ) (11/28)
  • Windows:目的毎,ファイルの種類(拡張子)毎に既定アプリを変更 (11/25)
  • Windows:ヘッドホン(イヤホン)から音が出ないときの対処法 (11/23)
  • 管理人より
    2000万アクセス突破しました。ありがとうございます。

    CSS, JavaScript のコードを圧縮/整形してくれるサイト

    このエントリーをはてなブックマークに追加
    Minifier
    操作画面


    現在は閉鎖されて、同URLでは別のサイトが運営されています。


    こんにちは、さち です。

    今回は、CSS, JavaScript のソースコードを
    圧縮/整形してくれるサイト「Minifier」を紹介します。




    ソースコードを圧縮する

    コメント,スペース,改行 を削除することで
    ソースコードを圧縮してファイルサイズを小さくします。

    1. 「Step 1」でソースコードの種類を選択。
      今回は、CSS(スタイルシート)ファイルなので「CSS style」を選びます。
      操作画面

    2. 「Step 2」で動作を選択。
      圧縮したいので「Minify (compress)」を選びます。
      操作画面

    3. 「Step 3」のテキストエリアにソースコードを貼り付けます。
      操作画面

    4. 「Generate」をクリック。
      操作画面

    5. 圧縮されたソースコードが出力されました。コピーして使いましょう。
      操作画面




    圧縮されたソースコードを整形する

    先ほどとは逆に
    圧縮されたソースコードを見やすく整形します。

    1. 「Step 1」でソースコードの種類を選択。
      今回は、CSS(スタイルシート)ファイルなので「CSS style」を選びます。
      操作画面

    2. 「Step 2」で動作を選択。
      整形したいので「Beautify (decompress)」を選びます。
      (「インデント(字下げ)」「{(ブレイス)」「改行」について指定もできます)
      操作画面

    3. 「Step 3」のテキストエリアにソースコードを貼り付けます。
      操作画面

    4. 「Generate」をクリック。
      操作画面

    5. 整形されたソースコードが出力されました。コピーして使いましょう。
      操作画面




    例では、CSS を使用しましたが
    JavaScript のソースコードでも同様のことができます。
    また、CSV を SQL文 に変換することも可能です。

    現在は閉鎖されて、同URLでは別のサイトが運営されています。

       → 「Minifier」にアクセスしてみる








    このエントリーをはてなブックマークに追加




    管理人だけが読めるコメントにする(返信はしません)
    【お知らせ】
    • コメントは承認制です。反映に時間がかかります。
    • Yahoo!BBはスパムコメントが多いため一部規制中です。
    • URLを含む投稿はできません。必要な場合は最初のhを削って下さい。
    • 記事に直接関係ない個人のトラブルにはお答えできません。
    • Android は使ったことがないので質問を頂いても答えられません。
    • その他詳細はこちら





    記事別の週間アクセス数ランキングです。こちらの記事もぜひ読んでみて下さい。

    2008-2016 知らなきゃ絶対損するPCマル秘ワザ  無断転載禁止

    ブログパーツ