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

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
990
Vue の TypeScript 事情
Avatar for katashin ktsn
1
2.6k

Other Decks in Programming

See All in Programming
他言語経験者が Golangci-lint を最初のコーディングメンターにした話 / How Golangci-lint Became My First Coding Mentor: A Story from a Polyglot Programmer
Avatar for uMa uma31
0
340
iOSでSVG画像を扱う
Avatar for Kishikawa Katsumi kishikawakatsumi
0
160
Cursorハンズオン実践！
Avatar for Ikko Eltociear Ashimine eltociear
2
1.2k
The Past, Present, and Future of Enterprise Java
Avatar for ivargrimstad ivargrimstad
0
430
AI Agent 時代的開發者生存指南
Avatar for 高見龍 eddie
4
2.1k
スマホから Youtube Shortsを見られないようにする
Avatar for lemolatoon lemolatoon
27
33k
Vueのバリデーション、結局どれを選べばいい？ ― 自作バリデーションの限界と、脱却までの道のり ― / Which Vue Validation Library Should We Really Use? The Limits of Self-Made Validation and How I Finally Moved On
Avatar for ねぎなす neginasu
2
840
Claude Agent SDK を使ってみよう
Avatar for Hayami Shuhei hyshu
0
1.4k
When Dependencies Fail: Building Antifragile Applications in a Fragile World
Avatar for Selçuk Usta selcukusta
0
110
チームの境界をブチ抜いていけ
Avatar for tokai235 tokai235
0
210
AkarengaLT vol.38
Avatar for hashimoto-kei hashimoto_kei
1
120
その面倒な作業、「Dart」にやらせませんか？ Flutter開発者のための業務効率化
Avatar for YomEngine yordgenome03
1
140

Featured

See All Featured
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
115
20k
The Psychology of Web Performance [Beyond Tellerrand 2023]
Avatar for Tammy Everts tammyeverts
49
3.1k
A better future with KSS
Avatar for Kyle Neath kneath
239
18k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
5.8k
Docker and Python
Avatar for Tania Allard trallard
46
3.6k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
9
930
The MySQL Ecosystem @ GitHub 2015
Avatar for Sam Lambert samlambert
251
13k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
Designing Dashboards & Data Visualisations in Web Apps
Avatar for Des Traynor destraynor
231
53k
Documentation Writing (for coders)
Avatar for Carmen Chung carmenintech
75
5.1k

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