Hnoss

Hnoss

GitLabのグループ機能はとんでもないツールだった。
カレンダー

文書タグ

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

first-time visitors
user guide
謝辞

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

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

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

バナー

logo

ポスター

poster

フライヤー

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

Valid XHTML 1.0 Transitional

site_image
Brunch: Using plugins
http://brunch.io/docs/using-plugins
Hnoss Hnoss     最終更新:2017-06-08 16:17:46    PDF


まとめページで見る

 Node.jsは、/linting/を編集し、機能の最適化をはかるためにあります。

 Brunchのプラグインはツールがたくさんあろうと、相互に連携しあってきちんと動きます。詳しくは、plugin APIをご覧ください。

 たとえば、プロジェクトの中のJavaScriptファイルを使っていたとして、そこにさらにJS対応プラグインを入れたとしても大丈夫です。
 スタイル言語にも、テンプレートにも、ファイル圧縮にも、リンターにも同じことが言えます。

プラグインの種類

 Brunchのプラグインは、主に3つのタイプに分類できます。(中には複数のタイプにあてはまるプラグインもあります)

コンパイラ - ソースファイルをブラウザに認識される形式にコンパイルするプラグインです。 例:CoffeeScript ( JS) compiler, Stylus ( CSS) compiler.

リンター - ある種の失敗や、ビルド時点で偏ったコーディングスタイルに固執することを防ぎます。

オプティマイザ - その名の通り、JSやCSSファイルを最適化するプラグインです。例: a JavaScript uglifier(CSSプレフィクサー、ファイル圧縮プラグイン)

 具体的なプラグイン名などは、「プラグイン」のページでご覧になれます。

インストール方法

 プラグインをインストールするには、プラグインを開いて次のコマンドを入力するだけです。

npm install --save-dev プラグイン名 
 たとえば、この「プラグイン名」の部分を「sass-brunch」とすれば、そのプラグインがbrunchアプリのpackage.jsonに追加されます。

 時には、NPMに載っていないプラグインをつかいたいときがあるかもしれません。そのときは、「--save-dev」のうしろにURLを入力してください。ただし、入力できるURLはGitのURLのみです。
 例: --save-dev brunch/sass-brunch

 プラグインを削除するには、package.jsonから任意の項目をデリートするだけです。

 パッケージについてさらに詳しく知りたい方は、 npm docs をご覧ください。

環境設定

 プラグインの使い道はとても幅広いものですが、アプリケーションの種類によっては、その動作を設定する必要が出てきます。
  詳しい設定方法はREADMEのプラグインの項目をご覧いただきたいのですが、ここではその簡単な方法をご紹介します。

 まずは、config.plugins.<plugin>に移動してください。そこで、

module.exports = {
  plugins: {
   babel: {
    presets: ['react']
   }
  }
}


などと入力してください。

 プラグインは特定のpackage.jsonに適用させられます。それから、同じファイル内にあるプロジェクトには、同じプラグインが反映されます。
 これは便利な反面、欠点もあります。
 たとえば、groundskeeper-brunchというプラグインはファイル圧縮の前に使って欲しいプログラムです。そうしないと、圧縮時のコード検出に混乱をきたしてしまい、うまく動作しません。
 このようなミスが他のプロジェクトに反映されてしまう場合があるのです。

プラグインにさらなる機能を追加する

 プラグインに少し手を加えることで、開発がはかどるかもしれません。たとえば、

「スタイルシートからJSを書き出す」などです。

 CSSコンパイラ・プラグインでJSのソースファイルに、スタイルシートの指令を付け足すことができます。

 たとえば、こんな指令を入れると何かと便利です。

.button
 margin: 0


 実際はこういう使い方になるでしょう

._button_xkplk_42 {
  margin: 0;
}


 JSコンポーネントに実クラス名をつけることは、cssファイルにクラス名の情報を付加させることで可能です。

const style = require('./button.styl');
// ...

// style.button will return the obfuscated class name (something like "_button_xkplk_42" perhaps)
<div className={style.button}>...</div>


注:この設定は実際に使えます。一部のスタイルシート・コンパイラは設定オプションとして、CSSモジュールに対応しています。
主な対応プラグイン[stylus-brunch, sass-brunch, css-brunch]

ファイルの編集

 別言語のファイルを翻訳して使う場合に注意して欲しいのが、JS/CSS/templateが正しく訳されない場合があることです。
 その1つが、JadeをHTMLにコンパイルすることでした。しかしこれは、Brunch2.8以降は専用プラグインで可能になりました。

注意

 プログラム言語あるいはその他技術プラグインの導入は最小限にしましょう。余計なプラグインがあると、ビルドに時間がかかる可能性があります。

Brunchの特色

JSモジュールとNPMを使う

GitHubでこのページを編集する

原文:http://brunch.io/docs/using-plugins
Creative Commons License
この作品は、クリエイティブ・コモンズ・ライセンスの下でライセンスされています。
クリエイティブ・コモンズ・ライセンス外部リンク
新着文書(Hnoss)

Signing legal documents
現在の位置: チームハンドブック 目次 >法的文書に署名する  法的文書への署名は、他社・他組織などに直接出向いてNDAsを取り扱った人物を除...
Team Handbook
現在の位置:チームハンドブック 目次  このハンドブックは、GitLabという企業が、どのようにサービスを維持運営していくかを記したものだ。ここに...
GitLab Pages documentation
  新しいドキュメント はこちらです。このドキュメントは旧式です。 GitLab Documentation > User documentation > Projects >GitLab P...
GitLab Pages
GitLab Documentation > User documentation > Projects >GitLab Pages 説明書  GitLab Pagesなら、無料でウェブサイトをホスティングできる...

新着文書

Social leader killed in Cordoba is fourth in same town in 2018
3月11日日曜日、地方評議会リーダーでアフリカ系コロンビア人の子孫であるトマス・バレトが、コルドバ県サン・ホセ・デ・ウレの自宅で殺害された。 2...

新着Wikipedia翻訳

E (programming language)
E(プログラミング言語) AmigaE や e(検証言語) 、 GNU E と混同しないこと。 E -------- パラダイム マルチパラダイム:オブジ...
Van Eck phreaking
Van Eck phreaking(ファン・エック・フリーク) Van Eck phreakingは盗聴の一形態であり、その中では特殊な装置が使用され、電子機器を探るため、隠...
Trusted Computer System Evaluation Criteria
Trusted Computer System Evaluation Criteria(信頼されたコンピュータ・システム評価基準) 【画像のキャプション】オレンジブック 信頼されたコ...

更新履歴

※文書量によっては処理に数十秒かかる場合があります
バージョン 比較対象 更新日時 更新者
1(最新) 2017-06-08 16:17:42 Hnoss
2 2017-05-10 21:26:02 Hnoss
3 2017-05-10 13:21:27 Hnoss
4 2017-05-08 21:24:40 Hnoss
5 2017-05-06 12:45:54 Hnoss
6 2017-05-06 12:45:01 Hnoss
7 2017-05-06 12:43:42 Hnoss
8 2017-05-06 12:42:29 Hnoss
9 2017-05-06 12:42:16 Hnoss
10 2017-05-06 12:37:53 Hnoss

    
ブックマーク登録

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

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

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

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


言語選択

    
ファイルプロパティ

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

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


    
ノート

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

言語選択

 →