TomoyukiProgate(プロゲート)でSass(サース)の学習メモこんにちは。Tomoyuki(@tomoyuki65)です。Railsと相性が良さそうなのが気に入りました。いうことで、Sassについてサクッと学習メモを残しておきます。Stylesheets)はCSSに対して機能を拡張した言語であり、CSSをより効率的に書けるスタイルシート言語です。Sassの記法は「SASS記法」と「SCSS記法」の2種類あり、「SCSS記法」はCSSとの互換性のために作られた記法で、CSSの書き方がそのまま使えるのがメリットです。}}尚、Sassで書いたファイル(.scss)はコンパイル(変換)してCSSファイル(.css)にしてから利用するのが基本です。Railsではフレームワークでやってくれるようなので、scssファイルのまま使えるようです。Sassの&記法:hoverや:actionの記述は、&記法で書く。}}また、特定要素を指定する場合は「&.クラス名」で指定する。クラス名「second」を指定する場合は以下の通り。変数の定義は以下の通り。$color;}尚、変数の定義位置によってスコープ(利用範囲)が異なるので注意。Sassのmixin何度も利用するコードは、mixinを使えば記述量を減らせるので便利。card;}また、引数を持たせることも可能。color(#ffffff);}Sassの関数Sassには便利な関数が用意されている。色を暗くする関数「darken」を使う場合は以下の通り。10%);}SassのimportSassでは外部ファイル「_colors.scss」をimportで読み込むことが可能。$color1;}最後にCSS書くならSassを使った方が良さそうです。Ruby(Rails)だと遅いかもしれないので、そういった場合はCSSにコンパイルして利用すればよいでしょう。最新の記事Tomoyuki元SE。30歳を目前に仕事や将来に悩み、Web業界へ転職を目指すも失敗。ブログでは大好きなパソコン情報をはじめ、様々な役立つ情報を発信中。次はプロゲーマーとしても活動するため、ゲーム練習と合わせて攻略記事を書いたり、YouTubeでも活動中。2020年2月5日プログラミングシェアはこちらからツイートシェアはてブLINEPocketfeedlyゲーミングPCならBTO最近はゲーミングPCを購入する人も増えましたが、「どう選べばいいの?」という人も多いですよね。初心者が失敗しない選び方はこちら資産運用始めなくて大丈夫ですか?日本ではお金の教育が一切無いので、資産運用している人はまだ少ないです。資産運用で結果を出すには膨大な時間が必要で、早く始めないと損なんです。ウェルスナビなら誰でも簡単に資産運用が始められるので、一度検討してみてはいかがでしょうか。コメントをキャンセルメールアドレスが公開されることはありません。*サイト次回のコメントで使用するためブラウザーに自分の名前、メールアドレス、サイトを保存する。Progate(プロゲート)でJavaScript(ES6・ES2015)の学習メモ【スマブラSP攻略まとめ】初心者が楽しむ方法からVIPを目指すガイドRECOMMENDこちらの記事も人気です。Flowとは?GitHubを利用した開発フローを覚えよう!プログラミング2017.10.11Gitとは?MacでGitを使う方法を解説!プログラミング2018.12.24Progate(プロゲート)でJavaScript(ES6・ES2015...Ruby2017.10.24【無料あり】Ruby入門サイトおすすめ3選!初心者向けの学習方法を解説プログラミング2019.1.6Progate(プロゲート)でデータベースとSQLの学習メモRuby2018.12.3Progate(プロゲート)でRubyプログラミングやってみた!プログラミング2019.1.7Progate(プロゲート)でコマンドラインとGitの学習メモ管理人:Tomoyukiこんにちは。Tomoyukiです。当ブログはプログラミングやパソコン関連情報をはじめ、自分の好きなことや、得意なことを仕事にして生きていくための方法に関する情報を発信していきます。