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
とある EM の初めての育休からの学び
clown0082
1
1.6k
The history of Javascript frameworks: changes in front-end design philosophy
clown0082
2
140
Visually experience the beauty of mathematics with p5.js
clown0082
1
2.9k
Rediscover the joy of coding with Creative Coding
clown0082
0
1.5k
全員が意思決定する会社で開発者体験や生産性を見る大変さについて
clown0082
0
580
JavaScript × Mathematics go to Digital Art
clown0082
1
350
In-house study group at YUMEMI
clown0082
0
190
Playing Ionic Logo by p5.js
clown0082
0
250
Skills that employers recommend students to acquire
clown0082
1
280
Other Decks in Programming
See All in Programming
変化の激しい時代における、こだわりのないエンジニアの強さ
satoshi256kbyte
0
100
責務と認知負荷を整える! 抽象レベルを意識した関心の分離
yahiru
8
1.5k
5分で理解する SOLID 原則 #phpcon_nagoya
shogogg
1
410
『テスト書いた方が開発が早いじゃん』を解き明かす #phpcon_nagoya
o0h
PRO
9
2.6k
React 19アップデートのために必要なこと
uhyo
8
1.6k
color-scheme: light dark; を完全に理解する
uhyo
7
500
クリーンアーキテクチャから見る依存の向きの大切さ
shimabox
5
1.1k
読まないコードリーディング術
hisaju
0
120
新宿駅構内を三人称視点で探索してみる
satoshi7190
2
120
Expoによるアプリ開発の現在地とReact Server Componentsが切り開く未来
yukukotani
1
210
Generating OpenAPI schema from serializers throughout the Rails stack - Kyobashi.rb #5
envek
1
420
15分で学ぶDuckDBの可愛い使い方 DuckDBの最近の更新
notrogue
3
830
Featured
See All Featured
Side Projects
sachag
452
42k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
440
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
134
33k
Art, The Web, and Tiny UX
lynnandtonic
298
20k
Unsuck your backbone
ammeep
669
57k
A designer walks into a library…
pauljervisheath
205
24k
Practical Orchestrator
shlominoach
186
10k
Making the Leap to Tech Lead
cromwellryan
133
9.1k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
32
2.2k
The Pragmatic Product Professional
lauravandoore
32
6.4k
Keith and Marios Guide to Fast Websites
keithpitt
411
22k
RailsConf 2023
tenderlove
29
1k
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 →