Udemy
    •  
    •  
    •  
    •  
    •  
    •  
    •  
    •  
Turn what you know into an opportunity and reach millions around the world.
Learn More
Your cart is empty.
Keep shopping
CSSを効率的に書く!フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
Highest Rated
Rating: 4.1 out of 5(465 ratings)
4,058 students
Created by宮﨑 聡史
Last updated 6/2025
Japanese

What you'll learn

  • Sassの基礎技術を身に付けることができます。
  • Sassの開発環境を用意し、Sassを使ったWebサイト制作が行えるようになります。
  • CSSを効率的に書くことができ、生産性を向上することができます。
  • CSSの品質管理、保守が楽になります。
  • モダンなWeb開発を行なっている現場で働くための技術が身につきます。

Course content

11 sections48 lectures4h 9m total length
  • はじめに2:56
  • Sassとは5:18
  • SassとSCSS5:06
  • Visual Studio Codeのインストール8:53

Requirements

  • HTML5、CSS3の基礎知識
  • Javascriptの基礎知識

Description

【更新情報】
・2025/6/17 
 VisualStudioCodeによる開発環境構築のレクチャーを追加しました
 それに伴い、混乱を避けるため、現在ではメジャーでなくなったGulpなどの古い開発環境のレクチャーを削除しました。

・2021/1/17
 Gulp 開発環境関連のレクチャーの動画、および添付資料を最新のバージョンに合わせて更新しました。


SassはCSSを拡張したメタ言語、CSSプリプロセッサであり、コードの再利用、変数、演算、関数、条件分岐などプログラミング要素をCSSに導入し、効率的で柔軟なコーディングを可能にした強力な言語です。

Sassが誕生してから10年余りが経ち、ある調査では開発者の60%以上がSassを使用しているという調査結果があるほど普及が進みました。この傾向は今後Sassを超える画期的な言語が開発されて普及するまで続くでしょう。CSSを生のまま書く現場は減っていき、当たり前のようにSassの技術が求められる時代になっています。

この講座では、CSS3の基本を習得済みの方が、ゼロからSassを学び、実践で使えるレベルまで習得することを目指しています。

プログラミングや黒い画面に苦手意識を持っている方でも大丈夫です。最初から全部の機能を使いこなす必要はありません。手順通りに、覚えた機能から少しずつ実戦投入していけばいいのです。

CSSを初めて覚えた頃を思い出して、楽しんで学んでいきましょう!

Who this course is for:

  • CSSは書けるが、Sassは初めてで興味のある方
  • 実際のサイト制作で使える、実務レベルのSassの技術を身に付けたい方
  • Sassをプロジェクトに導入したいと考えているフロントエンドエンジニアの方
  • 就職、転職の際に有利なスキルとして技術を身につけたい学生、社会人の方
  • 仕事でSassの技術を求められているデザイナー、コーダー、エンジニアの方