[B! browserify][CommonJS] clavierのブックマーク

clavier id:clavier

browserifyとCommonJSに関するclavierのブックマーク (7)

[意訳]初学者のためのJavaScriptモジュール講座 Part1 - Qiita
このポストは以下の記事を、筆者の許諾を得て意訳したものです。 JavaScript Modules: A Beginner’s Guide 何か誤りがありましたら、ご指摘いただけると幸いです。（以下、意訳）はしがきもしあなたがJavaScriptの初心者だとしたら、以下の言葉は全く意味の分からないものかもしれません。モジュール管理 vs モジュール読み込み Webpack vs Browserify AMD vs CommonJS 等々…。それでもJavaScriptのモジュール周りについて、苦手意識を持たないでください。モジュールに関して理解することは、Webエンジニアにとっては必須科目なのです。このポストでは、カンタンな解説とコードサンプルによって上記のようなバズワードを解説します。このポストがあなたにとってお役に立つものでありますように。注：簡素化のために、このポストは
clavier 2016/02/02
javascript

browserify

es6

CommonJS

あとで読む
リンク
Rollupがちょうどいい感じ - Qiita
昨年の途中からちらほら耳にするものの、まだ「なにそれ美味しいの?」なRollupですが、馴染むと手放せなくなる感じ。どんなものか、使い方から、プラグインのつくりかたまで、概観してみたいと思います。 Rollupって何? 複数ファイルに書かれたJavaScriptを、モジュールなどを読み込みつつ、ひとつのバンドルにしてくれるツール。WebPackとかBrowserifyみたいなやつです。依存モジュールの解決や、AltJSのプリコンパイルしたり、など。大きな特徴として、次の点がよく挙げられます。生成ファイルが小さい ES6(ES2015)ネイティブドキュメント類はまだ最低限という感じですが、WebPackかBrowserifyにさわったことがあれば、そんなに迷うことはないかも。ただ、トップページに行っても正直よくわからないので、今のところWikiが一番の情報源です。公式の情報で見るべきとこ
clavier 2016/01/22
CommonJS

browserify

CoffeeScript

JavaScript
リンク
AngularとBrowserifyの微妙すぎる関係 - Qiita
この記事の内容はいささか、古くなってしまっているようです。投稿からしばらくして、AngularもCommonJS対応を強化して、以前よりはrequireとの相性が改善しています。ただ、筆者自身はもうAngularから離れてしまったのでキャッチアップしきれていません。うっかりこの記事にたどり着いてしまった方は、@armorik83さんによる詳説「AngularJSモダンプラクティス」にあるCommonJS + Browserifyスタイルを好む方はの項を参照することをお勧めします。 AngularJSとBrowserify、この二人の関係、かなり微妙です。もうどうしてくれようかってくらい。例えるなら宗教の違う恋人のようなものです(適当)。CommonJSに慣れた人には、AngularのDIが正直お邪魔。かといって、Angularの根幹に関わる部分なので使わないわけにもいかないし、と距離感に
clavier 2015/01/08
CommonJS

browserify

angular.js

javascript
リンク
browserify をはじめてみる
Browserify を触ってみたメモ。 Browserify とは CommonJS のモジュールの仕組み、つまり Node.js の require をブラウザ上でも使えるようにするもの、ということでいいみたい。Readme を読む限りは、npm にあるモジュールをブラウザ上にもっていくために作られ始めたような印象をうけるが、ちまたのエントリーをみていると AMD に代わりに CommonJS でフロントエンドの依存関係の管理をする (RequireJS ではなく、Node.js 感覚で require 関数をフロントエンドで使う) ためのツールとしても使っていいようだ。やりたいこと複数の js ファイルの依存関係を記述したい最終的に、依存関係を考慮した順番で、ひとつの js ファイルに結合したい作りたいのは第三者のサイトに埋め込んでもらうスクリプト (サードパーティスクリプト
clavier 2014/11/10
CommonJS

JavaScript

browserify

node.js
リンク
A Gentle Browserify Walkthrough - Pony Foo
A relevant ad will be displayed here soon. These ads help pay for my hosting. Please consider disabling your ad blocker on Pony Foo. These ads help pay for my hosting. Building modules for the front-end has become an increasingly easy probl em to solve. Back in the nineties we had our Java applets, our <MARQUEE> and <BLINK> tag combinations, and those beloved <CENTER> tags. Oh and we were mostly de
clavier 2014/09/01
CommonJS

browserify

javascript
リンク
Node.jsで書いてQuickStartを使ってブラウザで実行する話
QuickStartというのは、名前がややこしいですがSpotify社が出してるツールのことです。このツールはCommonJSで書いたJavaScriptのモジュールの依存関係を解決してビルドしたり、ローダとして使えるものです。前者のビルドする機能は簡単にいえばBrowserifyです。 QuickStartもBrowserifyと同じく、nodeのcoreモジュール等をブラウザで使える様になってます。(CoreモジュールはBrowserifyが使ってるものと同じshimが使われてる) もう一つのローダとして使えるのがこのQuickStartの面白い所なんじゃないかなと思います。この記事では、適当に試して見たQuickStartの使い方について見ていきます。サンプルプロジェクトは以下に置いてあります。 azu/quickstart-example ビルドビルドする場合はBrose
clavier 2014/06/29
JavaScript

CommonJS

node.js

browserify
リンク
『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログサイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。はじめまして。アメーバ事業本部クロスイノベーション室のグンタ（@gunta85）と申します。今回はフロントエンド開発用の、ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、諸々の理由でWebPackを選びました。特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
clavier 2014/06/27
CommonJS

browserify

javascript

webpack
リンク
1