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.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
AIと一緒にレガシーに向き合ってみた
Avatar for nyafunta9858 nyafunta9858
0
170
今から始めるClaude Code超入門
Avatar for 448jp | OKI Yoshiya 448jp
7
8.5k
KIKI_MBSD Cybersecurity Challenges 2025
Avatar for ikema ikema
0
1.3k
Data-Centric Kaggle
Avatar for ねぼすけAI isax1015
2
760
AIによる高速開発をどう制御するか？ ガードレール設置で開発速度と品質を両立させたチームの事例
Avatar for tonkotsuboy_com tonkotsuboy_com
7
2k
フルサイクルエンジニアリングをAI Agentで全自動化したい 〜構想と現在地〜
Avatar for Kaito Minatoya kamina_zzz
0
400
AIエージェント、”どう作るか”で差は出るか？ / AI Agents: Does the "How" Make a Difference?
Avatar for r-kagaya rkaga
4
2k
Oxlint JS plugins
Avatar for kazupon kazupon
1
800
Amazon Bedrockを活用したRAGの品質管理パイプライン構築
Avatar for とすり tosuri13
4
250
CSC307 Lecture 08
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
670
Unicodeどうしてる？ PHPから見たUnicode対応と他言語での対応についてのお伺い
Avatar for てきめん tekimen youkidearitai
PRO
1
1.1k
CSC307 Lecture 01
Avatar for Javier Gonzalez-Sanchez javiergs
PRO
0
690

Featured

See All Featured
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2.2k
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
0
140
Getting science done with accelerated Python computing platforms
Avatar for Jacob Tomlinson jacobtomlinson
2
110
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1032
470k
SEO Brein meetup: CTRL+C is not how to scale international SEO
Avatar for Linda Hogenes lindahogenes
0
2.3k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
55k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
91
590k
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
810
The Limits of Empathy - UXLibs8
Avatar for Cassini Nazir cassininazir
1
210
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
Avatar for Stéphanie Walter stephaniewalter
287
14k
Dealing with People You Can't Stand - Big Design 2015
Avatar for Cassini Nazir cassininazir
367
27k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k

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