JavaScriptやCSSを使っている際に一緒に使ってほしいのがJuicerです。短縮化やファイルのマージなどをコマンド一つで行ってくれます。 0
![]()
インストールはRubygemsで行います。juicerのインストールコマンドでYUI Compressorなどもインストールします。
0
![]()
YUI CompressorとJS Lintをインストールしました。
0
![]()
CSSの記述例です。?embed=trueと書いてあるのがミソです。
0
![]()
コマンドを実行します。importに書かれている内容を取り込んだり、短縮化します。--embed-image dara_uriをつけて実行しています。
0
![]()
そうするとこんな感じにパスで指定した画像がData URIとして取り込まれます。
0
![]()
もちろん対応していないブラウザもあるので、二つに分けて生成します。
0
![]()
そしてこんな感じにWebブラウザを指定して取り込むCSSを分けるのがコツです。
0
![]()
コマンドオプションです。
0
Juicerは短縮化はYUI Compressorを使っているので十分に小さいサイズになるでしょう。またJS Lintも組み込まれているので評価も行ってくれます。よりきれいなプログラミングを行うのに積極的に使っていきたいソフトウェアです。 0
JuicerはRuby製のオープンソース・ソフトウェア(MIT License)です。
プレミアムユーザには“MOONGIFTはこう見る”、記事の一行概要、追加スクリーンショット、デモや追加URLが表示されます。登録(500円/月)はこちらから! プレミアムユーザのログインはこちらから 0












アンケート