久々のcssが結構難かった

こんにちは。新人エンジニアの岡山です。 本日も「今日やったこと・詰まったこと・学びになったこと」などを書いていきます。よろしくお願いします。

久々の素のCSS、クラス名付けに時間がかかりました

今日から新規のリニューアル案件に取り掛かりました。前の案件ではTailwindを使っていたので、久々に素のCSSでクラス名を考えることになったのですが、これに思ったより時間がかかりました。

クラス名自体は思いつくものの、「これで良かったっけ?」と不安になって、過去に自分が書いたコードを見返す、という場面が何度もありました。Tailwindのようにユーティリティクラスを組み合わせるのと違って、自分で意味のある名前を一から考える感覚を、少し忘れかけていたのかもしれません。

ドキュメントで気づいたAstroのスコープ

悩みながら進めていたところ、今回の案件のGitHubリポジトリの中に、CSSの命名についての説明が書かれているのを見つけました。その中にスコープについての説明もあり、これを読んで、命名はシンプルで良いのだと気づきました。

AstroはコンポーネントごとにCSSのスコープが区切られる仕組みになっているので、他のコンポーネントとクラス名が被ることを過度に気にする必要がありません。これまで無意識に「他のページと衝突しないように」と気を張りすぎていたのかもしれない、と思いました。

おわりに

今回新たに案件に携わる際に自分もまだまだだと改めて思いましたね。

Fukuiから一言

昨日の記事ではネタが枯渇気味とのことだったので、新規案件スタートでネタ切れ回避されてて安心しました、、、！

これから岡山くんが実装されるサイトを見ていくのが楽しみです！！