タグ

Require.jsに関するmsykxxxのブックマーク (6)

  • angularjsのcontrollerをrequirejsを使って動的にロードする - Qiita

    ●サンプル HogeControllerのボタンをクリックすると、requirejsでコントローラー、テンプレートを ロードし、テンプレートの内容をtestWidgetに追加する。 追加した内容は、ロードしたコントローラーに紐づいてるので、 ボタンを押すと、ロードしたコントローラーのイベントが起動する。 [画面html] <!DOCTYPE html> <html lang="ja" > <head> <meta charset="utf-8"> <title>angular require test 1</title> <!-- requiejsのエントリ --> <script data-main="dist/js/app/boot.js?hoge" src="dist/js/lib/require.js"></script> </head> <body> <div ng-contro

    angularjsのcontrollerをrequirejsを使って動的にロードする - Qiita
  • RequireJSのハマりどころと複数バージョンjQueryを使うときの傾向と対策 - Qiita

    window.jQuery = window.$ = jQuery; //省略 if ( typeof define === "function" && define.amd && define.amd.jQuery ) { define( "jquery", [], function () { return jQuery; } ); } 上記のように、グローバル(window)へのexposeと、defineの両方を行っているようです。 また、lodashのコードを見てみても同じように、defineする前にグローバルにexposeしています。 つまり、モジュールローダ経由で読み込んだ場合でも、モジュールとして読み込まれると同時にグローバルにも追加されるような形になります。 またjQueryはdefineするときに、モジュールIDを設定しています。(第1引数)。ここがまたハマりどころでした

    RequireJSのハマりどころと複数バージョンjQueryを使うときの傾向と対策 - Qiita
  • [JavaScript] RequireJSでjQueryを読込む、require-jquery.jsを使わずに

    RequireJS は読込みをブロックすること無く複数のJavaScriptを読込むことが可能なライブラリです。 ロード後に関数を実行させたりとか現在のWeb制作に必要な機能を提供してくれています。 便利なのでしょう、すでに多くのHow toがネット上にあふれています。 読込みには別のライブラリを使っていたのですが、この良いと噂のrequire.jsを試してみます。 しかし早速つまづいたのがjQueryの読込みでした。 このrequire.jsを使ってjQueryを読込む方法はRequireJSのサイトに詳しく書かれています。 HOW TO USE REQUIREJS WITH JQUERY 解説されている方法は require.jsとjQueryをcombined(合体)させた特別なrequire-jquery.jsを使用した方法です。 これでも良いっちゃ良いけど、最新版jQueryの保

    [JavaScript] RequireJSでjQueryを読込む、require-jquery.jsを使わずに
  • Require.js を使ってみる - Memo

    メモ。 いい加減やらないと行けないと思いつつ、二回ほど試して上手く行かなくて放置してたので再入門した。 ディレクトリ構成 ├── app.js ├── entities ├── libs │ ├── backbone-0.9.9-min.js │ ├── bootstrap-2.2.2-min.js │ ├── jquery-1.8.2-min.js │ ├── jquery-layout-1.3.0-30.77.js │ ├── jquery-ui-1.9.1.custom.js │ ├── jquery.jsPlumb-1.3.16-all.js │ ├── micro-log.js │ ├── moment-1.7.0-min.js │ ├── require-2.1.2-min.js │ └── underscore-1.4.3-min.js ├── main.js ├── mod

    Require.js を使ってみる - Memo
  • RequireJSを使うのを止めた理由 | それなりブログ

    RequireJS はみんな使ってるらしーし、 何かかっこいいし、意識高そうだし、使っとくか! ・・・と、思って試しに使い始めてみたのですが、 自分が作るような小規模なものの場合、 大変な割に良い事あんまりないので使うのを止めました。 以下、忘れそうなのでその理由をメモって置きます。 基的に、1枚のJSファイルが1モジュール、ファイル名がコードに影響する。それもあって、結合・圧縮は r.js という専用のツールが必要になる。Grunt の concat とか uglify とか使えない。 AMD の仕様では、「JSファイルのリストを順番通りに読み込み/実行する」ということができない。実際何が困ったかというと、分割した mocha テストケースを順番通りに実行できなくなったということ。結果は変わらなくても、順番通りに実行されないと結果が見辛いし、問題が起こった時に発見が難しい。ただしこれは

  • RequireJSにはこんな機能もあった - bati11 の 日記

    この記事はJavaScript - Client Side - Advent Calendar 2013 17日目の記事です。 JavaScriptでモジュール管理を実現できるRequireJSですが、どんくらい使われてるのでしょうかねー?初めて触ったときは、すげー!って思ったのを覚えています。 でも、試しに使ったことはあったものの、最近になって初めてちゃんと使いました。周りでもあんまり使ってる人見ないような・・・、普段はバックエンドの仕事をしているせいかな・・・。 それで、RequireJSのドキュメントを読んでたわけですが、こんな機能もあったのかぁ、ということがあったので書きます。 RequireJSがどんなものかはWeb上に情報がたくさんあるので割愛します。 使用したRequireJSのバージョンは、2.1.9です。 requireメソッドを使って、Consoleデバッグ 最初はre

    RequireJSにはこんな機能もあった - bati11 の 日記
  • 1