タグ

browserifyに関するreponのブックマーク (5)

  • ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita

    はじめに この記事は、 gulpも browserifyも知らない 初心者を対象にしています。 最近になってnode.jsでプログラミングしていますよって人が対象です あまりにも0ステップからで、それくらいわかるよって事もあるかもしれません。 node.jsについて、0から勉強したい人はドットインストールとか便利かもね。 gulpって?browserifyって? まず、gulpもbrowserifyもなんのことだか、さっぱりわからないって! でも、まだ説明しません。 なぜなら、 なんで必要?を説明していないから。 目的は ブラウザとサーバで全く同じjavascriptを動かそう 最近は、node.jsでサーバサイドjavascriptも珍しくなくなってきました。 でも、微妙に違うサーバとブラウザでのjavascript! 特に、違うなーと感じるのは、記述する場所ですね。 当はもっといろい

    ブラウザとサーバで全く同じjavascriptを動かそう。[gulpとbrowserify超入門] - Qiita
  • Browserify: それはrequire()を使うための魔法の杖 - Qiita

    JavaScript界のハリーポッターこと「Browserify」が最近元気ですね。Node.js的な var myModule = require('myModule')式の記述が、ブラウザのスクリプトでも使えるようになって、ついでに1ファイルにまとめるのもやってくれるツールです。ポストRequireJSとして期待されています。 ただ、公式ドキュメントがコマンドラインの説明に重点を置いていて、最初これだけだといまいち分かりにくい...。そこで、実際の開発で使いやすいように、ビルドツール(gulp.js)から実行するための最小構成を作ってみようかと思います。(Gruntでも同様のことは可能です) require!: Bowerも使えます 対象のスクリプトの中身は、例えばこんな感じ。この例では、ModernizrとjQueryと、独自スクリプトを組み込んでいます。外部ファイルを指定するだけで

    Browserify: それはrequire()を使うための魔法の杖 - Qiita
  • JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog

    昨年のAdvent Calendarを眺めたり、JS周りの記事を見ていると、RequireJSとか、CommonJSとか、AMD、Browserify、webpackあたりが、同じような文脈で登場するんですが、それぞれ何を指しているのかよくわからなかったため、今更ながらまとめてみます。 前提 小規模にしかJavaScriptを使っていないWebサイトでは、jQueryを使ってDomイベントで色んな処理をして、Domに反映させる。というような処理が、ごちゃっとまとめて書くことが多いかと思います。ごちゃっととは、特にDomにしか情報を保持していない状態を指していて、イメージとしてはこのようなコードです。 $(function() { # イベントハンドラ $("#btn").on("click", function(){ $.ajax({ url: "api/resources", dataT

    JavaScriptのモジュール管理(CommonJSとかAMDとかBrowserifyとかwebpack) | tsuchikazu blog
  • browserify で複数の CoffeeScript を一つにまとめる - Qiita

    この前 Grunt で試した事 と同じような事を browserify を使って試してみた。 公式 Browserify http://browserify.org/ substack/node-browserify https://github.com/substack/node-browserify インストール browserify 体はグローバルにインストール。 これで browserify コマンドが使えるようになる。

    browserify で複数の CoffeeScript を一つにまとめる - Qiita
  • Browserifyの使い方について調べてみた - yutaponのブログ

    最近Browserifyって単語を良く見るようになりました。 Browserifyをざっくり説明すると、 ブラウザ上でもNode.js用モジュールを使えるようにする ブラウザでもrequire()を使ったモジュール管理を使えるようにする という特徴があるようです。 browser(ブラウザ)+ fy(〜する)という単語からもNode.jsをブラウザ化するってニュアンスでしょうか。 require()といえばRequireJSも提供してますよね。 Browserify使うことでRequireJSを使わなくてもモジュール管理ができるようになりそうです。 Browserifyの使い方 まずは公式サイトに載ってるコードを試してみます。 browserify これはどうやらNode.js向けのモジュールをブラウザでも使えるようにするチュートリアルのようです。 まず作業ディレクトリを作成します。 $

    Browserifyの使い方について調べてみた - yutaponのブログ
  • 1