について
私たちに関しては
助けて
プライバシーポリシー
提供内容
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を使った実際の開発(レスポンシブ)
開発者ツールとソースマップ
まとめ
最後のまとめ
@at-rootの使い方
CSSを効率的に書く!フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
基礎編:入れ子構造とコメント
Satoshi Miyazaki
4 minutes
シェア
このページへのリンクを共有する
フェイスブック
ツイッター
ワッツアップ
リンクトイン
Eメール
カレンダーに追加
クラスをカレンダーに追加する
Google カレンダー
Apple カレンダー
Yahoo カレンダー
Outlook カレンダー
完成した
このレッスンを表示するには、アイテムにアクセスする必要があります。
1時間料金
$49.99
定価:
$69.99
保存します:
$20
クラスを購入
€48.10
定価:
€67.34
保存します:
€19.24
クラスを購入
£39.96
定価:
£55.94
保存します:
£15.98
クラスを購入
CA$71.89
定価:
CA$100.65
保存します:
CA$28.76
クラスを購入
A$80.23
定価:
A$112.33
保存します:
A$32.10
クラスを購入
S$67.90
定価:
S$95.07
保存します:
S$27.16
クラスを購入
HK$388.49
定価:
HK$543.93
保存します:
HK$155.43
クラスを購入
CHF 44.72
定価:
CHF 62.61
保存します:
CHF 17.89
クラスを購入
NOK kr570.92
定価:
NOK kr799.33
保存します:
NOK kr228.41
クラスを購入
DKK kr358.78
定価:
DKK kr502.32
保存します:
DKK kr143.54
クラスを購入
NZ$88.75
定価:
NZ$124.25
保存します:
NZ$35.50
クラスを購入
د.إ183.61
定価:
د.إ257.07
保存します:
د.إ73.45
クラスを購入
৳5,996.77
定価:
৳8,395.96
保存します:
৳2,399.18
クラスを購入
₹4,247.89
定価:
₹5,947.38
保存します:
₹1,699.49
クラスを購入
RM225.35
定価:
RM315.51
保存します:
RM90.16
クラスを購入
₦77,806.43
定価:
₦108,935.23
保存します:
₦31,128.80
クラスを購入
₨13,966.08
定価:
₨19,553.63
保存します:
₨5,587.55
クラスを購入
฿1,722.05
定価:
฿2,411.01
保存します:
฿688.96
クラスを購入
₺1,759.09
定価:
₺2,462.87
保存します:
₺703.77
クラスを購入
B$308.73
定価:
B$432.25
保存します:
B$123.52
クラスを購入
R918.80
定価:
R1,286.40
保存します:
R367.59
クラスを購入
Лв94.14
定価:
Лв131.81
保存します:
Лв37.66
クラスを購入
₩72,428.88
定価:
₩101,406.23
保存します:
₩28,977.34
クラスを購入
₪182.42
定価:
₪255.41
保存します:
₪72.98
クラスを購入
₱2,941.21
定価:
₱4,117.93
保存します:
₱1,176.72
クラスを購入
¥7,835.62
定価:
¥10,970.49
保存します:
¥3,134.87
クラスを購入
MX$1,014.35
定価:
MX$1,420.18
保存します:
MX$405.82
クラスを購入
QR183.15
定価:
QR256.43
保存します:
QR73.27
クラスを購入
P691.23
定価:
P967.77
保存します:
P276.54
クラスを購入
KSh6,461.20
定価:
KSh9,046.20
保存します:
KSh2,585
クラスを購入
E£2,545.38
定価:
E£3,563.73
保存します:
E£1,018.35
クラスを購入
ብር6,381.64
定価:
ብር8,934.81
保存します:
ብር2,553.16
クラスを購入
Kz45,890.82
定価:
Kz64,250.82
保存します:
Kz18,360
クラスを購入
CLP$49,572.58
定価:
CLP$69,405.58
保存します:
CLP$19,833
クラスを購入
CN¥364.87
定価:
CN¥510.85
保存します:
CN¥145.97
クラスを購入
RD$3,051.95
定価:
RD$4,272.98
保存します:
RD$1,221.02
クラスを購入
DA6,726.62
定価:
DA9,417.81
保存します:
DA2,691.18
クラスを購入
FJ$116.04
定価:
FJ$162.47
保存します:
FJ$46.42
クラスを購入
Q386.56
定価:
Q541.22
保存します:
Q154.65
クラスを購入
GY$10,499.17
定価:
GY$14,699.69
保存します:
GY$4,200.51
クラスを購入
ISK kr6,951.10
定価:
ISK kr9,732.10
保存します:
ISK kr2,781
クラスを購入
DH503.65
定価:
DH705.15
保存します:
DH201.50
クラスを購入
L920.80
定価:
L1,289.19
保存します:
L368.39
クラスを購入
ден2,960.95
定価:
ден4,145.57
保存します:
ден1,184.61
クラスを購入
MOP$401.67
定価:
MOP$562.37
保存します:
MOP$160.70
クラスを購入
N$917.26
定価:
N$1,284.24
保存します:
N$366.97
クラスを購入
C$1,846.97
定価:
C$2,585.91
保存します:
C$738.93
クラスを購入
रु6,832.10
定価:
रु9,565.49
保存します:
रु2,733.38
クラスを購入
S/187.33
定価:
S/262.28
保存します:
S/74.94
クラスを購入
K203.41
定価:
K284.79
保存します:
K81.38
クラスを購入
SAR187.84
定価:
SAR262.99
保存します:
SAR75.15
クラスを購入
ZK1,388.84
定価:
ZK1,944.48
保存します:
ZK555.64
クラスを購入
L239.38
定価:
L335.15
保存します:
L95.77
クラスを購入
Kč1,209
定価:
Kč1,692.70
保存します:
Kč483.70
クラスを購入
Ft19,898.24
定価:
Ft27,859.13
保存します:
Ft7,960.89
クラスを購入
SEK kr551.77
定価:
SEK kr772.53
保存します:
SEK kr220.75
クラスを購入
ARS$51,090.27
定価:
ARS$71,530.46
保存します:
ARS$20,440.19
クラスを購入
Bs346.77
定価:
Bs485.50
保存します:
Bs138.73
クラスを購入
COP$218,877.66
定価:
COP$306,446.24
保存します:
COP$87,568.58
クラスを購入
₡25,237.64
定価:
₡35,334.71
保存します:
₡10,097.07
クラスを購入
L1,273.89
定価:
L1,783.55
保存します:
L509.65
クラスを購入
₲392,023.82
定価:
₲548,864.71
保存します:
₲156,840.89
クラスを購入
$U2,229.98
定価:
$U3,122.15
保存します:
$U892.17
クラスを購入
zł204.96
定価:
zł286.96
保存します:
zł82
クラスを購入
すでにアカウントをお持ちですか?
ログインする
前のページ
次
サインアップ
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