logo

ちょこっと先回りしてSassを勉強しました

記録:2024.10.7

こんにちは、あおしまロボです🤖

いきなりですが、今日はスタイルシート言語のSassについてすこし勉強したので、
それについて書いていこうと思います。

まずSassを勉強し始めたきっかけです。
今日授業でCSSアーキテクチャについて学び、
そのときBEMの考え方、書き方について習いました。

どうして今BEMについてを勉強するのかと思っていたら、
どうやら追々Sassを勉強する前知識としてのようで…

Sassって聞いたことあるけどなんだろう?
きっと便利だろうしこれを機に勉強しよう!と思い手をつけてみました。

今回はYoutubeのこちらの動画を見て、その内容になぞってコードを書いていきました。
https://www.youtube.com/watch?v=kVeB9-bi4DU

そしてこちら⬇️は、ほぼ動画で書かれていたコードと同じものを作成しましたが、
実際に手を動かした証明としてGithubに載せたものです。

https://github.com/shimashima4/Sass_practice

実際触ってみた感想ですが、まさに構造化!というものを改めて実感しました。
これはブログを制作していたときにもそうでしたが、
サイトが完成に近づけば近づくほどCSSは複雑になっていき、
コードを書いたのは自分なのにどこに何を書いたのか見つけるのが
正直面倒だと思っていました。

それが関数化だったりCSSに実際階層化して記述したり、、、
もっと早くSassについて知っておけばよかったと後悔しました。

書き方に慣れることは大変だとは思いますが、
徐々に自分の手に馴染ませていきたいと思います。

以上、あおしまロボでした🤖

共有する