開発時はJavaScriptをまとめないようにしてビルドを高速化
gulp+ES6でフロントエンド開発で、ES6で書いたコードをBrowserifyでまとめてuglifyで圧縮する、という開発環境を作ってみたのだが、ソースコードが増えるに従ってビルドの時間が気になるようになってきた。たかだか数秒とはいえ、開発中は何度も修正・ビルド・リロードを繰り返すので少しでも時間が短いほうがよい。 そこで開発時にはES6から変換したJavaScriptのコードをまとめずに個別のままにしておいて、ブラウザ側でそれぞれ個別に読み込んだほうがサイクルとして速くなるんではないかと思って試してみた。 RequireJS個別に分かれていて、依存関係のあるJavaScriptのスクリプトファイルをブラウザ上で自動的に読み込むには、RequireJSを使ってエントリポイントとなるファイルを指定してやればよい： <!-- src/html/index.html --> <script
Rollupがちょうどいい感じ - Qiita
昨年の途中からちらほら耳にするものの、まだ「なにそれ美味しいの?」なRollupですが、馴染むと手放せなくなる感じ。どんなものか、使い方から、プラグインのつくりかたまで、概観してみたいと思います。 Rollupって何? 複数ファイルに書かれたJavaScriptを、モジュールなどを読み込みつつ、ひとつのバンドルにしてくれるツール。WebPackとかBrowserifyみたいなやつです。依存モジュールの解決や、AltJSのプリコンパイルしたり、など。大きな特徴として、次の点がよく挙げられます。 生成ファイルが小さい ES6(ES2015)ネイティブ ドキュメント類はまだ最低限という感じですが、WebPackかBrowserifyにさわったことがあれば、そんなに迷うことはないかも。ただ、トップページに行っても正直よくわからないので、今のところWikiが一番の情報源です。公式の情報で見るべきとこ
webdesign-dackel.com - このウェブサイトは販売用です！ - webdesign dackel リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
JavaScriptにおけるモジュールとimport/exportの使い方｜もっこりJavaScript｜ANALOGIC（アナロジック）
JavaScriptにおけるモジュール CommonJSやAMDの登場 ES2015からは標準採用された モジュールを使うためには？ モジュールファイルの作成(export)と読み込み(import) 参考リンク JavaScriptにおけるモジュール 例えばコーポレートサイトのような普通のWEBサイトの場合、JavaScriptコード量はそれほど多くはならないないと思います。ページにいくつかのギミックを加える程度ならば１つのJavaScriptファイルに全てのコードを詰め込んだとしても特に問題は無いでしょう。 しかし、WEBアプリ開発のようにJavaScriptでゴリゴリとコードを書いていく場合、ある程度機能（役割）別にファイルを切り出して別ファイルとして管理したいところです。そのようにして関連性を持たせて切り離された一塊のコード群が「モジュール」です。 説明するまでもないのですが、別に
Writing Modular JavaScript With AMD, CommonJS & ES Harmony
Writing Modular JavaScript With AMD, CommonJS & ES Harmony When we say an application is modular, we generally mean it's composed of a set of highly decoupled, distinct pieces of functionality stored in modules. As you probably know, loose coupling facilitates easier maintainability of apps by removing dependencies where possible. When this is implemented efficiently, its quite easy to see how cha
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
matzmtok.com - このウェブサイトは販売用です！ - matzmtok リソースおよび情報
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
依存するモジュールも解決できる Node/AMD (サーバ／クライアント) 共通化モジュールを書く
このエントリは、 東京Node学園祭 2012 アドベントカレンダー 5日目の記事です。 ■ 前置き - AMD とは AMD (Asynchronous Module Definition) は、Javascript のコードをモジュールとして定義して、非同期ないし遅延ロードするための仕組みです。 http://wiki.commonjs.org/wiki/Modules/AsynchronousDefinition (現在、接続が遅い模様) CommonJS により提唱されたものですが、昨年あたりからクライアントサイド (ブラウザ) で JavaScript モジュールを構築する仕組みとして各所で一気に取り上げられ、現在ではクライアントサイドの主要なライブラリでもサポートされてきている（AMD によるモジュールとして利用できる）状態にあります。 モジュールに依存性を指定する仕組みも用意
CPU黒歴史 対Pentiumのために放棄されたAm29000 (1/3)
CPU黒歴史インテル編は一段落したので、お次はAMDである。インテルについてはまだ細かいネタはあり、例えば採用製品のデモまで行なわれながら開発中止になった「MXP5400/5800」とか、バンガロールデザインセンターで最初に開発されたものの、完成前に開発中止となったCore MicroArchitectureベースのネイティブ・クアッドコア「Whitefield」など、いろいろある。だがこの辺は黒歴史というよりも、単に製品の開発に失敗したというレベルなので、今回は取り上げないことにする。 AMD編の第1弾では、知名度こそ低いがある意味AMDの方向性を決めることになったRISCプロセッサー「Am29000」と、これを転用した「K5」の話をしたい。 AMDの礎を築いた「Am2900」シリーズ AMDは、インテルのセカンドソース契約を結んで8086以降の製品の生産を担ったことで大きくなった会社で
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
