sassコーディングの勉強/参考書は不要。フリーランスで稼ぐ方法まとめフリーランスで稼ぐ方法まとめフリーランス向けYouTubeホームコーディングWEB制作sassコーディングの勉強/参考書は不要。2020/01/24SHAREツイートシェアはてブGoogle+PocketLINEコーディングをするとき、制作会社によくありがちなのが、スタイルをsassで書いて欲しいということです。sassが必要って?css覚えたばっかなのに!つらい!ゴロニャンコーディングスピードめっちゃ遅くなりそうゴロニャンprogateのsass見ると覚えることありすぎ!そんな時間ないよsassはprogate全部しなくてOK。最低限ネストとコンパイルだけ出来ればOKニャンニャン今回はsassで実装するための「最低限押さえとくべきポイント」だけをまとめました。目次sassコーディングの勉強/参考書は不要sassコーディングって何?cssとの違いは?sassコーディングとcssとの違いは効率化sassコーディングの勉強/参考書は不要sassコーディングで最低限勉強すること1.ファイル名「.scss」を使う2.ネスト3.ファイルをコンパイルするsassコーディングの勉強/参考書は不要sassコーディングって何?cssとの違いは?sassコーディングとは、cssを効率化して書く方法です。そもそもsassの書き方を知らなくとも、コーディングはcssでできるのですが、ただ、制作会社ではsassでのスタイルシート記述が多いということを頭に入れておきましょう。ウェブ制作フリーランスで、ある程度スキルついたけど案件ない人は、sass勉強しましょう。個人的に一番案件受注確率が高いと思う制作会社案件でほぼ必須です。最低限ネスト、変数表記とコンパイルというファイル変換方法(コアラというアプリで一瞬)覚えとけばok👍progateに講座あります。2018年12月6日sassコーディングとcssとの違いは効率化sassはcssで書くと冗長になりやすい部分を、変数を使うなどして効率的に記述しています。sassで書くことで、コード量を減らすことができコーディングのスピードが上がる、ミスが減りやすくなる(コーディング量が少ないため確認がしやすくなる)などのメリットがあります。言っても、css慣れてるのにsassで書くと最初はコーディングスピード遅くなるよwsassの書き方に慣れたらコーディングスピードが速くなる!今は制作会社案件以外でも全部sassで書くよニャンニャンsassコーディングの勉強/参考書は不要sassコーディングの方法は、勉強するまでもないし、参考書を買うまでもないです。大事な部分は3つだけで、それを押さえればすぐ案件をこなせるレベルのsassが書けます。sassコーディングで最低限勉強することsassの書き方で最低限抑えておくべきポイントは3つだけです。これだけ押さえとけば、最低限scssファイルで記述したものを動かすことができます。制作会社案件をいくつかやってきましたが、私が行なった案件では、これ以上求められたことはあまりないです。sassはprogate全部しなくてOK。ネストとコンパイルだけ出来れば良いニャンニャンファイル名「.scss」を使うネストコンパイルする1.ファイル名「.scss」を使うファイル名は末尾に「.scss」とつけたものを使います。例:stylesheet.scss2.ネストsassのネスト(階層構造)とはsassのネスト(階層構造)とは、全体を囲んでいる要素のclassの中に、囲まれているclassを書くということです。ネストを使うと以下のように省略して記述できます。li{}//変更後sass.main{ul{li{}}}sassのコピペシートも参考にできます。2018年11月9日3.ファイルをコンパイルする最後にコンパイルをします。これは、sassで記述したものだけでは、画面に反映されないため、sassファイルをcssに変換するということですが、難しかったら理解しなくてOKです。コンパイルはコアラというアプリを使えば一発です。コアラの使い方はググればすぐ出てくるのでここでは割愛しますが、以下の記事が参考になるかもです。7ふるフリーランスでUIUXデザイン/コーディング/Webマーケをしています。慶應法法→IBM→2018年独立後に海外放浪。