CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
登場してから10年余り、制作現場にも導入が進み、Web開発の現場では必須の技術となりつつある「Sass」。Sass（SCSS）を使えば効率的にCSSをコーディングできます。実務レベルで使えるSassを基礎から身につけよう！
Created by 宮崎 聡史
Black Friday Sale
Current price$42.99
Original Price$84.99
Discount49% off
3 days left at this price!
30-Day Money-Back Guarantee
What you'll learn
- Sassの基礎技術を身に付けることができます。
- Sassの開発環境を用意し、Sassを使ったWebサイト制作が行えるようになります。
- CSSを効率的に書くことができ、生産性を向上することができます。
- CSSの品質管理、保守が楽になります。
- モダンなWeb開発を行なっている現場で働くための技術が身につきます。
Curated for the Udemy for Business collection
Course content
11 sections • 58 lectures • 4h 55m total length
- Preview02:56
- Preview05:18
- 05:06SassとSCSS
- 02:18利用する技術・ツール
- 04:59Atomのインストール
- 08:17Node.js、npmのインストール
- 05:52Gulpのインストール
- 07:15はじめてのSass
- 03:46DreamWeaverの設定
- 03:57Preprosのインストール
Requirements
- HTML5、CSS3の基礎知識
- Javascriptの基礎知識
![Booking](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 110 18"%3E%3C/svg%3E){kind=small}
![Lyft](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 30"%3E%3C/svg%3E){kind=small}
![Mercedes](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 24"%3E%3C/svg%3E){kind=small}
![Volkswagon](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32"%3E%3C/svg%3E){kind=small}
![adidas](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 42 28"%3E%3C/svg%3E){kind=small}
Description
SassはCSSを拡張したメタ言語、CSSプリプロセッサであり、コードの再利用、変数、演算、関数、条件分岐などプログラミング要素をCSSに導入し、効率的で柔軟なコーディングを可能にした強力な言語です。
Sassが誕生してから10年余りが経ち、ある調査では開発者の60%以上がSassを使用しているという調査結果があるほど普及が進みました。この傾向は今後Sassを超える画期的な言語が開発されて普及するまで続くでしょう。CSSを生のまま書く現場は減っていき、当たり前のようにSassの技術が求められる時代になっています。
この講座では、CSS3の基本を習得済みの方が、ゼロからSassを学び、実践で使えるレベルまで習得することを目指しています。
プログラミングや黒い画面に苦手意識を持っている方でも大丈夫です。最初から全部の機能を使いこなす必要はありません。手順通りに、覚えた機能から少しずつ実戦投入していけばいいのです。
CSSを初めて覚えた頃を思い出して、楽しんで学んでいきましょう！
Who this course is for:
- CSSは書けるが、Sassは初めてで興味のある方
- 実際のサイト制作で使える、実務レベルのSassの技術を身に付けたい方
- Sassをプロジェクトに導入したいと考えているフロントエンドエンジニアの方
- 就職、転職の際に有利なスキルとして技術を身につけたい学生、社会人の方
- 仕事でSassの技術を求められているデザイナー、コーダー、エンジニアの方
Instructor
Webフロントエンドエンジニア
![宮崎 聡史](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.0 Instructor Rating
- 182 Reviews
- 1,341 Students
- 2 Courses
Webフロントエンドエンジニア。
武蔵工業大学（現：東京都市大学）工学部機械工学科を卒業後、精密機械メーカーでサービスエンジニアとして電子通信機器のメンテナンス、サポート業務、Visual Basicによるアプリケーション開発などを行う。
2005年に退社。専門学校でWeb開発を半年間学び、少数精鋭のWeb制作会社に入社。Webサイト、Webアプリケーション、Adobe AIRを使ったデスクトップ・モバイルアプリケーションの開発などを行う。
フロントエンドエンジニア、アプリケーションエンジニアとして働いた後、2017年にフリーランスとして独立。
2019年にフィクセル株式会社にフルスタックエンジニアとしてジョイン。