日: 2014年3月20日記事一覧

SASSファイルをWindowsコマンドプロンプトからコンパイルすると、僕の環境では主に日本語が文字化けします。SASSファイルから生成したCSSファイルを直接弄るワケでもないので特に問題は無いと思っていたのですが、CSSのプロパティ「content」で特殊文字を表示しようとしたら見事に文字化け。文字化けに対処する必要が出てしまいました。文字化けの対処方法SASSファイルをコンパイルするコマンドを入力する前に、以下のコマンドを入力することで文字化けを防ぐことが出来ます。set RUBYOPT=-EUTF-8例えばCompassでコンパイルする場合はset RUBYOPT=-EUTF-8compass wという風になります。参考になったページはこちら。WindowsでEncoding.default_externalをUTF-8にするには – すがブロ 自分が使ったわけじゃないんですけど、compassを使うときにSASSファイル等はUTF-8なんだけどWindows環境でcompassを使ってビルドしようとするとデ...毎回入力するのが面倒ならバッチファイルで対応photo credit: gagilas via photopin cc僕、今まで毎回コマンドプロンプトを開いてはコマンドを打ってコンパイルしてました。compass wと入力するだけだったので「まぁいっか」と効率考えずに毎日同じことを繰り返してました。ただ、今回のset RUBYOPT=-EUTF-8は入力するのがすっごく面倒。良い機会なのでバッチファイルを作成することに。バッチファイルとは、MS-DOSやWindowsで複数の処理を記述し一括してプログラムを実行させるファイルのことです。バッチファイルの作成方法まず、どこでも良いので右クリック→「新規作成」→「テキスト ドキュメント」で空のテキストファイルを作成します。次に、作成したテキストファイルを開いて以下のコマンドをコピーして貼り付けます。cd /d %~dp0set RUBYOPT=-EUTF-8compass wしかし、3行目はCompassでのコンパイル方法です。Compassを使わないで直接SASSのコンパイル機能を使う場合はsass test.scss:test.cssとSASSのコンパイルコマンドに書き換えて下さい。そしてこの編集したテキストファイルに任意の名前を付け、拡張子を「.bat」にして保存して下さい。Windows7でのbatファイルのアイコンただし、ファイル名とコマンド名が被らないようにして下さい。例えばバッチファイルの3行目のコマンドはcompass wになっています。今回作成するバッチファイル名を「compass.bat」のようにしてしまうと、3行目の「compass」がバッチファイルを起動するコマンドになるようで無限ループになります。僕はここで少しハマりました。最後に、このバッチファイルをコンパイルしたいフォルダへ放り込みます。Compassを使用しているのであれば、「config.rb」ファイルで指定したフォルダに放り込んで、ダブクリックで実行するとコンパイルが開始されます。（config.rbでhttp_path = “/”と設定してあるならconfig.rbと同じ階層のフォルダに入れます）これらはこちらの本が参考になりました。

increment Log

日: 2014年3月20日記事一覧

SASSファイルをWindowsコマンドプロンプトから文字化けさせずにコンパイルする方法

BuddyPressで新規ユーザー登録が出来るようにする

[Unity]FindGameObjectsWithTagで複数のオブジェクトを取得するときにエラーが出る

Unity - マテリアルに設定したテクスチャが引き伸ばされる場合の対処

[Unity]コンソールを表示する

[Chrome]どの拡張機能がエラーや警告の原因か調べる

[WordPress]テンプレートファイルをプラグインフォルダ内のファイルに置き換える

[WordPress]WooCommerce Membershipsで投稿や固定ページがコンテンツ制限中か判定する