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
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for...
Search
katashin
August 25, 2017
Programming
2
2.4k
Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp
DIST.17 「Webデザインの現場のための効率化術」 2017/08/25
katashin
August 25, 2017
Tweet
Share
More Decks by katashin
See All by katashin
テストの重要性 / Test is Important
ktsn
0
200
console.animate
ktsn
2
2.7k
ラムダ計算入門 / Introduction of Lambda Calculus
ktsn
0
370
Contextual ThisType and Vue.js
ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
ktsn
0
22k
大規模静的サイトのためのビルドツール
ktsn
0
2.3k
型付きテンプレートがほしい
ktsn
1
44k
Toward Type Safety of Vuex
ktsn
1
980
Vue の TypeScript 事情
ktsn
1
2.6k
Other Decks in Programming
See All in Programming
詳しくない分野でのVibe Codingで困ったことと学び/vibe-coding-in-unfamiliar-area
shibayu36
2
1.7k
PostgreSQLで手軽にDuckDBを使う!DuckDB&pg_duckdb入門/osk2025-duckdb
takahashiikki
1
230
10年もののAPIサーバーにおけるCI/CDの改善の奮闘
mbook
0
670
2分台で1500examples完走!爆速CIを支える環境構築術 - Kaigi on Rails 2025
falcon8823
3
2.7k
CSC509 Lecture 01
javiergs
PRO
1
430
プログラミングどうやる? ~テスト駆動開発から学ぶ達人の型~
a_okui
0
190
Back to the Future: Let me tell you about the ACP protocol
terhechte
0
120
Pythonスレッドとは結局何なのか? CPython実装から見るNoGIL時代の変化
curekoshimizu
4
1.2k
そのpreloadは必要?見過ごされたpreloadが技術的負債として爆発した日
mugitti9
2
2.8k
フロントエンド開発に役立つクライアントプログラム共通のノウハウ / Universal client-side programming best practices for frontend development
nrslib
7
3.8k
パフォーマンスチューニングで Web 技術を深掘り直す
progfay
18
4.8k
プログラマのための作曲入門
cheebow
0
510
Featured
See All Featured
GraphQLとの向き合い方2022年版
quramy
49
14k
What’s in a name? Adding method to the madness
productmarketing
PRO
23
3.7k
Practical Orchestrator
shlominoach
190
11k
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
GitHub's CSS Performance
jonrohan
1032
460k
Let's Do A Bunch of Simple Stuff to Make Websites Faster
chriscoyier
507
140k
Testing 201, or: Great Expectations
jmmastey
45
7.7k
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
How to train your dragon (web standard)
notwaldorf
96
6.3k
Building Flexible Design Systems
yeseniaperezcruz
329
39k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
127
53k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
140
34k
Transcript
Gulp ͷϏϧυΛͬͱޮԽ͢Δ πʔϧΛ࡞ͬͯΈͨ DIST.17 ʮWebσβΠϯͷݱͷͨΊͷޮԽज़ʯ 2017/08/25
@ktsn (katashin)
None
Pug Λ HTML ʹ ίϯύΠϧ
։ൃαʔόʔ ΄͍͠
มߋ͞ΕͨΒ ϥΠϒϦϩʔυ ͍ͨ͠
ن͕େ͖͍ͱϏϧυͷ Ωϟογϡ΄͍͠
ͱͯͭΒ͍
→ Houl
• ։ൃαʔόʔ • ϥΠϒϦϩʔυ • Ωϟογϡ શ෦ͬͯ͘ΕΔ
$ houl build $ houl dev $ houl watch
Houl ͷಛ • Gulp ϓϥάΠϯΛͦͷ··͑Δ • ։ൃαʔόʔιʔεΛಈతʹϏϧυ͢Δ • ϑΝΠϧͷґଘؔղऍ͢Δ Watch
ػೳ • ϏϧυͷΩϟογϡػೳ (--cache) • ϓϦηοτػೳ
$ npm i -g houl https://github.com/ktsn/houl υΩϡϝϯτ