について
私たちに関しては
助けて
プライバシーポリシー
提供内容
LearnDesk
学ぶ
学者
ビジネス
クリエイティブ
健康と運動
暮らし
自己啓発
ソフトウェア
教える
オンラインで教える
スケジュール
アイテム
ユーザー
マーケティング
分析
設定
学校を変える
アカウント
ログインする
サインアップ
CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
導入編：Sassの概要と環境構築
はじめに
プレビュー
Sassとは
プレビュー
SassとSCSS
利用する技術・ツール
Atomのインストール
Node.js、npmのインストール」
Gulpのインストール
はじめてのSass
DreamWeaverの設定
Preprosのインストール
基礎編：入れ子構造とコメント
ネストの基本
隣接セレクタ、間接セレクタ、直下セレクタ
親セレクタの参照
プロパティのネスト
@at-rootの使い方
コメントの書き方
基礎編：変数と演算の基本
変数の基本
変数のスコープ
演算の基本
基礎編：ファイルの分割とインポート
ファイルの分割とパーシャル
ネストインポート
CSSのインポートとSassのインポート
基礎編のまとめ
応用編：ミックスインと継承
ミックスインの基本
ミックスインへの引数の指定
複数の引数を指定するミックスイン
可変長引数
ミックスインにコンテントブロックを渡す
継承の基本
複数継承と継承の連鎖
ミックスインと継承の違いと使い分け
応用編：変数の応用
変数の型
インターポレーション
!defaultと!global
応用編：制御ディレクティブ
条件分岐
繰り返し処理
応用編：関数
関数の使用
文字、数値処理関数
色処理関数
配列、マップ関数
ユーザー定義関数
デバッグ用ディレクティブ
応用編：Sassフレームワーク
総合フレームワーク
機能拡張系
パーツ系
レイアウト系
実践編：開発の実践
設定ファイルからGulp開発環境を作成する
Sass Lint
PostCSS
Sassを使った実際の開発（ネスト）
Sassを使った実際の開発（変数と演算、関数）
Sassを使った実際の開発（ミックスインと継承）
Sassを使った実際の開発（制御ディレクティブ）
Sassを使った実際の開発（レスポンシブ）
開発者ツールとソースマップ
まとめ
最後のまとめ
ファイルの分割とパーシャル
CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
基礎編：ファイルの分割とインポート
Satoshi Miyazaki
5 minutes
シェア
このページへのリンクを共有する
フェイスブック
ツイッター
ワッツアップ
リンクトイン
Eメール
カレンダーに追加
クラスをカレンダーに追加する
Google カレンダー
Apple カレンダー
Yahoo カレンダー
Outlook カレンダー
完成した
このレッスンを表示するには、アイテムにアクセスする必要があります。
1時間料金
$49.99
定価:
$69.99
保存します:
$20
クラスを購入
€47.92
定価:
€67.09
保存します:
€19.17
クラスを購入
£39.76
定価:
£55.67
保存します:
£15.90
クラスを購入
CA$71.86
定価:
CA$100.61
保存します:
CA$28.75
クラスを購入
A$79.95
定価:
A$111.94
保存します:
A$31.98
クラスを購入
S$67.76
定価:
S$94.87
保存します:
S$27.11
クラスを購入
HK$388.87
定価:
HK$544.46
保存します:
HK$155.58
クラスを購入
CHF 44.66
定価:
CHF 62.54
保存します:
CHF 17.87
クラスを購入
NOK kr565.88
定価:
NOK kr792.28
保存します:
NOK kr226.40
クラスを購入
DKK kr357.50
定価:
DKK kr500.54
保存します:
DKK kr143.03
クラスを購入
NZ$88.36
定価:
NZ$123.72
保存します:
NZ$35.35
クラスを購入
د.إ183.61
定価:
د.إ257.07
保存します:
د.إ73.46
クラスを購入
৳5,972.07
定価:
৳8,361.37
保存します:
৳2,389.30
クラスを購入
₹4,246.46
定価:
₹5,945.38
保存します:
₹1,698.92
クラスを購入
RM225.35
定価:
RM315.51
保存します:
RM90.16
クラスを購入
₦77,461.50
定価:
₦108,452.30
保存します:
₦30,990.80
クラスを購入
₨13,910.80
定価:
₨19,476.23
保存します:
₨5,565.43
クラスを購入
฿1,709.72
定価:
฿2,393.75
保存します:
฿684.02
クラスを購入
₺1,759.33
定価:
₺2,463.20
保存します:
₺703.87
クラスを購入
B$304.23
定価:
B$425.95
保存します:
B$121.72
クラスを購入
R915.31
定価:
R1,281.50
保存します:
R366.19
クラスを購入
Лв93.65
定価:
Лв131.12
保存します:
Лв37.46
クラスを購入
₩72,306.53
定価:
₩101,234.93
保存します:
₩28,928.40
クラスを購入
₪182.68
定価:
₪255.76
保存します:
₪73.08
クラスを購入
₱2,941.16
定価:
₱4,117.86
保存します:
₱1,176.70
クラスを購入
¥7,821.18
定価:
¥10,950.28
保存します:
¥3,129.10
クラスを購入
MX$1,003.69
定価:
MX$1,405.25
保存します:
MX$401.55
クラスを購入
QR182.18
定価:
QR255.07
保存します:
QR72.89
クラスを購入
P690.74
定価:
P967.09
保存します:
P276.35
クラスを購入
KSh6,461.20
定価:
KSh9,046.20
保存します:
KSh2,585
クラスを購入
E£2,543.65
定価:
E£3,561.31
保存します:
E£1,017.66
クラスを購入
ብር6,381.64
定価:
ብር8,934.81
保存します:
ብር2,553.16
クラスを購入
Kz45,890.82
定価:
Kz64,250.82
保存します:
Kz18,360
クラスを購入
CLP$49,447.60
定価:
CLP$69,230.60
保存します:
CLP$19,783
クラスを購入
CN¥364.74
定価:
CN¥510.67
保存します:
CN¥145.92
クラスを購入
RD$3,043.26
定価:
RD$4,260.81
保存します:
RD$1,217.54
クラスを購入
DA6,741.95
定価:
DA9,439.27
保存します:
DA2,697.32
クラスを購入
FJ$115.80
定価:
FJ$162.13
保存します:
FJ$46.33
クラスを購入
Q385.07
定価:
Q539.13
保存します:
Q154.06
クラスを購入
GY$10,455.79
定価:
GY$14,638.94
保存します:
GY$4,183.15
クラスを購入
ISK kr6,955.10
定価:
ISK kr9,737.70
保存します:
ISK kr2,782.60
クラスを購入
DH502.98
定価:
DH704.21
保存します:
DH201.23
クラスを購入
L918.26
定価:
L1,285.64
保存します:
L367.37
クラスを購入
ден2,949.73
定価:
ден4,129.86
保存します:
ден1,180.13
クラスを購入
MOP$400.09
定価:
MOP$560.15
保存します:
MOP$160.06
クラスを購入
N$920.09
定価:
N$1,288.20
保存します:
N$368.11
クラスを購入
C$1,839.03
定価:
C$2,574.79
保存します:
C$735.75
クラスを購入
रु6,798.06
定価:
रु9,517.84
保存します:
रु2,719.77
クラスを購入
S/186.09
定価:
S/260.55
保存します:
S/74.45
クラスを購入
K202.66
定価:
K283.74
保存します:
K81.08
クラスを購入
SAR187.79
定価:
SAR262.92
保存します:
SAR75.13
クラスを購入
ZK1,383.09
定価:
ZK1,936.44
保存します:
ZK553.34
クラスを購入
L238.52
定価:
L333.95
保存します:
L95.43
クラスを購入
Kč1,204.37
定価:
Kč1,686.22
保存します:
Kč481.84
クラスを購入
Ft19,842.53
定価:
Ft27,781.13
保存します:
Ft7,938.60
クラスを購入
SEK kr551.51
定価:
SEK kr772.16
保存します:
SEK kr220.65
クラスを購入
ARS$51,075.09
定価:
ARS$71,509.21
保存します:
ARS$20,434.12
クラスを購入
Bs345.34
定価:
Bs483.51
保存します:
Bs138.16
クラスを購入
COP$217,942.60
定価:
COP$305,137.08
保存します:
COP$87,194.48
クラスを購入
₡25,214.88
定価:
₡35,302.85
保存します:
₡10,087.97
クラスを購入
L1,268.63
定価:
L1,776.18
保存します:
L507.55
クラスを購入
₲389,688.96
定価:
₲545,595.73
保存します:
₲155,906.76
クラスを購入
$U2,236.96
定価:
$U3,131.93
保存します:
$U894.96
クラスを購入
zł204.31
定価:
zł286.05
保存します:
zł81.74
クラスを購入
すでにアカウントをお持ちですか？
ログインする
前のページ
次
サインアップ
Facebookで続ける
Googleで続行
または
メールで続行
すでにメンバーですか？
ログインする
By registering for a LearnDesk account, you agree to our
Terms of Service
and
Privacy Policy
.
シェア
Share with friends, get 20% off
Invite your friends to LearnDesk learning marketplace. For each purchase they make, you get 20% off (upto $10) on your next purchase.
Share with Google Contacts