teratail header banner
teratail header banner
質問するログイン新規登録

回答編集履歴

1

追記

2020/07/29 02:04

投稿

kyoya0819
kyoya0819

スコア10434

answer CHANGED
@@ -8,4 +8,17 @@
8
8
 
9
9
  そうすることでミスったときの修正箇所がわかりやすく、結果的には効率が良くなります。
10
10
 
11
- (Gitとかでバージョン管理していないならバックアップは必ずとってください。
11
+ (Gitとかでバージョン管理していないならバックアップは必ずとってください。
12
+
13
+ #### 例
14
+
15
+ どんな内容でも出る物なので画像で失礼します。
16
+ ![イメージ説明](f3aa82dbdfecd77ee2ebe435b6dd70e4.jpeg)
17
+ 上の画像をご覧ください。
18
+ 左がSass、右がコンパイル後のCSSです。
19
+ Sassは少ないように見えますが、CSSは長く出力されています。
20
+ まだ、少しだから良いですがこれより長いコード・深い入れ子になったらコンパイル後のコードが長くなるのは自明だと思います。
21
+ なので、2~3くらいにしないと、コードが長くなり読み込み時間が増えてUXが悪くなるぞ!という回答でした。
22
+ 不明点ありましたらコメントの方までよろしくお願いします。
23
+
24
+ 使用したツール:[https://www.sassmeister.com/](https://www.sassmeister.com/)