Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
LT駆動開発 01 gulp入門にもならない何か
Search
Kazuya Matsubara
March 01, 2014
Technology
2
500
LT駆動開発 01 gulp入門にもならない何か
LT駆動開発 #01で発表したLT資料です。
発表時の序盤の出落ちネタは公開するのに問題あるため、削除しております。
Kazuya Matsubara
March 01, 2014
Tweet
Share
More Decks by Kazuya Matsubara
See All by Kazuya Matsubara
LT駆動開発09 - Creative Commonsについてゆる〜く調べてみた
torokun
1
690
すごい合同勉強会2014 in 広島 懇親会LT
torokun
0
440
LT駆動開発08 - 無限のディスク領域を手に入れよう(妄想編)
torokun
0
91
やめよう「なるはや」
torokun
1
170
DevLOVE広島 第1回 その改善いつするの?
torokun
0
770
LT駆動開発04 5分では分からないTypeScriptのなんとか
torokun
0
950
LT駆動開発 03 写真を趣味にしてから学んだこと
torokun
0
620
LT駆動開発 02 一発ネタ
torokun
0
960
Other Decks in Technology
See All in Technology
AIで変わるテスト自動化:最新ツールの多様なアプローチ/ 20240910 Takahiro Kaneyama
shift_evolve
0
230
フルカイテン株式会社 採用資料
fullkaiten
0
32k
GC24 Recap: Interface Internals
task4233
0
130
プロダクトエンジニアを支えるための開発生産性向上施策
tsukakei
0
140
The XZ Backdoor Story
fr0gger
0
3.6k
あなたの知らないiOS開発の世界
recruitengineers
PRO
3
180
App Router を実プロダクトで採用して見えてきた勘所をちょっとだけ紹介
marokanatani
1
930
OR学会2024秋_短期収益と将来のオフ方策評価性能を考慮したクーポン割当方策混合比の決定
recruitengineers
PRO
4
460
不動産売買取引におけるAIの可能性とプロダクトでのAI活用
zabio3
0
270
アプリをリリースできる状態に保ったまま 段階的にリファクタリングするための 戦略と戦術 / Strategies and tactics for incremental refactoring
yanzm
6
1.4k
ネットワークだけ隔離されたコンテナ作成デモ / Kichijoji.pm36
tenforward
1
230
プログラム検証入門
riru
6
870
Featured
See All Featured
BBQ
matthewcrist
83
9.2k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
225
22k
How To Stay Up To Date on Web Technology
chriscoyier
786
250k
Optimising Largest Contentful Paint
csswizardry
30
2.8k
Code Review Best Practice
trishagee
62
16k
Happy Clients
brianwarren
96
6.6k
Writing Fast Ruby
sferik
623
60k
Web Components: a chance to create the future
zenorocha
308
42k
Keith and Marios Guide to Fast Websites
keithpitt
408
22k
How GitHub Uses GitHub to Build GitHub
holman
472
290k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
sstephenson
157
15k
JavaScript: Past, Present, and Future - NDC Porto 2020
reverentgeek
45
4.8k
Transcript
gulp入門にもならない何か LT駆動開発01 LT です Mar, 1st 2014 松原和也
自己紹介 beatmania IIDX DanceDanceRevolu>on REFLEC BEAT jubeat
DanceEvolu>on などをほどほどに • 松原和也 • TwiFer : @Toro_kun • 趣味 – 音ゲー
さて
gulpとは • Node.jsで動くビルドシス テム • 「ガルプ」と読む(当社調べ) • 「ごくごく飲む」という意味
node.js …
アンケート
node.js
node.js 聞いたことある人!
node.js 聞いたことある人! 知ってる人!
node.js 聞いたことある人! 知ってる人! 使ったことある人!
node.jsとは hFp://nodejs.jp/index.html
Googleが開発するオープンソース のJIT Virtual Machine型の JavaScript実行エンジン V8を搭載
JavaScriptが動くのは何もブラウザ だけではないのです。
サーバサイドのサーバプログラム として動かせるのです
JavaScriptには Threadという概念がないのです。 その代わりコールバックという概念 があるのです。
JavaScriptを用いた Non-‐blocking I/O環境 「イベントループ」に強い
さて、話を戻して
gulpとは • Node.jsで動くビルドシス テム • 「ガルプ」と読む(当社調べ) • 「ごくごく飲む」という意味
gulp -‐ビルドシステム-‐ • The streaming build system • Makefileみたいなもの
ビルドシステムとは
ここにファイルがあるじゃろ? ( ^ω^) ⊃[ファ][イル]⊂
これを ( ^ω^) ⊃)[フ][イ](⊂
こうして ( ^ω^) ≡⊃⊂≡
こうじゃ… ( ^ω^) ⊃『リリースモジュール』⊂
The streaming build system
流れるようにビルド できる
流れるように???
Shellのパイプのように 処理の出力を 次の処理の入力と することができる
一例
LESSファイルをコンパイルしてCSSファイ ルにする場合 gulp.task(‘less’, func>on() {
gulp.src(‘public/less/**/*.less’) .pipe(less()) .pipe(gulp.dest(‘public/ stylesheets’)); });
LESSファイルをコンパイルしてCSSファイルにする場合 // lessファイルを読み込む gulp.src(‘public/less/**/*.less’)
// 読み込んだファイルをCSSにコンパイル .pipe(less()) // ディレクトリに出力 .pipe(gulp.dest(‘public/stylesheets’));
gulpの使い方の説明やイ ンストール方法は こちらが参考になります hFp://goo.gl/w7Z7YB hFp://goo.gl/2cWYrP
以上、 ありがとうございました。