WEB Tips ウェブ・アプリ

OSX Yosemite にSass,Compassのインストールとエラー対処

本ページにはプロモーションが含まれています

OSX Yosemite にSass,Compassのインストールとエラー対処

長年愛用してきたmacbookpro(2008 early)に別れを告げるべく、ついに新型MJLT2J/Aを購入しました。
appleサイトでは、15.4インチ 2.5GHzは、282,800円(税別) 2015年10月20日現在。
Applecare protectionを付けたら、税込35万近くなります--;

この辺に円安の影響がでてるんでしょうか。痛いですね~
これを購入しようかと思いましたが、結局秋葉原のWinkさんで購入しました。

APPLE Mac ノート
MacBook Pro Retinaディスプレイ 2500/15.4 MJLT2J/A MJLT2J/A
https://www.winkdigital.com/item/index.jsp?pid=156292&stid=1

ヤマトの3年間延長保証もつけてみました。
過去に壊れた経験があるので。
そのときはヨドバシの延長保証で10万近くのものカバーしてもらいました。
アップル製品iphone以外は延長保証は3年までしかつけられないようです。
ここは残念だけど

昨日、無事商品が届き、現在セットアップ中^^

OSの起動の速さにびっくりしてます。
多分、電源押してから、1分かかってないんじゃないかと。
今までのmacbookproも愛着がありますが、新しいモデルってスゴイですね。

で、いろいろアプリをインストールしたりしていて、sass,compassをインストールするところでちょっとつまづき。

osxには、rubyはすでにインストールされていますので
一応、updateを。

gem update --system

環境によってはsudoつけないとパーミッションエラーになります。

Sassをインストール

gem install sass

バージョン確認

sass -v

続いて同様に

gem install compass

すると、

ERROR:  Error installing compass:
ERROR: Failed to build gem native extension.

のようなエラーメッセージが。
調べると、Command Line Developer Toolsをインストールする必要があるみたいでした。

すでにXcodeをインストールしていたので、Xcodeを起動し
Open Developer Tool->More Developer Tools

xcode

するとAppleDeveloperサイトのDownloads for Apple Developerページが開くので(要AppleIDログイン)
Command Line Toolsをインストール

command line toolインストール

スクリーンショット 2015-10-21 7.13.30

こちらのサイトを参考にさせていただきました

http://koukitips.net/mac_terminal_sass_compass/

MavericksでCommand Line Tools for Xcodeをインストールする
http://qiita.com/3yatsu/items/47470091277d46f3fde2

今月キャンペーン特典があるサービス

  • エックスサーバー
    半額キャッシュバックで月額費用が実質693円&ドメイン永久無料 - 2023年10月2日(月)12:00まで
  • ConoHa WING
    WINGパック36ヶ月で月額678円 53%OFF - 2023年10月3日(火)16:00まで
  • カラフルボックス
    .jp取り扱いスタート。BOX2以上の月額費用が25%OFFのクーポンコード「SERVER25

-WEB Tips, ウェブ・アプリ
-