$30 off During Our Annual Pro Sale. View Details »

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

Avatar for katashin 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

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
380
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
All(?) About Point Sets
Avatar for hole hole
0
260
S3 VectorsとStrands Agentsを利用したAgentic RAGシステムの構築
Avatar for とすり tosuri13
4
260
ソフトウェア設計の課題・原則・実践技法
Avatar for 増田 亨 masuda220
PRO
24
21k
大体よく分かるscala.collection.immutable.HashMap ~ Compressed Hash-Array Mapped Prefix-tree (CHAMP) ~
Avatar for matsu_chara matsu_chara
1
210
著者と進める！『AIと個人開発したくなったらまずCursorで要件定義だ！』
Avatar for yasuna yasunacoffee
0
110
分散DBって何者なんだ．．． Spannerから学ぶRDBとの違い
Avatar for kensho iwashi623
0
170
AIエンジニアリングのご紹介 / Introduction to AI Engineering
Avatar for r-kagaya rkaga
2
1k
AIコーディングエージェント（NotebookLM）
Avatar for kondai kondai24
0
100
Microservices Platforms: When Team Topologies Meets Microservices Patterns
Avatar for Chris Richardson cer
PRO
1
900
ZOZOにおけるAI活用の現在 ~モバイルアプリ開発でのAI活用状況と事例~
Avatar for ZOZO Developers zozotech
PRO
8
4k
Media Capture and Streams: W3C仕様と現場での知見
Avatar for Ryota Nakamura nowaki28
0
130
connect-python: convenient protobuf RPC for Python
Avatar for Anuraag Agrawal anuraaga
0
350

Featured

See All Featured
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Fashionably flexible responsive web design (full day workshop)
Avatar for Andy Clarke malarkey
407
66k
Easily Structure & Communicate Ideas using Wireframe
Avatar for Afnizar Nur Ghifari afnizarnur
194
17k
A Tale of Four Properties
Avatar for Chris Coyier chriscoyier
162
23k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
210
24k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
65
8.1k
Agile that works and the tools we love
Avatar for Rasmus Luckow-Nielsen rasmusluckow
331
21k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.3k
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
4.1k
Distributed Sagas: A Protocol for Coordinating Microservices
Avatar for Caitie McCaffrey caitiem20
333
22k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
54k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.2k

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 υΩϡϝϯτ