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
450
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
600
すごい合同勉強会2014 in 広島 懇親会LT
torokun
0
420
LT駆動開発08 - 無限のディスク領域を手に入れよう(妄想編)
torokun
0
85
やめよう「なるはや」
torokun
1
170
DevLOVE広島 第1回 その改善いつするの?
torokun
0
690
LT駆動開発04 5分では分からないTypeScriptのなんとか
torokun
0
840
LT駆動開発 03 写真を趣味にしてから学んだこと
torokun
0
560
LT駆動開発 02 一発ネタ
torokun
0
890
Other Decks in Technology
See All in Technology
Java EE/Jakarta EEの現状と将来―クラウドネイティブ時代にJava EEは対応できるのか?―
takakiyo
1
160
レガシーをぶっ壊せ。AEONで始めるDevRelの話 / Qiita Night 2024-2-22
aeonpeople
3
1.3k
現代CSSフレームワークの内部実装とその仕組み
poteboy
7
3.6k
MLOpsの「壁」を乗り越える、LINEヤフーの Data Quality as Code
lycorptech_jp
PRO
5
530
LangSmith入門―トレース/評価/プロンプト管理などを担うLLMアプリ開発プラットフォーム
os1ma
3
270
Gitlab本から学んだこと - そーだいなるプレイバック / gitlab-book
soudai
4
430
生産性向上チームの紹介
cybozuinsideout
PRO
1
870
ChatworkのSRE部って実は 半分くらいPlatform Engineering部かもしれない
saramune
0
160
エンジニアのキャリアをちょっと楽しくする3本の軸/Three Pillars to Make an Engineer's Career More Enjoyable
kwappa
0
2.7k
非同期推論システムによるコスト削減と信頼性向上
koki_nishihara
0
260
Reducing Cross-Zone Egress at Spotify with Custom gRPC Load Balancing Recap
koh_naga
0
210
Tellus の衛星データを見てみよう #mf_fukuoka
kongmingstrap
0
200
Featured
See All Featured
ParisWeb 2013: Learning to Love: Crash Course in Emotional UX Design
dotmariusz
104
6.6k
RailsConf 2023
tenderlove
4
540
Creatively Recalculating Your Daily Design Routine
revolveconf
210
11k
Design by the Numbers
sachag
274
18k
Testing 201, or: Great Expectations
jmmastey
28
6.4k
Building Applications with DynamoDB
mza
88
5.6k
Docker and Python
trallard
34
2.7k
GraphQLとの向き合い方2022年版
quramy
32
12k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
eileencodes
2
1.3k
Code Reviewing Like a Champion
maltzj
514
39k
Why You Should Never Use an ORM
jnunemaker
PRO
51
8.6k
Clear Off the Table
cherdarchuk
84
310k
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
以上、 ありがとうございました。