gulp-support

Webデザイナーの仕事を楽にする! gulpではじめるWeb制作ワークフロー入門

For Dev

1.リポジトリをクローンする

git clone  git@github.com:nayucolony/gulp-support.git

2.リポジトリへ移動する

cd gulp-support

3.必要モジュールをインストールする

npm i

4.gulpとwebpackを起動する

npm start

EJSのコンパイルがうまくいかないとき

npm scriptsに次のようなコマンドを設定しています。

npm run lint -s

「EJS-lint」というツールを用いて、どこでエラーが出ているのかを解析できます。 -sはオプションで、エラーログをファイルに書き出さないためのものです。 ターミナルの出力で確認しましょう。

このリポジトリについて

本リポジトリ自体が、書籍で扱うgulp/webpackを用いて作ったウェブサイトという形になっています。

使用している技術

HTML

• EJS

CSS

• Sass
• 命名規則はFLOCSSを��採用

JavaScript

• Prism.js(syntax highlight部分に使用)

このサイトについて

このサイトは「Webデザイナーの仕事を楽にする! gulpではじめるWeb制作ワークフロー入門」（シーアンドアール研究所）のサポートサイトです。
紙幅の都合で本書から省いた情報や、環境の変化による内容の補足、誤りの修正などの情報を掲載します。

このサイトは著者により運営されており、シーアンドアール研究所とは一切関係ありません。

推奨環境

このページはウェブを作る側の皆様に向けて作られたものです。
作る側の皆様なら大方お察しいただけるかと思いますが、弊環境におきましてWindows周りの検証は困難です。
そのため、このウェブサイトはIEおよびEdgeでの検証を一切行なっておりません。MacのChrome一択です。

また、このサイトを閲覧する背景としては、書籍の内容を進めていく上での補助としての役割があるでしょう。
そのため、PCは常に起動している場合が大半だという前提でお使いいただくことを想定しています。
つまり、スマートフォンの画面サイズに向けた調整は一切おこなっておりません。あらかじめご了承ください。

書籍情報

Webデザイナーの仕事を楽にする!gulpではじめるWeb制作ワークフロー入門

発売日	2018/5/29
出版社	C&R研究所
定価	3,420 + 税

amazonで買う

内容紹介

本書では、タスク自動化ツール「gulp」(ガルプ)を使った効率的なWeb制作を実現する方法を丁寧に解説しています。
コマンドラインの基本から環境の構築、実践的なテクニックと順を追って学べる内容です。
とにかく忙しい/もっと楽をしたいというWeb制作者にお勧めの1冊です。

コンテンツ

• CHAPTER 01　gulpの概要
• CHAPTER 02　コマンドラインの使い方を覚えよう
• CHAPTER 03　開発環境を構築しよう
• CHAPTER 04　はじめてのgulp
• CHAPTER 05　実践gulp
• CHAPTER 06　webpackを利用しよう
• CHAPTER 07　開発を便利にするツール