Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
How to start gulp
Search
kkeeth
April 09, 2018
Programming
0
150
How to start gulp
kkeeth
April 09, 2018
Tweet
Share
More Decks by kkeeth
See All by kkeeth
Programming to play with p5.js
clown0082
0
40
とある EM の初めての育休からの学び
clown0082
1
4.4k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
190
Visually experience the beauty of mathematics with p5.js
clown0082
1
3.1k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.7k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
630
JavaScript × Mathematics go to Digital Art
clown0082
1
410
In-house study group at YUMEMI
clown0082
0
210
Playing Ionic Logo by p5.js
clown0082
0
300
Other Decks in Programming
See All in Programming
CSC305 Lecture 04
javiergs
PRO
0
270
Leading Effective Engineering Teams in the AI Era
addyosmani
6
440
AI Agent 時代的開發者生存指南
eddie
0
840
iOSエンジニア向けの英語学習アプリを作る!
yukawashouhei
0
190
CSC509 Lecture 04
javiergs
PRO
0
300
CSC509 Lecture 03
javiergs
PRO
0
340
ALL CODE BASE ARE BELONG TO STUDY
uzulla
25
6k
開発生産性を上げるための生成AI活用術
starfish719
3
1.1k
スマホから Youtube Shortsを見られないようにする
lemolatoon
27
32k
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
250
CSC305 Lecture 05
javiergs
PRO
0
210
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
340
Featured
See All Featured
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
Stop Working from a Prison Cell
hatefulcrawdad
271
21k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
GraphQLの誤解/rethinking-graphql
sonatard
73
11k
Dealing with People You Can't Stand - Big Design 2015
cassininazir
367
27k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Thoughts on Productivity
jonyablonski
70
4.9k
Making Projects Easy
brettharned
120
6.4k
GitHub's CSS Performance
jonrohan
1032
470k
YesSQL, Process and Tooling at Scale
rocio
173
14k
Building Adaptive Systems
keathley
44
2.8k
Mobile First: as difficult as doing things right
swwweet
224
10k
Transcript
What is Gulp? How to use Gulp? k-kuwahara @kuwahara_jsri @clown0082
Who I am
Basic Information const my_info = { Name: ‘܂ݪਔ’, Home: ‘ෑ,
ౡ’, Interest: ‘όεέ, কع, ຊञ’, Workplace: ‘Yumemi, Inc.’, Skillset: ‘JS, Node.js, PHP, Ruby’ }
Communities staff translator staff staff
github.com/riot
Recent front-end development environment
Development tools CSS JavaScript
to automate
Automated tools Bundler Task runners
Automated tools Bundler Task runners
What is Gulp?
gulp is a toolkit for automating painful or time-consuming tasks
in your development workflow, so you can stop messing around and build something. Gulp quote: https://gulpjs.com
Task1 Task2 Task3 …
What gulp can do
• compile AltJS, AltCSS • minify and rename JS, CSS
• optimize Images • develop and debug with browsersync …etc Using Tools
How to start Gulp?
1. install “gulp” and plugins 2. setting commands into “package.json”
3. setting each tasks into “gulpfile.js” 4. execute gulp tasks Get started
…?
Let’s start gulp with me !!
Hands on →