gulpで自動化できるWebコーディング作業を先に知っておく
Web制作の現場では、技術の存在を知らないことで非効率な作業を続けてしまうことが少なくない。ただ、新しい技術を習得するのは時間もかかるので、習得コストとメリットを天秤にかけることだろう。 僕が習得して良かったと感じている技術の1つに「gulp.jp（ガルプ）」という自動化ツールがある。 ここでは、Webデザイナー目線でこのgulpの概要とメリットを伝えたい。「そういうことに使えるなら覚えておいた方がいいか」と重い腰をあげてほしい。 gulp.js gulpの概要gulpは、作業の自動化と強化を行うツール。例えば、コードの結合・コードのMinify・スプライト画像の作成・画像の圧縮など、面倒だけどやったほうがいい作業を自動化できる。Node.jsで動くので、事前にNode.jsをMac/PCへインストールしておく必要がある。 使う際には、制作するプロジェクトのディレクトリに npm でgul
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境
Web サイト作るお仕事をしている人向け gulp で作るフロントエンド開発環境 フロントエンドの開発を色々と捗らせてくれる gulp について、ここ最近、私が利用しているパッケージの紹介を中心に、主に Web サイトを制作するお仕事をしている方に向けた、なるべくわかりやすい解説としてまとめてみました。 gulp v4 が正式リリースされたため、本記事で紹介していた gulpfile.js ファイルの記述方法を v4 にあわせて修正しました。詳しくは 「gulp 4.0 が正式リリース、v3 からの移行に伴う gulpfile.js ファイルの修正点」 をご覧ください。 もう 4年くらい前になりますが Web デザイナーさん向けみたいな感じで、所謂 「黒い画面」 にあまり普段から慣れていない方向けの Grunt 導入記事を書いたんですけども、内容的にはもう古いし、Grunt いいよって紹介
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
