SASSの超便利な使い方【HTML/CSSコーディング】

[@oyui2129]

わかりやすいです、ありがとうございます☺️！

[@hirocode]

そう言っていただけて嬉しいです😆こちらこそありがとうございます🙇‍♂️❗️

[@catchiro]

SCSS Live Sass Compilerでコンパイルすると　front_flex_20230213074653.css　みたいなファイルがたくさんできるのは何かの設定ミスでしょうか？よろしくお願いします。

[@hirocode]

コメントいただきありがとうございます🙇 ちょっと原因不明ですが、setting.jsのliveSassCompile.settings.formatsで設定書かれてるので、その辺確認したら原因わかるかも知れません💡

[@catchiro]

@@hirocode ありがとうございました。私もその辺を色々観ているのですが、引き続き試してみます。今後とも配信楽しみにしております。

[@susumumitsuhashi2297]

たいへんわかりやすい動画でした。最近では、常にSassを使って記述する練習をしているので、とても助かります。また、コードをNotionでまとめていただいて、とてもありがたいです。

[@hirocode]

Sass使った方が絶対良いですよね😆❗️嬉しいコメントありがとうございます😊❗️

[@maki227]

わ、分かりやすい… メンターお願いしたい… 一人だと心が折れそうです笑

[@hirocode]

嬉しいコメントありがとうございます😊♪

[@ボブ-z5t]

動画で勉強させていただいております。 レスポンシブの実践動画も載せていただけると嬉しいです(^ ^)

[@hirocode]

ご視聴ありがとうございます😆❗️ レスポンシブの動画出せてないので出したいと思います❗️

[@tf8413]

sassは本当に便利ですよね。 3の変数を使った便利な記述方法を知りたいです！ 自分はセクションのmarginとfont-sizeのみで使用してます。 eachやforは複数人が関わるプロジェクトで分かりやすい記述方法が難しく、結局使わなくなりました。

[@hirocode]

使えば使うほど便利だなぁーって思いますよね😊♪ 複数人で作業するケースだとあらかじめルール決めしておかないと難しくなってしまいますよね💦 ループ文だと、パターンを設ける際に使いやすいと思います。アイコンの表示を複数種類用意したい場合など、icon--○○て感じで○○のところを配列で回してパターン作るようなイメージです❗️ あとは複数人で作業する場合はどうしても技術に差が出てきてしまうので、ここはこう言った記述をしているよーみたいなコメントを残すことも多いです😆❗️

[@おおたりょう-f4z]

レスポンシブでスマホの画面幅コードのを書いた後、タブレットをコードを書くとスマホの画面幅になった時もタブレット方のコードが使われてしまいます。なぜなのでしょうか？

[@hirocode]

コメントいただきありがとうございます😊♪ @media only screen and (max-width 479px) {○○○} ↑この中に書いたものはスマホサイズ（例として480px以下）のみスタイルがあたります。 @media only screen and (min-width 480px) {○○○} ↑この中に書いたものは、480px以上のサイズでスタイルが適用されます。 こちらの内容で解決されそうでしょうか？🙇‍♂️

[@おおたりょう-f4z]

返信ありがとうございます。 ただ、僕の説明が悪くてわかりずらかったと思いましたので、インスタの方にdmさせていただきました。返信してもらえるととても嬉しいです。