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

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

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

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



最新記事
  • Windows:1つしないのにネットワーク名が「ネットワーク 2」な件 (03/27)
  • CLIP STUDIO PAINT:メーカートーン無料提供が3月末で終了 (03/24)
  • ニコニコ動画+Firefoxでプレイヤーが真っ黒になる症状 (03/22)
  • 中世ヨーロッパの文献の雰囲気をもつフリーフォント「eltic」 (03/20)
  • Windows:起動時のロック画面の背景画像を変えてみる (03/15)
  • 管理人より
    2100万アクセス突破!ありがとうございます。

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

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


    こんにちは、さち です。

    今回は、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文 に変換することも可能です。

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








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




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





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

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

    ブログパーツ