について
私たちに関しては
助けて
プライバシーポリシー
提供内容
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を使った実際の開発（レスポンシブ）
開発者ツールとソースマップ
まとめ
最後のまとめ
SassとSCSS
CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
導入編：Sassの概要と環境構築
Satoshi Miyazaki
5 minutes
シェア
このページへのリンクを共有する
フェイスブック
ツイッター
ワッツアップ
リンクトイン
Eメール
カレンダーに追加
クラスをカレンダーに追加する
Google カレンダー
Apple カレンダー
Yahoo カレンダー
Outlook カレンダー
完成した
このレッスンを表示するには、アイテムにアクセスする必要があります。
1時間料金
$49.99
定価:
$69.99
保存します:
$20
クラスを購入
€42.62
定価:
€59.67
保存します:
€17.05
クラスを購入
£36.81
定価:
£51.54
保存します:
£14.72
クラスを購入
CA$67.97
定価:
CA$95.16
保存します:
CA$27.19
クラスを購入
A$69.41
定価:
A$97.18
保存します:
A$27.77
クラスを購入
S$63.69
定価:
S$89.17
保存します:
S$25.48
クラスを購入
HK$391.67
定価:
HK$548.37
保存します:
HK$156.70
クラスを購入
CHF 39.05
定価:
CHF 54.67
保存します:
CHF 15.62
クラスを購入
NOK kr464.72
定価:
NOK kr650.65
保存します:
NOK kr185.92
クラスを購入
DKK kr318.69
定価:
DKK kr446.19
保存します:
DKK kr127.50
クラスを購入
NZ$84.77
定価:
NZ$118.68
保存します:
NZ$33.91
クラスを購入
د.إ183.58
定価:
د.إ257.03
保存します:
د.إ73.45
クラスを購入
৳6,135.03
定価:
৳8,589.53
保存します:
৳2,454.50
クラスを購入
₹4,744.57
定価:
₹6,642.78
保存します:
₹1,898.21
クラスを購入
RM198.46
定価:
RM277.86
保存します:
RM79.40
クラスを購入
₦68,785.24
定価:
₦96,304.84
保存します:
₦27,519.60
クラスを購入
₨13,935.96
定価:
₨19,511.46
保存します:
₨5,575.50
クラスを購入
฿1,626.32
定価:
฿2,276.98
保存します:
฿650.65
クラスを購入
₺2,256.67
定価:
₺3,159.52
保存します:
₺902.84
クラスを購入
B$249.59
定価:
B$349.45
保存します:
B$99.85
クラスを購入
R835.39
定価:
R1,169.62
保存します:
R334.22
クラスを購入
Лв83.41
定価:
Лв116.78
保存します:
Лв33.37
クラスを購入
₩73,551.28
定価:
₩102,977.68
保存します:
₩29,426.40
クラスを購入
₪147.15
定価:
₪206.03
保存します:
₪58.87
クラスを購入
₱3,063.13
定価:
₱4,288.63
保存します:
₱1,225.49
クラスを購入
¥7,852.07
定価:
¥10,993.53
保存します:
¥3,141.46
クラスを購入
MX$872.72
定価:
MX$1,221.88
保存します:
MX$349.16
クラスを購入
QR182.13
定価:
QR255
保存します:
QR72.87
クラスを購入
P675.90
定価:
P946.32
保存します:
P270.41
クラスを購入
KSh6,456.20
定価:
KSh9,039.20
保存します:
KSh2,583
クラスを購入
E£2,681.45
定価:
E£3,754.24
保存します:
E£1,072.79
クラスを購入
ብር7,847.18
定価:
ብር10,986.68
保存します:
ብር3,139.50
クラスを購入
Kz45,890.82
定価:
Kz64,250.82
保存します:
Kz18,360
クラスを購入
CLP$44,941.01
定価:
CLP$62,921.01
保存します:
CLP$17,980
クラスを購入
CN¥341.34
定価:
CN¥477.90
保存します:
CN¥136.56
クラスを購入
RD$2,969.40
定価:
RD$4,157.40
保存します:
RD$1,188
クラスを購入
DA6,623.02
定価:
DA9,272.76
保存します:
DA2,649.73
クラスを購入
FJ$109.58
定価:
FJ$153.42
保存します:
FJ$43.84
クラスを購入
Q381.99
定価:
Q534.82
保存します:
Q152.83
クラスを購入
GY$10,460.52
定価:
GY$14,645.56
保存します:
GY$4,185.04
クラスを購入
ISK kr6,132.77
定価:
ISK kr8,586.37
保存します:
ISK kr2,453.60
クラスを購入
DH462.46
定価:
DH647.49
保存します:
DH185.02
クラスを購入
L857.31
定価:
L1,200.31
保存します:
L342.99
クラスを購入
ден2,627.69
定価:
ден3,678.98
保存します:
ден1,051.28
クラスを購入
MOP$403.46
定価:
MOP$564.87
保存します:
MOP$161.41
クラスを購入
N$832.83
定価:
N$1,166.03
保存します:
N$333.20
クラスを購入
C$1,835.13
定価:
C$2,569.33
保存します:
C$734.20
クラスを購入
रु7,588.66
定価:
रु10,624.73
保存します:
रु3,036.07
クラスを購入
S/175.33
定価:
S/245.48
保存します:
S/70.15
クラスを購入
K216.89
定価:
K303.66
保存します:
K86.77
クラスを購入
SAR187.46
定価:
SAR262.46
保存します:
SAR74.99
クラスを購入
ZK943.84
定価:
ZK1,321.46
保存します:
ZK377.61
クラスを購入
L221.86
定価:
L310.62
保存します:
L88.76
クラスを購入
Kč1,039.12
定価:
Kč1,454.86
保存します:
Kč415.73
クラスを購入
Ft15,494.07
定価:
Ft21,692.94
保存します:
Ft6,198.87
クラスを購入
SEK kr460.60
定価:
SEK kr644.88
保存します:
SEK kr184.28
クラスを購入
ARS$69,621.47
定価:
ARS$97,475.63
保存します:
ARS$27,854.16
クラスを購入
Bs345.49
定価:
Bs483.72
保存します:
Bs138.22
クラスを購入
COP$180,954.91
定価:
COP$253,351.36
保存します:
COP$72,396.44
クラスを購入
₡22,732.21
定価:
₡31,826.91
保存します:
₡9,094.70
クラスを購入
L1,330.73
定価:
L1,863.13
保存します:
L532.40
クラスを購入
₲311,115.64
定価:
₲435,586.79
保存します:
₲124,471.15
クラスを購入
$U1,994.07
定価:
$U2,791.86
保存します:
$U797.79
クラスを購入
zł181.02
定価:
zł253.44
保存します:
zł72.42
クラスを購入
すでにアカウントをお持ちですか？
ログインする
前のページ
次
サインアップ
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