Hnoss

Hnoss

まとめ記事の減少でしょうか?最近、調べものをしてても新着記事が減ったような気がします。なら、自分で調べなくちゃ。いつまで続けられるかわからないけど、もうちょっとだけ翻訳頑張ってみますね。どうか、もらった記事を訳せるように。
カレンダー

文書タグ

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

登録情報はありません。
リファレンス

first-time visitors
user guide
謝辞

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

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

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

バナー

logo

ポスター

poster

フライヤー

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

Valid XHTML 1.0 Transitional

site_image
Brunch: Getting started
http://brunch.io/docs/getting-started
Hnoss Hnoss     最終更新:2017-06-08 16:21:46    PDF


まとめページで見る


8分でBrunchのことが9割がた分かる? 

Brunch スターターガイド

まずは味見

  Brunchをインストールしたいということなら、すでにNode.jsはお持ちのはずですね。Brunchのインストールはコマンドラインから( npm install -g brunch)で行えます。
 でも、それだけじゃあ物足りません。もっと具体的な使い方をお教えしましょう。

 あるコミュニティが新しい「Skeletons」を作成してくれました。響きは恐ろしげでありますが、特にその中でも人気がある「ES6 スケルトン」はとても先進的で素晴らしいシステムです。
 ぜひアプリ作りにご活用ください!


大まかなレシピを紹介しましょう。

$ brunch new proj -s es6

 とシェル・プロンプトで入力すると、
 次のプログラムが実行されます。

  • Projディレクトリを作成する
  • ディレクトリに「git://github.com/brunch/with-es6.git」のクローンを生成する。基本的にGitのURLが「ex6 スケルトン」の正式名称になる。
  • 「npm install」コマンドで、アプリに関するプログラムや、Brunchのプラグインをインストールできる


プロジェクトを作成したら、次はビルドをしてみましょう。

$ brunch build
01 Apr 10:45:30 - info: compiled initialize.js into app.js, copied index.html in 857ms



さて、どんな出来栄えでしょう?

このようにして出来上がったアプリの一例を見てみましょう。

README.md
app/
 assets/      // Files inside `assets` would be simply copied to `public` dir.
  index.html
 initialize.js
brunch-config.js   // Basic assumptions about the project, like paths & outputs.
node_modules
package.json     // Describes which dependencies and Brunch plugins your app uses.
public/       // The "output" Brunch will re-generate on every build.
 index.html     // This was simply copied from our `app/assets`
 app.js       // `app.js`, in turn, was generated from `initialize.js`.
 app.js.map     // Source mappings for simple debugging.



あとひと味足りない

でも、まだ足りない。そんな時は後からファイルを追加してビルドすることもできます。

$ echo "body {font-family: 'Comic Sans MS'}" > app/main.css
$ echo "console.log('Hello, world')" > app/logger.js
$ brunch build
01 Apr 10:50:10 - info: compiled 3 files into 2 files, copied index.html in 947ms


「public」にあるファイルの詳細を確認してみましょう

  • app.cssは、app/main.css に集約される。
  • app.jsは、initialize.js と logger.js の両方を指定できる。どちらのファイルもJS function(モジュール)に集約される。「require('./logger')」などのコマンドで、どのファイルを使うか指定できる。ただし、logger.js ファイルを使う場合、最初に initialize.js ファイルの中から、使用するファイルを具体的に指定しないと動作しない。そのファイルの指定も、「require('./logger')」コマンドで可能である。



全体像やいかに

 手動でビルドし続けるというのも、骨折りなことだと思います。様子を見るだけなら、監視コマンド「 --server」を使いましょう。このコマンドはアプリを更新するたびに全自動でビルドして、その変更をHTTPサーバーに反映します。
 デフォルトのロケーションは、「http://localhost:3333」となっており、ブラウザでURLを指定すれば開くことができます。
 パブリックディレクトリ内のこの場所で、ビルドの様子を確認できます。

 シェル・コンソールで開くと大変に見づらいので、新しいウィンドウでご覧になることをおすすめします。


サードパーティーで素材を追加

 BrunchはjQueryの追加に対応しています。操作は簡単です。

 まずは「npm install --save jquery」でインストール。その様子も監視コマンドで見ることができます。jQueryを入れることで動作が遅くなる心配はありません。jQueryは必要なところにだけ使います。

 jQueryは「initialize.js」内に記述します。

var $ = require('jquery');
console.log('Tasty Brunch, just trying to use jQuery!', $('body'));


その結果も簡易ウェブサーバー「localhost:3333」で確認できます。
もちろん、jQueryの動作確認だってできますよ。



ちょっと凝った演出も

 ECMAScript 201Xを使って、ちょっとした細工ができます。最低でもOCDに66個のESLintルールを適用できます。それ以外にも、50個以上のプラグインが特殊な操作に対応します。

 Babelプラグインのインストールは「npm install --save-dev babel-brunch」で行えます。
 ですが…その前にぜひしてほしい工程があります。「index.jsファイル」を作成することです。

$echo 'console.log([1, 2, 3].reduce((s, n) => s + n ** 2))' > app/index.js

 この設定をすることで、Babelプラグインを追加したら、自動的にアプリにコンパイルされるようになって楽です。もちろん、それにはindex.jsのコンパイルも含まれています。



Branchの達人になるには

 さてと残りの10%…それは、Brunchガイドを見て学んでください。さらに詳しい使い方はこちらで解説しています。  それでは!

主なコンセプト

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

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

Top 3 open source alternatives to Google Analytics | Opensource.com  / Scott Nesbitt
23 Oct 2014 Scott Nesbitt イメージ画像:opensource.com  もしあなたがウェブサイトや、オンライン・ビジネスを営んでいた場合、訪問者や...
7 great open source tools to power your marketing stack | Opensouce.com / Thomas Carney
 マーケティングで便利なオープンソースソフトウェアを紹介します。人によっては、プロプライエタリ・ソフトである必要がなくなるかもしれません。 ...
5 open source home automation tools | Opensource.com
  「 ユビキタス・ネットワーク(Internet of Things) 」と聞いても、みなさんピンとこないでしょう。ですが、それを実生活に取り入れることは、だ...
35 Practical Examples of Linux Find Command
 検索コマンドはLinuxシステムを管理する上でかなり重要な、使用頻度も高いコマンドだ。検索コマンドは文字通りファイルを「検索」するだけでなく、...

新着文書

Trump’s Making Good on One of His Many Campaign Promises: Promoting Unfettered Police Power / Amy Goodman & Denis Moynihan
コラム(2017年4月13日付) シリアやイラク、イエメン、北朝鮮などの国々で行われている国家的暴力に世界が注目する中、アメリカにおいても、野放し...
Measuring women's rights online in the Philippines / APC for Foundation for Media Alternatives
フィリピンにおけるオンラインでの女性の権利を測定する APC for Foundation for Media Alternatives 2017年4月11日、フィリピン オンラインでの女...
Pokémon Go is going live / Chris Meadows
もし本を読む以外にスマートフォンで何かしたいと思っているなら、別の選択肢ももうすぐ出てくる。「ザ・バージ」によれば、ポケモンGOがどこのAndroi...

新着Wikipedia翻訳

Trust on first use
Trust on first use その他の用法については「 Tofu(曖昧さ回避) 」をご覧ください。 Trust On First Use (TOFU)または Trust Upon First...
Cryptocat
Cryptocat -------- 【画像のキャプション】Windows 10でのCryptocat 3.1.24 最初の作成者:Nadim Kobeissi 開発者:Nadim Kobeissiと貢献者たち[...
List of Ambisonic Software
主な出典:Ambisonics ここでは、アンビソニックソフトウェアを紹介する。開発中のものも、終了のものも記載されている。  目次 1 現在も開...

更新履歴

※文書量によっては処理に数十秒かかる場合があります
バージョン 比較対象 更新日時 更新者
1(最新) 2017-06-08 16:21:44 Hnoss
2 2017-06-08 16:20:55 Hnoss
3 2017-06-08 16:20:09 Hnoss
4 2017-06-08 16:20:09 Hnoss
5 2017-05-10 13:32:25 Hnoss
6 2017-05-10 13:31:33 Hnoss
7 2017-05-08 21:35:00 Hnoss
8 2017-05-01 21:41:53 Hnoss
9 2017-04-29 14:32:39 Hnoss
10 2017-04-29 14:14:20 Hnoss

    
ブックマーク登録

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

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

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

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


言語選択

    
ファイルプロパティ

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

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


    
ノート

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

言語選択

 →