『RequireJS等はもう古い。WebPackとは？』
1 pixel｜サイバーエージェント公式クリエイターズブログ サイバーエージェントのクリエイターの取り組みを紹介するオフィシャルブログです。最新技術への挑戦やサービス誕生の裏話、勉強会やイベントのレポートなどCAクリエイターの情報が満載です。 はじめまして。 アメーバ事業本部 クロスイノベーション室のグンタ（@gunta85）と申します。 今回はフロントエンド開発用の、 ありとあらゆる依存関係を簡単に解決してくれる、 WebPackというスグレモノをご紹介します。 導入経緯大きなアプリを開発するにあたり、依存関係を解決してくれるものを探していました。 その中で、RequireJSやBrowserify、Componentなども候補に挙がりましたが、 諸々の理由でWebPackを選びました。 特徴の違いについては「WebPack vs Browserify」等で検索してみると良いかと思います
Take it easy- RequireJSについてまとめてみた
REQUIRE JS JSの非同期ローディングとモジュール化を行うライブラリ 公式サイト 詳しくは、RequireJS実践編を参照 下記順番で読み込み(config-require.jsは自作。名前はなんでも良い) ＜script src="config-require.js"> ＜script data-main="main" src="require.js"> 非同期ローディングについて 下記を参考にconfig-require.jsを作成 設定値の詳細はこちらを参照 var require = { deps: ["some/module1", "my/module2", "a.js", "b.js"], callback: function(module1, module2) { //This function will be called when all the dependen
RequireJSの導入から使い方（Bowerにも触れてみる） - yutaponのブログ
Backbone.jsのRouter編を書く前にどうしてもRequireJSについて おさらいしておきたく書いてみる。 あまり深くRequireJSについて理解してなかったこともあり、 結構調査したので理解が深まった。 それと今まで使ったことなかったけどBowerにも触れてみる。 結構長いのでアウトラインを。 環境整備 Bowerでライブラリを管理する RequireJSの使い方 HTML側の記述 JS側の記述 モジュールの作り方 おわりに 環境整備 今回は新しいexpressプロジェクトを作成して環境を整備していきます。 $ cd path/to/workspace # 作業ディレクトリに移動して $ express -e -c stylus requirejs # ejs, stylusを有効にしてrequirejsというプロジェクトを作成 $ cd requirejs # プロジェク
[JS] RequireJSのオプションで良く利用するBaseUrl, Paths, Shimを学ぶ - YoheiM .NET
こんにちは、@yoheiMuneです。 今日は、モジュール開発をする上で便利なRequireJSで、良く利用するオプション（Config）をブログに書きたいと思います。 RequireJSとは require.jsとは、JavaScriptでモジュール分割した開発を簡単に行うことをサポートしてくれるフレームワークです。 MVCなどの機能分割したファイルを、各ページ必要に応じて読み込むような実装を簡単に行うことができます。 require.jsに関する記事もありますので、ご参考になれば幸いです。 - JavaScriptをモジュール分割して開発できるRequireJSに入門 RequireJSをより便利に利用するオプション requireJSはそれ自体でも大変便利な代物ですが、オプションを指定することでより便利に使うことができます。 例えば以下のように、オプションを設定できます。 <scri
![[JS] RequireJSのオプションで良く利用するBaseUrl, Paths, Shimを学ぶ - YoheiM .NET](https://cdn-ak-scissors.b.st-hatena.com/image/square/21439080114836220fd1194d247c4cd48a186d40/height=288;version=1;width=512/https%3A%2F%2Fwww.yoheim.net%2Fimage%2F195.jpg)
Karma + Mocha でRequreJSを使ったJavaScriptをテストする - bati11 の 日記
たまにやると忘れてるのでメモ。 Karmaはnode.jsベースのテストランナーで、ターミナルからテストを実行できて、複数のブラウザを立ち上げてテストを実行したり、ファイルの変更を監視して自動でテストを実行したりもできます。 RequireJSを使ってるJavascriptに対して、テストフレームワークとしてmocha、アサーションライブラリとしてexpectを使ったテストを書き、Karmaで実行します。 ※2014/3/12追記 使用したバージョンは以下。 node v0.10.25 npm 1.3.24 karma 0.12.0 追記ここまで。 最終的にはこんな感じに。 $ tree . |-- karma.conf.js |-- package.json |-- src | `-- js | |-- app.js | |-- lib | | |-- require.js | | `-
require.js 環境で mocha + expect + testem を使った JavaScript テスト - naoyaのはてなダイアリー
先日書いた自分用アプリケーションのひな形 http://d.hatena.ne.jp/naoya/20130503/1367581629 http://d.hatena.ne.jp/naoya/20130504/1367640512 これに、JavaScript のテスト環境も追加したい。 結論からいくと、フレームワークには mocha + expect、ランナーは testem を使うことにした。ついでにテストダブルライブラリとして Sinon.js も有効にした。 ちなみに今回の文脈は End to End のテストではなくてユニットテスト周りのおはなしです。 mocha + expect JavaScript のこの辺のテスト周りは今もいろいろなツールの整備が進んでいて、今回採用した以外にも Jasmin や QUnit そのほか色んな物がある。昨今の状況に関しては 先日の HTML
昨今の自分用Webアプリケーションひな形 - naoyaのはてなダイアリー
ちょっと jQuery と簡単なサーバサイドの処理を組み合わせた処理を試しに書いてみよう･･･なんて時に、いちいち jQuery を取ってきて HTML を書いて script タグを書いてロードして sinatra 立ち上げて云々･･･というのが毎度面倒なので、ひな形になるアプリケーションを作った。 https://github.com/naoya/boilerplate ひとまず sinatra でサーバーサイドを書き、HTML は slim で、CSS は sass 。JavaScript は CoffeeScriptで書くにあたって jQuery、underscore、Backbone をロードしてある、というような構成にしてあります。 まあ、この類のことは人それぞれ自分なりにカスタマイズしてやっていると思いますが、どういうコンポーネントで構成しているかを、備忘録も兼ねてちょっと紹
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - kimjoar/karma-requirejs: Example setup with Karma and Require.js
https://github.com/BoilerplateMVC/Marionette-Require-Boilerplate/tree/master/public/js/app
GitHub - marionettejs/backbone.marionette: The Backbone Framework