Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Avatar for katashin katashin
August 25, 2017
Programming
2.6k
2

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

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

Avatar for katashin

katashin

August 25, 2017

More Decks by katashin

See All by katashin
テストの重要性 / Test is Important
Avatar for katashin ktsn
0
220
console.animate
Avatar for katashin ktsn
2
2.8k
ラムダ計算入門 / Introduction of Lambda Calculus
Avatar for katashin ktsn
0
480
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
1.1k
Vue の TypeScript 事情
Avatar for katashin ktsn
1
2.6k

Other Decks in Programming

See All in Programming
[GoCon2026] When Goroutines Are Not Enough: Runtime Locality in High-Throughput Go
Avatar for Takeru Hayasaka takehaya
6
1.7k
PHPプロジェクトの結合バランスを可視化する #php_night
Avatar for Takuma Kajikawa kajitack
0
230
巨大モノリシックアプリ モダン化大作戦
Avatar for Ryomm ktcryomm
0
450
GKE アップグレード前に知っておきたい Blue/Green と PDB の関係
Avatar for Sota Takaki stkk
0
160
App Storeの外へ──日本のiOSサイドローディング入門 for iOSDC Japan 2026
Avatar for 野瀬田　裕樹 yuukiw00w
0
150
市販E-Readerを乗っ取れ 〜Embedded Swiftで電子ペーパーガジェットを制御する〜
Avatar for Trickart trickart
0
160
WebMCP Challenge に星空観察アプリで参加した話
Avatar for dario okazaki okajun35
0
120
AWS Step Functions 大規模並列の壁を越える / jaws-sonic-2026-niigata-step-functions
Avatar for kasacchiful kasacchiful
PRO
1
430
[DroidKaigi 2026] Bring your own phones to Gradle Managed Devices
Avatar for Yury f2lk
0
110
XHTMLが残したもの
Avatar for Yosuke Furukawa yosuke_furukawa
PRO
2
640
変化を抱擁するドキュメントの作り方 - ビジネスルール駆動開発がもたらす、コードとの新しい関係
Avatar for ioki ioki
2
130
新卒PdEのリアル
Avatar for ryu ryu1013
1
480

Featured

See All Featured
Rails Girls Zürich Keynote
Avatar for Gregor Martynus gr2m
96
14k
Highjacked: Video Game Concept Design
Avatar for Ryan Kendrick rkendrick25
PRO
1
450
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
800
The Power of CSS Pseudo Elements
Avatar for Geoffrey Crofte geoffreycrofte
82
6.6k
A designer walks into a library…
Avatar for Paul Jervis Heath pauljervisheath
211
25k
A Guide to Academic Writing Using Generative AI - A Workshop
Avatar for Kenji Saito ks91
PRO
1
440
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
210
The Language of Interfaces
Avatar for Des Traynor destraynor
162
27k
Pawsitive SEO: Lessons from My Dog (and Many Mistakes) on Thriving as a Consultant in the Age of AI
Avatar for David Carrasco davidcarrasco
0
240
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
470
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
225
10k

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