06-6809-5021

Staff Blog
スタッフブログ

  • Twitterでシェア
  • このエントリーをはてなブックマークに追加
  • Google+でシェア
  • follow us in feedly

Sassの環境を整える

こんばんは。
昨日さっそくSassの本をお借りしたので、
Sassの環境の整え方をお話をさせていただこうと思います。
SassにはSCSS記法とSASS記法の2つの記法があります。
CSSとは拡張子が違う為そのままブラウザが認識できません。
その為SASSファイルCSSファイルにコンパイルする必要があります。
コンパイルするにはRubyとSassをインストールする必要があります。
Rubyのインストールはで簡単に行えますが、
Sassに関してはCUIを使って行う必要があります。
しかし今はコマンドプロンプトやターミナルを使わなくても
GUIツールがあるので気軽に導入することが可能です!
preprosというGUIがあるのでpreprosで簡単に環境を整えることができます。
prepros.jpg
説明するまでもなくこのページからwindows版かマック版を選んで、
順々に進んでいくだけです!
とても簡単です!
次は具体的に使い方をご説明していきたいと思います。

関連記事

扇町近辺でナンを食べたいならここ!ディップ ラスナ 西天満。... IMDが今のオフィスに移転して1年半が過ぎました。 最初の頃は色々なお店を開拓しようとランチの度に違うお店に行っていましたが、最近は近所のお店やコンビニで簡単に済ませてしまうことが多くなってしまいました。 そんな中でも最低でも月一は行きたくなってしまうお気に入りのお店が 『ディップ ラス...
プログラミングの知識不要!Androidアプリを手軽に作る方法。... 「Joint Apps」はドラッグ&ドロップでプログラムを組み上げていく http://www.jointapps.net/editor/ 見た目がかわいらしいアプリ開発サービス。 それもそのはず、実は子供でも使えるように作られており、アイコンや説明文が分かりやすいようになっています。...
【Shadowverse】本格的にe-sportsに参加するぞ!... https://sv.j-cg.com どうもこんにちは。あすらんです。 本日から国内e-sports大会運営サイト「JCG」で前のブログで書いた「Shadowverse」が競技タイトルとして選ばれ、大会が随時開催されることになりました。 ということで、実際にShado...
シルバーウィーク2日目。特に何もない日常の様子... みなさんシルバーウィーク2日目です。 いかがお過ごしでしょうか?って聞かれてまじめに答える特に何もない日常の過ごし方。   うちのカミさんは娘の入学料支払証明書が見つからないらしく、朝から引き出しや何やらを開けては締めてを繰り返していますが、 私はリビングでPCと睨めっこです。...
Ruby on Rails4でransackを使った検索機能の実装... Railsプロジェクトを作成する ・新規フォルダを作成する $ mkdir products_search $ cd products_search ・Gemfileを作成する Gemfileを作成して、Railsをインストールするための記述を有効化します。 $ bundle i...
ねこあつめというゲーム 最近はいろんなスマホゲームが無料で遊べて暇つぶしには困らないですね。 最近iPhoneで「ねこあつめ」というゲームをはじめました。 こちら、ゲーム内の庭にエサや遊び道具を置いてねこを集めるだけのゲームなのですが、絵柄がかわいくて見てるだけでも癒されるのでオススメです。 ...
WEBマスターツールの使い方「最新の参照リンク元を知る方法」。実はGoogleアナリティクスでは見え... 手順 まずはWEBマスターツールにログインします。 1.調べたいサイトをクリックします。 2.「検索トラフィック」⇒「サイトへのリンク」をクリックします。 3.「リンク数の最も多いリンク元」の「詳細」をクリックします。 4.ココでは参照元のドメインまでしか分かり...
まだ使ったことないけど、便利そうなWordPressプラグイン選... どうも。   最近の制作では、WordPressを導入しないのが珍しいと思うようになるくらい、WordPressの構築を日々行っています。 そこで、必要になってくるのがWordPressのプラグインです。 本当にどのプラグインも便利で制作時には助かっています。プラグ...

この記事を共有する

投稿者:OHTO
    2014年04月24日木曜日 | 20:24
    WordPress勉強あるのみ。

    この人が書いたその他のブログ記事

    コメントを残す

    メールアドレスが公開されることはありません。 * が付いている欄は必須項目です

    ranking 人気記事ランキング

    • I.M.Dコーポレートサイト
    お問い合わせ