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
(Extension DC 2025) Actor境界を越える技術
teamhimeh
1
250
Advance Your Career with Open Source
ivargrimstad
0
500
Goで実践するドメイン駆動開発 AIと歩み始めた新規プロダクト開発の現在地
imkaoru
4
820
Catch Up: Go Style Guide Update
andpad
0
220
チームの境界をブチ抜いていけ
tokai235
0
170
Serena MCPのすすめ
wadakatu
4
990
Web Components で実現する Hotwire とフロントエンドフレームワークの橋渡し / Bridging with Web Components
da1chi
3
2.1k
『毎日の移動』を支えるGoバックエンド内製開発
yutautsugi
2
240
monorepo の Go テストをはやくした〜い!~最小の依存解決への道のり~ / faster-testing-of-monorepos
convto
2
480
株式会社 Sun terras カンパニーデック
sunterras
0
280
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
3
4.9k
登壇は dynamic! な営みである / speech is dynamic
da1chi
0
310
Featured
See All Featured
Rebuilding a faster, lazier Slack
samanthasiow
84
9.2k
A better future with KSS
kneath
239
18k
[RailsConf 2023] Rails as a piece of cake
palkan
57
5.9k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
52
5.6k
10 Git Anti Patterns You Should be Aware of
lemiorhan
PRO
657
61k
The Art of Programming - Codeland 2020
erikaheidi
56
14k
The Cost Of JavaScript in 2023
addyosmani
54
9k
How STYLIGHT went responsive
nonsquared
100
5.8k
The World Runs on Bad Software
bkeepers
PRO
72
11k
Being A Developer After 40
akosma
91
590k
Principles of Awesome APIs and How to Build Them.
keavy
127
17k
jQuery: Nuts, Bolts and Bling
dougneiner
65
7.9k
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 →