かえラボBlog

かえラボBlogはラナデザインアソシエイツのテクニカルチームが運営する技術系ラボプロジェクトです

RaNa design associates, inc.

Software :: Recent Entries

February 17, 2011

Sassのデフォルトのオプションを変更する(Windows)

Category :

最近ようやくSassを使い始めたわけですが、いちいちコマンドラインでオプションを設定するのがめんどくさい・・・と思い、デフォルトのオプションを変更する方法を試行錯誤してみた結果、できました。

例えば、オプション --style のデフォルトは nested ですが、これを --expanded に変更してみます。
まずディレクトリ C:\Ruby\lib\ruby\gems\1.9.1\gems\haml-3.0.25\lib\sass\plugin にある configuration.rb をテキストエディタで開きます。ディレクトリについてはRubyをインストールしたディレクトリに合わせて各自読み替えてください。

Windows環境でのconfiguration.rbの場所

configuration.rb の末尾に以下のようにオプションを追加し、保存します。

Sass::Plugin.options[:style] = :expanded

configuration.rbを編集する

既にコマンドラインでSassを使っている状況でしたら、一旦シェルを閉じて、再起動しましょう。もうこれで、デフォルトのオプションが変更されています。

以下、参考リンクです。
Windows環境でのSassの導入については@hamashunさんの記事が大変参考になります。

July 28, 2010

PNGファイル最適化ツールまとめ

Category :

続・ハイパフォーマンスWebサイトを読んでPNGファイルの最適化について興味が湧いたので、同書に紹介されているPNG最適化ツールをいくつか試してみました。使用してみた感想を簡単にレポートします。

  • PNGOUT
    Windowsのみ。GUI版とコマンドライン版がある。GUI版は有料。圧縮効果は高く、コマンドライン版でも十分使える。オプション多し。
  • OptiPNG
    クロスプラットフォーム。オープンソース。コマンドラインのみ。圧縮効果は低めな印象。オプション多し。
  • PNGCRUSH
    Windowsのみ。オープンソース。コマンドラインのみ。自分の環境だと動作しませんでした。。何がいけないんだろう。
  • PngOptimizer
    Windowsのみ。オープンソース。GUI版とコマンドライン版がある。ファイルをドラッグアンドドロップするだけの超シンプル設計。オプションなどは設定できない。何も考えずに使えるので、細かいことにこだわらないならこれが一番おすすめかもしれない。
  • TweakPNG
    Windowsのみ。オープンソース。PNGファイルの持つチャンクを一覧で見られるツール。チャンクの変更や削除もできる。ただ、チャンク削除などの最適化はPNTOUTなど他のツールでやった方が効率的。内容をチェックするだけのツールとして使えばよいかと。

上記のようなソフトウェアを複合して実行するソフトウェアもあります。

  • BlastPNG
    日本製のYukariというソフトウェアに内包されているソフトウェア。残念ながら構成ファイルがアンチウィルスソフトにウィルス扱いされて削除されてしまい、使用できなかった。現状、メンテナンスもされていないようだし、もう使わない方がいいかと。
  • PNGslim
    Windows用のバッチファイルになっていて、該当のpngファイルをドラッグアンドドロップするだけで使える。ただし実行にかなり時間がかかる(画像1個で数分とか)ので実用はちょっと厳しいかと。

上記の中でおすすめは、コマンドラインに抵抗がなければPNGOUTのコマンドライン版と、OptiPNGのコマンドライン版。GUIがよければPngOptimizerのGUI版です。明らかにファイルサイズが小さくなるので、やらない手はないのではないでしょうか。

PNGフォーマットについてはこないだのドラゴンボールの記事も参考にしていただければと思います。

たすけあいジャパン
ラナデザインアソシエイツは、「助けあいジャパン」に協力しています。