Requirements
- JavaScript、HTML、CSSについて入門レベルのコースを修了していること。
Description
プログラムの開発を行う上で、一番最初のハードルとなるのが開発環境の設定です。
このコースではフロントエンドのGulp環境設定方法についてご説明します。
Gulpは一般的に比較的規模の小さなプロジェクト(Webサイトなど)のビルドを行う際に使用します。
Gulpを使うと、
- SassファイルをCSSファイルに自動でプリコンパイルできます。(node-sass連携)
- JavaScriptの文法チェックを自動化できます。(ESLint連携)
- JavaScriptのES6+からES5へのトランスパイルが自動化できます。(Babel連携)
- 画像のリサイズや圧縮を自動化できます。(GraphicsMagick連携)
- JavaScriptファイル、CSSファイルのminifyを自動で行うことができます。
是非、Gulpを学んで開発の効率化を行って見てください。
– このコースで出てくるツール
Gulp4|Babel7|Eslint|Sass|GraphicsMagick
– このコースで扱う言語
JavaScript(メイン)|HTML|CSS
※このコースは完全な初心者の方には難しいです。他の方が出している入門編レベルの講座を受けてからこのコースにトライしてみてください。
Who this course is for:
- WebサイトなどでSassをお使いの方。
- Webサイトリリース時のタスクを自動化したい方。
- Web開発入門レベルのコースを終えて、自分でWebサイトを作ってみようと思っている方。
- めんどくさい作業を自動化したい方。