タグ

requirejsに関するkohkimakimotoのブックマーク (6)

  • [JS] JavaScriptをモジュール分割して開発できるRequireJSに入門 - YoheiM .NET

    こんにちは、@yoheiMuneです。 Webアプリケーションを作成する際に、最近良く利用するrequireJSというJavaScriptフレームワーク。 基礎から学んだことがなかったので、今回ブログに入門内容を纏めてみました。 RequireJSとは requireJSのWebページには、以下のような説明がされています。 RequireJS is a JavaScript file and module loader. It is optimized for in-browser use, but it can be used in other JavaScript environments, like Rhino and Node. Using a modular script loader like RequireJS will improve the speed and quali

    [JS] JavaScriptをモジュール分割して開発できるRequireJSに入門 - YoheiM .NET
  • [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
  • RequireJSでTwitter Bootstrap(jQuery)を非同期ローディングしてみる | DevelopersIO

    こんにちは、すどーです。 RequireJSでjQueryやjQueryプラグインの非同期ローディングを試してみました。 最近は大規模な構成になると、「ちぢめる、まとめる、かためる(minify, combine, compress)」のが主流のようです。 ですが小中規模な構成や、依存関係にあるフレームワークなども多くあるので、簡単な使い方だけでも覚えておくと便利かと思います。 RequireJS: http://requirejs.org/ RequireJS API: http://requirejs.org/docs/api.html RequireJSの主な特徴 モジュール化(AMD APIをサポート) 非同期ローディング OPTIMIZERによる最適化 1. モジュール化(AMD APIをサポート) AMD(Asynchronous Module Definition)はComm

  • RequireJS+Backbone.jsでモジュール管理されたWebアプリ開発 | DevelopersIO

    Todoアプリもどきを作る 今回はRequireJSの理解を深めるため、Backbone.jsと組み合わせてTodoを追加するだけの簡素なデモを作ってみました。 Backbone.jsについても触れているため、記事が少し長いです。 お急ぎの方はページ下部にデモとサンプルコードがあるので、そちらをさくっとご確認ください。 RequireJS: http://requirejs.org/ RequireJS API: http://requirejs.org/docs/api.html Backbone.js: http://backbonejs.org/ なにができるの? Webアプリを制作する際に、RequireJSを使ってBackbone.jsで構成されるModelやViewをモジュール化することで、開発時の管理コスト削減を目指します。 なお、モジュール化するとファイル数が増えて読み込み

  • RequireJSを使うのを止めた理由 | それなりブログ

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

  • 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 # プロジェク

    RequireJSの導入から使い方(Bowerにも触れてみる) - yutaponのブログ
  • 1