azu commented 9 years ago

Gulpのアーキテクチャ

どう書ける?


gulp.task('scripts', ['clean'], function() {
  // Minify and copy all JavaScript (except vendor scripts)
  // with sourcemaps all the way down
  return gulp.src(paths.scripts)
    .pipe(sourcemaps.init())
      .pipe(coffee())
      .pipe(uglify())
      .pipe(concat('all.min.js'))
    .pipe(sourcemaps.write())
    .pipe(gulp.dest('build/js'));
});

どういう仕組み?

Node.js Streamをベースとしたpipeで繋いだ仕組み
I/FがStreamであれば良い
どういう事に向いてる?
一時ファイルが不要なのでストリームで処理出来る
Gruntの宣言的ではなくJavaScriptコードでタスクを書ける
この仕組みを使ってるもの
sighjs/sigh
Streamを使ってるもの
Browserifyも一部

チェックリスト

[x] どう書ける?
[x] どういう仕組み?
[x] どういう用途に向いている?
[x] どういう用途に向いていない?
[x] この仕組みを使っているもの
[x] ~~実装してみよう実装してもgulpになる~~
[x] エコシステム
[x] まとめ

azu commented 9 years ago

参考文献

gulp/docs/writing-a-plugin at master · gulpjs/gulp

主にStreamのObject Modeを扱う
Object Modeを使うことでvinyl File objectsをstreamで流せる
vinyl File objectsにはbufferとstreamモードがある
それぞれのプラグインはそれぞれの方法についての変更を実装する
対応しない場合はerrorをemitしろという話

azu commented 9 years ago

NodeのStreamが素で書くのが難しい問題があって進めにくい。 rvagg/through2みたいなラッパーがないと話がしにくいのが何かひっかかる

azu commented 9 years ago

基本は Class: stream.Transform かReadを扱う感じの内容にしたい。細かいStreamについてはイチイチ触れると大変。

RxとかのリアクティブなStreamと類似点はあり異なる点もある。
データを流して扱うこと
あるインターフェースに統一されているという事が一番大事
そのインターフェースの実装をpipeするというのが本質。

azu commented 9 years ago

[ ] 何を題材にするかを考える
https://github.com/gulpjs/gulp/blob/master/docs/writing-a-plugin/guidelines.md#what-does-a-good-plugin-look-like

azu commented 9 years ago

あるインターフェースに統一されているという事が一番大事

これは他のAPIのプラグインと同じなので、このインターフェースがネイティブに近い(NodeだとSteramはコアの概念)ものである事がこのパターンの良さでもある気がする。

azu commented 9 years ago

ConnectのreqとresはStreamなので実はこのパターンであったとも言える。そうするとこのgulpは何がメインとするテーマになるべきなんだろうか?

azu commented 9 years ago

gulpのstreamについてまとまってるプログラマのためのGulp入門 // Speaker Deck

azu commented 9 years ago

origin: Gulp by Eric Schoffstall

azu commented 9 years ago

gulpのプラグインアーキテクチャって

プラグインは一つのタスクをするべき
設定じゃなくてコードなので、何でもプラグインにしなくて良い
gulp.task自体はStream、Promise、Callbackが扱える
gulpの処理内容自体はstreamに載ったもの

という感じで明確なアーキテクチャが存在しているかというとまた難しい気がする。こういうデザインだよって精神的な話になりやすい気がする

azu commented 9 years ago

gulpのプラグインアーキテクチャとは何か

処理対象をvinylで包んだものを既存の処理へ渡した結果をpipeしていくもの

azu commented 9 years ago

プラグインはプラグインのタスクに集中できる。それ以外のことはStreamとVinylが吸収する。というのが大きな方向に思える

azu commented 9 years ago

https://medium.com/@contrahacks/gulp-3828e8126466

azu commented 9 years ago

Node.js v4じゃないと動かないことがどっかに明記されてるとよさそう

azu commented 9 years ago

ひとまず書けた https://azu.gitbooks.io/javascript-plugin-architecture/content/ja/gulp/index.html

azu / JavaScript-Plugin-Architecture

gulp #16

Gulpのアーキテクチャ

どう書ける?

どういう仕組み?

どういう事に向いてる?

この仕組みを使ってるもの

チェックリスト