Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for...

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for katashin katashin
August 25, 2017
Programming
2
2.5k

Gulp のビルドをもっと効率化するツールを作ってみた / Making a Tool for Optimizing a Build Process of Gulp

DIST.17 「Webデザインの現場のための効率化術」 2017/08/25

Avatar for katashin

katashin

August 25, 2017
Tweet

More Decks by katashin

See All by katashin
テストの重要性 / Test is Important
Avatar for katashin ktsn
0
200
console.animate
Avatar for katashin ktsn
2
2.7k
ラムダ計算入門 / Introduction of Lambda Calculus
Avatar for katashin ktsn
0
400
Contextual ThisType and Vue.js
Avatar for katashin ktsn
0
13k
TypeScript で型検査器を作る / Implementing a type checker with TypeScript
Avatar for katashin ktsn
0
22k
大規模静的サイトのためのビルドツール
Avatar for katashin ktsn
0
2.3k
型付きテンプレートがほしい
Avatar for katashin ktsn
1
44k
Toward Type Safety of Vuex
Avatar for katashin ktsn
1
1k
Vue の TypeScript 事情
Avatar for katashin ktsn
1
2.6k

Other Decks in Programming

See All in Programming
QAフローを最適化し、品質水準を満たしながらリリースまでの期間を最短化する #RSGT2026
Avatar for shibayu36 shibayu36
2
4.1k
Automatic Grammar Agreementと Markdown Extended Attributes
について
Avatar for Kishikawa Katsumi kishikawakatsumi
0
180
2026年 エンジニアリング自己学習法
Avatar for yumechi(Motoki Hirao) yumechi
0
120
メルカリのリーダビリティチームが取り組む、AI時代のスケーラブルな品質文化
Avatar for osari.k cloverrose
2
500
.NET Conf 2025 の興味のあるセッ ションを復習した / dotnet conf 2025 quick recap for backend engineer
Avatar for Tomohisa Takaoka tomohisa
0
120
AIエージェントの設計で注意するべきポイント6選
Avatar for Har1101 har1101
7
3.3k
MDN Web Docs に日本語翻訳でコントリビュート
Avatar for uutan1108 ohmori_yusuke
0
610
コントリビューターによるDenoのすゝめ / Deno Recommendations by a Contributor
Avatar for petamoriken / 森建 petamoriken
0
200
HTTPプロトコル正しく理解していますか？ 〜かわいい猫と共に学ぼう。ฅ^•ω•^ฅ ﾆｬ〜
Avatar for ♛Heitor Hirose hekuchan
2
660
Oxlintはいいぞ
Avatar for Yuji Yamaguchi yug1224
5
1.1k
余白を設計しフロントエンド開発を 加速させる
Avatar for karacoro / からころ tsukuha
7
2k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
280

Featured

See All Featured
How to audit for AI Accessibility on your Front & Back End
Avatar for davetheseo davetheseo
0
150
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Bioeconomy Workshop: Dr. Julius Ecuru, Opportunities for a Bioeconomy in West Africa
Avatar for AKADEMIYA2063 akademiya2063
PRO
1
48
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
85
9.4k
Build The Right Thing And Hit Your Dates
Avatar for Maggie C. maggiecrowley
38
3k
Noah Learner - AI + Me: how we built a GSC Bulk Export data pipeline
Avatar for Tech SEO Connect techseoconnect
PRO
0
99
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
How to build a perfect <img>
Avatar for Jono Alderson jonoalderson
1
4.9k
Conquering PDFs: document understanding beyond plain text
Avatar for Ines Montani inesmontani
PRO
4
2.3k
The agentic SEO stack - context over prompts
Avatar for schlessera schlessera
0
600
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
50
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
160

Transcript

  1. Gulp ͷϏϧυΛ΋ͬͱޮ཰Խ͢Δ πʔϧΛ࡞ͬͯΈͨ DIST.17 ʮWebσβΠϯͷݱ৔ͷͨΊͷޮ཰Խज़ʯ 2017/08/25

  2. @ktsn (katashin)

  3. None

  4. Pug Λ HTML ʹ
 ίϯύΠϧ

  5. ։ൃαʔόʔ΋ ΄͍͠

  6. มߋ͞ΕͨΒ
 ϥΠϒϦϩʔυ
 ͍ͨ͠

  7. ن໛͕େ͖͍ͱϏϧυͷ
 Ωϟογϡ΋΄͍͠

  8. ͱͯ΋ͭΒ͍

  9. → Houl

  10. • ։ൃαʔόʔ • ϥΠϒϦϩʔυ • Ωϟογϡ શ෦΍ͬͯ͘ΕΔ

  11. $ houl build $ houl dev $ houl watch

  12. Houl ͷಛ௃ • Gulp ϓϥάΠϯΛͦͷ··࢖͑Δ • ։ൃαʔόʔ͸ιʔεΛಈతʹϏϧυ͢Δ • ϑΝΠϧͷґଘؔ܎΋ղऍ͢Δ Watch

    ػೳ • ϏϧυͷΩϟογϡػೳ (--cache) • ϓϦηοτػೳ

  13. $ npm i -g houl https://github.com/ktsn/houl υΩϡϝϯτ