Hnoss

Hnoss

今さらながら題名間違いに気がづいて、大量修正を加えたところ。
カレンダー

文書タグ

フノス(訳者)(142) IT(114) 解説記事(69) オープンソース(49) メディア(31) Linux(30) ウェブ制作(23) GitLab CI(21) DTM(19) HTML5(19) Libre Music(18) おすすめ オープンソース・ソフトウェア(17) 百科事典(14) プラグイン(13) 文化(12) コンテナ(12) ソフトウェア(11) 録音(11) ミキシング(11) MIDI(10) 西アジア/中東(10) グルジア(9) 東ヨーロッパ(9) 料理(9) ジョージア(9) セキュリティ(8) シーケンス(8) 芸能(8) 音楽編集(8) 音楽(7) マスタリング(7) 経済(6) WordPress(5) アプリ(5) 業務効率化(5) JACK(5) コマンド(5) Google(4) 映像制作(4) Android(4) 音楽プレーヤー(4) マイクロサービス(4) 北米(3) アニメ(3) ホームオートメーション(3) アニメーション(3) IoT(3) Ardour(3) 社会(3) Windows(3) Java(3) ワークフロー(3) ソーシャルメディア(3) GNU(3) DAW(3) 欧州(3) Ubuntu(3) Python(3) 牛(2) ニュース(2) GNOME3(2) 歴史(2) 仮想通貨(2) マーケティング(2) PlayStation(2) 古代エジプト(2) 有角神(2) ERPシステム(2) 電子ブック(2) エジプト(2) ALSA(2) OS X(2) トヨタ(2) Krita(2) 電子書籍(2) ERP(2) バト(2) ウィッカ(2) Twitter(2) GPL(2) オカルト(2) ロスレス音源(2) スマホ(2) 魔女宗(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) キリスト教(1) レビ記(1) アマナイ(1) 広告(1) KXStudio(1) 絵文字(1) サンフランシスコ(1) イケンガ(1) リクルート(1) ユダヤ教(1) ウルガタ聖書(1) 科学技術(1) Blender(1) 出エジプト記(1) 観光案内(1) ツイッター(1) Youtube(1) パキスタン(1) CC(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) リグ・ヴェーダ(1) F-Droid(1) 教育(1) bi-modal IT(1) ムネヴィス(1) ネオペイガニズム(1) コミュニティ放送(1) アンビソニック(1) Papagayo(1) 写真(1) 元ネタ(1) ケルヌンノス(1) ナイジェリア(1) iOS(1) 聖書(1) 任天堂 DS(1) 学校(1) 日本(1)
リファレンス

first-time visitors
user guide
謝辞

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

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

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

バナー

logo

ポスター

poster

フライヤー

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

Valid XHTML 1.0 Transitional

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
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
クリエイティブ・コモンズ・ライセンス外部リンク
新着文書(Hnoss)

Hugo Static Site Generator with CI Deployment using GitLab | Leow Kah Man - Tech Blog
 週末にかけて、GitHubに構えていた私のブログをGitLabに移転しました。GitLabだとCIビルドが自動的にできるところが便利です。  僕はGitLabのレポ...
Using Docker images
GitLab Documentation > GitLab Continuous Integration (GitLab CI) > Docker integration >Dockerイメージを使う  GitLab CIは、Gi...
Configuration of your jobs with .gitlab-ci.yml
 (訳者より:翻訳がもうだいぶ進んだところで、GitLab CIについてネットで検索をかけてみたところ、 Qiitaにてynott様が公開されたバージョン ...
GitLab CI/CD Variables
GitLab Documentation > GitLab Continuous Integration (GitLab CI) >GitLab CI/CDで使えるAPI変数  GitLab ランナーは、CIから送られてきたj...

新着文書

Revisit to resist: Histories of the movement to end gender-based violence
抵抗のための再検討:ジェンダーに基づく暴力を終わらせるための活動の歴史 2017年11月8日 記憶は抵抗である。あなたの話が沈黙させられ挑まれたな...
What do women’s rights have to do with the SDGs and the internet?
女性の権利はSDGsとインターネットにどのような関係があるか? 2017年8月2日、スリランカ 女性は均質な集団ではなく、科学技術へのアクセスもまた、...
Sexual rights and the internet: Third EROTICS global survey now launched!
性的権利とインターネット:第3回EROTICS国際調査、現在開始! 2017年7月19日 EROTICS国際調査が戻ってきた! もしあなたが、インターネットを自ら...

新着Wikipedia翻訳

Air gap (networking)
エアギャップ(ネットワーク関係) エアギャップ(air gap:空隙)またはair wall(空気壁)、エア・ギャッピング[1]とは、ネットワーク・セキュリ...
HTTP Public Key Pinning
HTTP公開鍵ピニング HTTP公開鍵ピニング(HPKP: HTTP Public Key Pinning)[1]とは、HTTPヘッダによって実現されるセキュリティの仕組みであり、HT...
Double Ratchet Algorithm
ダブル・ラチェット・アルゴリズム 「ダブル・ラチェット」はこの項目へ転送されています。工具については レンチ を参照下さい。 暗号技術におい...

更新履歴

※文書量によっては処理に数十秒かかる場合があります
バージョン 比較対象 更新日時 更新者
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 ※文書を「公開」にした場合、一般に公開されます。

言語選択

 →