Menuゆるtech。技術SCSS/SASS(Sass)とはSCSS/SASS(Sass)とは2018/09/17shigu493SCSS/SASSとはSCSS/SASSは、CSSのメタ言語で最終的にCSSにコンパイルします。Sheets)といいます。※大文字と小文字の違いだけで紛らわしいですね...SCSS/SASSの違いSCSSこちらが主流です。スタイルの書き方はCSSと特段変わらず、{}や;を用います。CSSをそのままSCSSファイルとしても動かすことができるので、途中からの導入も可能です。SASS{}の代わりにタブで判断し、;を省略します。Sassでできることセレクタの入れ子CSSだとclassを併記してひたすらに定義していくことしかできませんが、Sassなら入れ子が使えるので親子関係を明らかにして定義することができます。使うことで、スタイルを継承して定義することができます。定義して、変数を使うことができます。変数と同様に、関数も定義することができます。使うと、他のSassファイルをインポートすることができます。1つのCSSファイルにコンパイルされるので、サイトパフォーマンスを上げられます。CompassSassをさらに進化させたフレームワークに、Compassがあります。Compassを利用するためにはCompassプロジェクトを作成し、インポートします。Compassを起動すると、Sassファイルに対して変更されたタイミングで自動コンパイルを行います。停止したい場合は、Ctrl+Cで停止できます。SassはコンパイルしないとCSSとして利用できませんので、Sassを使用して開発を行う場合はCompassも合わせて導入しておくほうが便利です。コメントをキャンセルメールアドレスが公開されることはありません。コメントデータの処理方法の詳細はこちらをご覧ください。投稿ナビゲーション前のページへiOSアプリのbitcode対応とは次のページへスクラムマスターとして1sprintを振り返ってみた関連記事2018/04/22【レポ】技術書典4に行ってきました2018/06/24私が作った2つのアプリのいま。Emanon%d人のブロガーが「いいね」をつけました。