====== Sass/Compass 環境構築 ====== ===== Ruby のインストール ===== - [[http://rubyinstaller.org/downloads/|Ruby Installer]]より最新のRubyをインストールする。\\ ※ 2014/06/03現在の最新は [[http://dl.bintray.com/oneclick/rubyinstaller/rubyinstaller-2.0.0-p481-x64.exe?direct|Ruby 2.0.0-p481 (x64)]]\\ - rubyinstaller-2.0.0-p481-x64.exe を実行して、「Ruby の実行ファイルへ環境変数 PATH を設定する」のチェックをオンにしてインストールする。 - [Windows キー] + [R] を押して cmd を実行する。 - Ruby の動作確認を行う。 > ruby -v ruby 2.0.0p481 (2014-05-08) [x64-mingw32] ===== RubyGems の更新 ===== - RubyGems のエンコーディングをUTF-8に設定する。 > set LANG=ja_JP.UTF-8 - RubyGems を更新する。 > gem update --system Updating rubygems-update Fetching: rubygems-update-2.2.2.gem (100%) Successfully installed rubygems-update-2.2.2 Parsing documentation for rubygems-update-2.2.2 Installing ri documentation for rubygems-update-2.2.2 Installing darkfish documentation for rubygems-update-2.2.2 Installing RubyGems 2.2.2 RubyGems 2.2.2 installed Parsing documentation for rubygems-2.2.2 Installing ri documentation for rubygems-2.2.2 ... ===== Sass/Commpass のインストール ===== - RubyGems から Sass/Commpass をインストールする。 > gem install sass ※ファイヤウォール確認は許可する。 Fetching: sass-3.3.8.gem (100%) Successfully installed sass-3.3.8 Parsing documentation for sass-3.3.8 Installing ri documentation for sass-3.3.8 1 gem installed > gem install compass Fetching: sass-3.2.19.gem (100%) Successfully installed sass-3.2.19 Fetching: chunky_png-1.3.1.gem (100%) Successfully installed chunky_png-1.3.1 Fetching: fssm-0.2.10.gem (100%) Successfully installed fssm-0.2.10 Fetching: compass-0.12.6.gem (100%) Successfully installed compass-0.12.6 Parsing documentation for compass-0.12.6 Installing ri documentation for compass-0.12.6 1 gem installed - Sass/Compass の動作確認を行う。 > sass -v Sass 3.3.8 (Maptastic Maple) >compass -v Compass 0.12.6 (Alnilam) Copyright (c) 2008-2014 Chris Eppstein Released under the MIT License. Compass is charityware. Please make a tax deductable donation for a worthy cause: http://umdf.org/compass ===== 参考文献 ===== [[http://qiita.com/ongaeshi/items/57b294f77dd5336074ed|複数バージョンのRubyをWindowsで使うためのpik - Qiita]]\\ [[http://qiita.com/jnst@github/items/369e2e6204a99726d00f|WindowsでSass環境を構築 - Qiita]]\\