プリプロセッサでお気楽サクサクCSS Sass (SCSS) 入門

日本全国や海外在住の方がご参加可能な、オンライン講座に対応しています。

受講お申し込みのすべての方が、講座開催後1週間、お好きなときに開催当日の収録動画をご視聴して復習いただけます。

--

ウェブページが高度化・複雑化すれば、伴ってCSSは冗長になるもの。
何度も同じ記述を繰り返したり、記述後の管理や再編集に手間取ったり。
そのような不合理性で、ウェブクリエイターは疲弊していました。

そこで登場したのが、CSSを合理的に記述し編集・管理するプリプロセッシングです。
CSSプリプロセッサを導入すると、楽に速くCSSを編集して管理することが可能になります。

今、CSSプリプロセッサで一番人気なのが、Sass。
Syntactically Awesome Style Sheetsのイニシャリズムで、「構文的にスゴいスタイルシート」の略語です。
そのSassの機能を、よりCSSに近い文法で記述できるようにした記法が、SCSS。

この講座では、ウェブクリエイター、フロントエンドエンジニアとして活躍している佐藤あゆみ氏を招き、初学者でも確実にその環境と導入から基本的な記法、日常のコーディング業務での応用実践まで包括的に学べます。

Sassを利用すれば、すぐにでもCSSコーディングの負担は大きく軽減するでしょう。

もちろん習得後は、SassのなしでのCSSコーディングには戻れません。

※ この講座は、HTMLとCSSの基礎を習得している方を対象としており、HTMLやCSSの書き方そのものは解説しません。


Keywords: CSS, プリプロセッシング, プリプロセッサー, Sass, SCSS


● この講座で学べること
○ Sass (SCSS) の基本的な記述方法と扱い方
○ Visual Studio Code、Adobe DreamweaverでのSassの導入方法
○ Sass (SCSS) でのCSSの管理方法
○ Sass (SCSS) の実践的なコーディング方法

● この講座で得られること
○ Sass（SCSS）の書き方と扱い方の知識
○ 日頃のCSSコーディングの時間が短縮
○ ミスタイプによるエラーやバグの減少
○ 容易なCSSのセレクタ管理
○ BEMやRSCSSなどのCSS設計の導入準備（この講座では、BEMやRSCSSの解説は行いません）
○ ソースコードエディタ（Visual Studio Code，Dreamweaver）でSassをコンパイルできる環境
※ 配布資料がある場合は、配布やダウンロードなどで入手いただけます。
※ 講座内で利用するデモなどのサンプルファイルがある場合は、ダウンロードで入手いただけます。
※ 各種受講証明書への署名・発行に対応します。

● この講座の特徴
○ ハンズオンでも、聴講でも、お好きなスタイルで受講可能な『技術講座』です。
○ 実践的な技術や方法を、要点をまとめて具体的にわかりやすくお伝えします。
○ 操作の解説は、デモンストレーションを実演して解説します。
○ 講座開催の後でも1週間、講義の様子をすべて収録した動画の視聴ができ、グループメッセージで登壇者宛に質問が可能です。

● 協賛企業・ブランド
PentaPROgram < https://pentaprogram.tokyo/ >

#bauya71