CSSを効率的に書く！フロントエンドエンジニアのための「Sass」講座 ~基礎から実践まで~
What you'll learn
- Sassの基礎技術を身に付けることができます。
- Sassの開発環境を用意し、Sassを使ったWebサイト制作が行えるようになります。
- CSSを効率的に書くことができ、生産性を向上することができます。
- CSSの品質管理、保守が楽になります。
- モダンなWeb開発を行なっている現場で働くための技術が身につきます。
Course content
- Preview02:56
- Preview05:18
- 05:06SassとSCSS
- 02:18利用する技術・ツール
- 04:59Atomのインストール
- 08:17Node.js、npmのインストール
- 05:52Gulpのインストール
- 09:58はじめてのSass
- 03:46DreamWeaverの設定
- 03:57Preprosのインストール
Requirements
- HTML5、CSS3の基礎知識
- Javascriptの基礎知識
Description
【更新情報】
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の技術を求められているデザイナー、コーダー、エンジニアの方
Instructor
![宮崎 聡史](data:image/svg+xml,%3Csvg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64"%3E%3C/svg%3E){kind=avatar}
- 4.2 Instructor Rating
- 205 Reviews
- 1,459 Students
- 2 Courses
Webフロントエンドエンジニア。
武蔵工業大学（現：東京都市大学）工学部機械工学科を卒業後、精密機械メーカーでサービスエンジニアとして電子通信機器のメンテナンス、サポート業務、Visual Basicによるアプリケーション開発などを行う。
2005年に退社。専門学校でWeb開発を半年間学び、少数精鋭のWeb制作会社に入社。Webサイト、Webアプリケーション、Adobe AIRを使ったデスクトップ・モバイルアプリケーションの開発などを行う。
フロントエンドエンジニア、アプリケーションエンジニアとして働いた後、2017年にフリーランスとして独立。
2019年にフィクセル株式会社にフルスタックエンジニアとしてジョイン。