このレッスンはアーカイブされました
このレッスンは視聴可能ですが、質問の受付や内容の更新は終了しております。
-
#01 Sassとはなにか？ (03:01) 無料公開中
- Sassの概要
- 公式サイト
- 事前に必要となる知識
- レッスンでの環境とSassのインストール
-
#02 はじめてのSass (03:01) 無料公開中
- 動作の基本
- .scssファイルの作成
- sassによる変換
- 結果の確認
- 変換オプション --style expanded
-
#03 自動で変換させてみよう (01:49) 無料公開中
- --watchオプション
- 動作確認
-
#04 入れ子構造を使ってみよう (02:51) 無料公開中
- 入れ子構造
- コメント記法（/* ... */, //）
- &記号
-
#05 変数を使ってみよう (02:39)
- 変数の宣言と初期化
- 変数の使い方
- 演算子
- 動作確認
-
#06 文字列を扱ってみよう (02:14)
- 変数の宣言と初期化
- 変数の利用
- 文字列の連結 +
- #{}記法
-
#07 色を扱ってみよう (02:42)
- 変数の宣言と初期化
- 変数の利用
- lighten / darken
- built-in functions
-
#08 @if文を使ってみよう (02:44)
- 真偽型の変数
- @if ... @else
- 比較演算子
-
#09 @for, @while文を使ってみよう (02:29)
- @for文
- @while文
-
#10 リストを扱ってみよう (02:29)
- リストの宣言
- @each文
-
#11 関数を使ってみよう (1) (02:22)
- @function文
- @return
-
#12 関数を使ってみよう (2) (02:56)
- ローカル変数
- @debug
-
#13 ファイルを分離させてみよう (02:25)
- partials
- @import
-
#14 @mixinを使ってみよう (02:44)
- @mixin
- @include
- 引数
- 引数の初期値
-
#15 @extendを使ってみよう (02:44)
- @extend
- @extendと@includeの違い
