ColorFullWeb

カラーがフルな情報配信ブログ。Web関係多め。

【さわって覚える】WEBデザイナー初心者でも1時間59分でできる!!コンパイル型CSS「SASS」とか「SCSS」とか「COMPASS」とか【手順①Rubyインストール編】

time 2013/06/15

gif_anime_compass

タイトルなげぇよ!
パンくずリストが耐えられねぇ。。。
「スーパーとか家電量販店の1980円って表示はいい加減2000円に戻すべきだ」って常に考えている[twitter]です。(気持ちはわかる。だから真似したんだ)

3、4回ぐらいの連投記事で行きたいと思ってます。

少し長くなると思いますがわかりやすく書いていければと思っております。
よろしくお願いします。_(:3」∠)_

敷居高くないですか?

SASS、SCSS、COMPASSって名前とか機能とか知ってても最初敷居高いですよね。
知らない人はコチラ(【リンク】scss (sass) + compassがスーパー便利でびっくりしすぎて今さら環境を作ったり。Koalaで。 : ホホ冢次男)

結構そういう人多いと思うんですよ。やっぱり。Ruby入れたりコマンド打ったりしなきゃいけないもんね。
そんな人用に、タブン一番分かりやすいであろう導入方法!
※[twitter]は記事を書くにあたって、2回検証済みです。
それでも動かなかったときはtwitterで教えてください。

では始めに。。。

Rubyをいれてください(笑)
。。。まぁ、いきなりアレルギー出ますよねwMAX蕁麻疹ですねw
Macにはデフォで入ってたりするからいらないんだけどね。

いきなりですが、ココでRubyの説明はしません。

なぜかというと、インストーラを使って普通に最新版をインストールするだけだからです(最新版で大丈夫!)
↓この手順で最新版をインストールすればおk(その前に下記の「インストール時の注意」を参照)

Rubyダウンロード及びインストール – Rubyインストール

[browser-shot width=”300″ url=”http://www.rubylife.jp/install/install/index1.html”]

インストール時の注意!

sass_023
↑リンク先のこの部分にある赤丸の設定だけはホント重要なので必ずチェックを入れてくだしあ
(理由は今は必要ないので省略)

まずはこれだけ!

簡単でしょ?

続きはコチラ(随時更新予定)

down

コメントする