Hnoss

Hnoss

記事数がいつの間にか100になっていました。
カレンダー

文書タグ

フノス(訳者)(110) IT(82) オープンソース(48) 解説記事(38) Linux(29) DTM(19) HTML5(19) Libre Music(18) メディア(16) おすすめ オープンソース・ソフトウェア(16) 百科事典(14) プラグイン(13) 文化(12) ミキシング(11) コンテナ(11) ソフトウェア(11) 録音(11) MIDI(10) 西アジア/中東(10) 料理(9) ジョージア(9) グルジア(9) 東ヨーロッパ(9) シーケンス(8) 芸能(8) 音楽編集(8) マスタリング(7) ウェブ制作(7) 音楽(7) 経済(6) JACK(5) セキュリティ(5) 映像制作(4) 業務効率化(4) 音楽プレーヤー(4) コマンド(4) マイクロサービス(4) WordPress(3) Android(3) ソーシャルメディア(3) アプリ(3) GNU(3) DAW(3) 欧州(3) Ubuntu(3) 北米(3) アニメ(3) ホームオートメーション(3) アニメーション(3) IoT(3) Google(3) Ardour(3) 社会(3) Windows(3) 有角神(2) Java(2) ERPシステム(2) ワークフロー(2) エジプト(2) ALSA(2) OS X(2) トヨタ(2) Krita(2) ERP(2) バト(2) ウィッカ(2) Twitter(2) GPL(2) オカルト(2) ロスレス音源(2) Python(2) スマホ(2) 牛(2) ニュース(2) GNOME3(2) 歴史(2) 仮想通貨(2) マーケティング(2) PlayStation(2) 古代エジプト(2) キリスト教(1) レビ記(1) アマナイ(1) 広告(1) KXStudio(1) 絵文字(1) サンフランシスコ(1) イケンガ(1) リクルート(1) ユダヤ教(1) ウルガタ聖書(1) 科学技術(1) Blender(1) 電子ブック(1) 出エジプト記(1) 観光案内(1) ツイッター(1) Youtube(1) パキスタン(1) CC(1) ハトホル(1) パン(1) 地方(1) 電子書籍(1) 羊神(1) ギリシャ(1) 高速道路情報無線(1) ゲーム(1) 法律(1) 中南米(1) モヘンジョ=ダロ(1) 悪魔(1) ラジオ(1) OpenToonz(1) 電子教材(1) アレクサンドロス大王(1) ローマ(1) ポッドキャスト(1) パシュパティ(1) アピス(1) 宗教(1) テレビ(1) BountySource(1) 船乗りの柱(1) シリア(1) GPS(1) アフリカ(1) リグ・ヴェーダ(1) F-Droid(1) 教育(1) bi-modal IT(1) ムネヴィス(1) ネオペイガニズム(1) コミュニティ放送(1) アンビソニック(1) Papagayo(1) 写真(1) 元ネタ(1) ケルヌンノス(1) ナイジェリア(1) 聖書(1) 任天堂 DS(1) 学校(1) 日本(1) 魔女宗(1) アクティブSETI(1) バイノーラル(1) アップストリーム・パッケージング(1) 画像(1) 意味(1) コシディウス(1) インド(1) ユーコン(1) サウンドフォント(1) ヤーウェ(1) CD(1) タブレット(1) 羊(1) ベルゼブブ(1) デジタルサイネージ(1) VR(1) ポータブルソフトウェア(1) 由来(1) グンデストルップの大釜(1) カナン(1) カナダ(1) 詩篇(1) チップチューン(1) バ・ネブ・デデト(1) コットン・マザー(1) クラウドキャスティング(1) VST(1) リーナス・トーバルズ(1) エリファス・レヴィ(1) マサチューセッツ(1) 考古学(1) 申命記(1) スタジオジブリ(1) クヌム(1) 魔女裁判(1) オンデマンド(1) 政治(1) バフォメット(1) 国際(1) クリエイティブ・コモンズ(1) 黙示録(1) Synfig(1) 独占(1) アモン(1) セイラム魔女裁判(1) ねじ巻きラジオ(1) 3D(1) EU(1) イボ人(1) 国際公文書館会議(1) マイナビ(1)
リファレンス

first-time visitors
user guide
謝辞

「みんなの翻訳」は情報通信研究機構言語翻訳グループ東京大学図書館情報学研究室による共同プロジェクトであり、三省堂国立情報学研究所連想情報学研究開発センターが開発に協力しています。三省堂には「グランドコンサイス英和辞典(36万項目収録)」の使用を許可していただきました。

連携研究グループはこちらをご覧ください。

「みんなの翻訳」を使っている翻訳グループについてはこちらをご覧ください。

バナー

logo

ポスター

poster

フライヤー

poster poster
Mozilla Firefox ブラウザ無料ダウンロード
本サイトはブラウザ「Mozilla Firefox」推奨です。
Firefox3で動作確認しています。

Valid XHTML 1.0 Transitional

Brunch | HTML5超速ビルドツール

HnossHnoss   PDF
site_image
Brunch - ultra-fast HTML5 build tool
http://brunch.io/
Hnoss Hnoss     最終更新:2017-08-14 23:33:06    PDF


まとめページで見る(みんなの本棚)

ビルドツールでお悩みなら、

Brunchを使ってみてください!

Brunchは、つぎはぎでゴチャゴチャなHTMLを、きれいにまとめる最高のツールです。

 コンフィグを軽量化

 独自のビルドパイプラインで、スムーズで快適なウェブ表示。コンフィグファイルが嘘みたいに小さくなります。

 3つのシンプルなコマンド

 コマンドだって簡単:

  • brunch new  で新規作成
  • brunch build  でビルド
  • brunch watch でコンパイル

 まだまだある便利機能

  • NPM対応
  • 型破りなソース・マップ
  • 最低限のビルドで高速
  • 追加ビルド

  など、ほかにもあるよ



 こちらをご覧ください

 [Gulpで作成したコンフィグ・ファイル]

var app, base, concat, directory, gulp, gutil, hostname, path, refresh, sass, uglify, del, connect, autoprefixer, babel;

var autoPrefixBrowserList = ['last 2 version', 'safari 5', 'ie 8', 'ie 9', 'opera 12.1', 'ios 6', 'android 4'];

gulp = require('gulp');

gutil = require('gulp-util');

concat = require('gulp-concat');

uglify = require('gulp-uglify');

sass = require('gulp-sass');

connect = require('gulp-connect');

del = require('del');

autoprefixer = require('gulp-autoprefixer');

babel = require('gulp-babel');

gulp.task('connect', function() {

connect.server({

root: 'app',

livereload: true

});

});

gulp.task('images-deploy', function() {

gulp.src(['app/images/**/*'])

.pipe(gulp.dest('dist/images'));

});

gulp.task('scripts', function() {

//this is where our dev JS scripts are

return gulp.src('app/scripts/src/**/*.js')

.pipe(babel({ presets: ['es2015', 'react'] })

.pipe(concat('app.js'))

.on('error', gutil.log)

.pipe(uglify())

.pipe(gulp.dest('app/scripts'))

.pipe(connect.reload());

});

gulp.task('scripts-deploy', function() {

return gulp.src('app/scripts/src/**/*.js')

.pipe(concat('app.js'))

.pipe(uglify())

.pipe(gulp.dest('dist/scripts'));

});

gulp.task('styles', function() {

return gulp.src('app/styles/scss/init.scss')

.pipe(sass({

errLogToConsole: true,

includePaths: [

'app/styles/scss/'

]

}))

.pipe(autoprefixer({

browsers: autoPrefixBrowserList,

cascade: true

}))
.on('error', gutil.log)

.pipe(concat('styles.css'))

.pipe(gulp.dest('app/styles'))

.pipe(connect.reload());

});

gulp.task('styles-deploy', function() {

return gulp.src('app/styles/scss/init.scss')

.pipe(sass({

includePaths: [

'app/styles/scss',

]

}))

.pipe(autoprefixer({

browsers: autoPrefixBrowserList,

cascade: true

}))

.pipe(concat('styles.css'))

.pipe(gulp.dest('dist/styles'));

});

gulp.task('html', function() {

return gulp.src('app/*.html')

.pipe(connect.reload())

.on('error', gutil.log);

});

gulp.task('html-deploy', function() {

gulp.src('app/*')

.pipe(gulp.dest('dist'));

gulp.src('app/.*')

.pipe(gulp.dest('dist'));

gulp.src('app/fonts/**/*')

.pipe(gulp.dest('dist/fonts'));

gulp.src(['app/styles/*.css', '!app/styles/styles.css'])

.pipe(gulp.dest('dist/styles'));

});

gulp.task('clean', function() {

del('dist');

});

//this is our master task when you run `gulp` in CLI / Terminal

//this is the main watcher to use when in active development

// this will:

// startup the web server,

// start up livereload

// compress all scripts and SCSS files

gulp.task('default', ['connect', 'scripts', 'styles'], function() {

gulp.watch('app/scripts/src/**', ['scripts']);

gulp.watch('app/styles/scss/**', ['styles']);

gulp.watch('app/*.html', ['html']);

});

gulp.task('deploy', ['clean'], function () {

gulp.start('scripts-deploy', 'styles-deploy', 'html-deploy', 'images-deploy');

});

  [Brunchで作成した普通のコンフィグファイル]

exports.files = {

javascripts: {

joinTo: {

'vendor.js': /^(?!app)/,

'app.js': /^app/

}

},

stylesheets: {joinTo: 'app.css'}

};

exports.plugins = {

babel: {presets: ['latest', 'react']},

postcss: {processors: [require('autoprefixer')]}

};




  [.jsonパッケージ版コンフィグファイル]

{

"devDependencies": {

"brunch": "^2",

"babel-brunch": "^6",

"postcss-brunch": "^2",

"sass-brunch": "^2",

"uglify-js-brunch": "^2",

"autoprefixer": "^6",

"babel-preset-react": "^6",

"babel-preset-latest": "^6"

}

}




実は、この3つのコンフィグファイルは、全部同じページを表しています。

コンフィグファイルの方式からしてダントツに違う。

Brunchについてもっと知りたい方は、こちらのドキュメンタリーをご覧ください。

インストール方法

インストールは、オンラインでnode.jsを手に入れてから、コンソールにて:

npm install -g brunch

と入力してください

[映像]クイック・デモ

[制作者]

Paul Miller
Elan Shanker
Nik GrafNik
Thomas Schranz

このウェブサイトは、制作にGitHubを使っています。

このウェブサイトのコンテンツはCC BY 3.0.のもとライセンスされています。

ロゴの制作者:Michael Hellein

原文:http://brunch.io/
Creative Commons License
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
クリエイティブ・コモンズ・ライセンス外部リンク
更新履歴

※文書量によっては処理に数十秒かかる場合があります
バージョン 比較対象 更新日時 更新者
1(最新) 2017-08-14 23:33:02 Hnoss
2 2017-07-29 14:22:03 Hnoss
3 2017-07-29 14:11:13 Hnoss
4 2017-06-08 15:35:17 Hnoss
5 2017-06-08 15:34:48 Hnoss
6 2017-06-08 15:32:07 Hnoss
7 2017-06-08 15:27:01 Hnoss
8 2017-06-08 15:26:20 Hnoss
9 2017-06-08 15:25:03 Hnoss
10 2017-05-21 21:42:41 Hnoss

    
ブックマーク登録

タグを「;(半角セミコロン)」区切りで入力して下さい(例)tag1;tag2;tag3
10タグまで登録可能。各タグ30文字まで

履歴
状態 作業中 作業予定あり 作業予定なし 作業完了
テーマ 社会 政治 法律 経済 文化 芸能 科学技術 IT 健康/医療 スポーツ メディア 植物 動物 菌類 地方 国際
地域 日本 東アジア アフリカ 南アジア 東南アジア 西アジア/中東 太平洋 北米 中南米 欧州
ジャンル ニュース 解説記事 論文 日記 百科事典

コメントを入力して下さい
0 / 250
    
ブックマーク登録

ブックマークに登録しました。


言語選択

    
ファイルプロパティ

使用許諾条件
ファイル情報
あなただけがこのファイルを閲覧・編集できます。
みんながこのファイルを閲覧できますが、
編集ができるのはあなただけです。
あなたに加えて、指定された人やグループが
このファイルを自由に閲覧・編集できます。
公開設定
編集設定
グループ:0組 翻訳者:0人
    
アクセス属性
この文書は「非公開」設定になっています。
一般公開する場合は、編集ページの書誌情報で「公開」設定に変更して下さい。
翻訳者選択

※メニュー「翻訳者管理」で翻訳者、グループを追加することができます。


    
ノート

非公開ノート
0 / 2000 ※「公開・編集」権限を持つ翻訳者のみに公開されます。
公開ノート
0 / 2000 ※文書を「公開」にした場合、一般に公開されます。

言語選択

 →