タグ

javascriptとmoduleに関するymm1xのブックマーク (7)

  • Webpack の考え方について - mizchi's blog

    なぜ初心者は webpackが解らないのか?- Why can’t you understand the webpack? - from 健人 井関 www.slideshare.net この記事バズってたけど、わからない人がよりわからなくなる、という点で問題だと思っていて、webpack の目的の質的な部分から整理する必要があると思います。 (あと友人webpack に挑戦していたので入門資料も兼ねてる) Webpack質的な部分は次の3つです。それ以外は全部おまけ機能だと思ってよいです。 ES Modules のエミュレート node_modules のリンカ 拡張子ごとの変形 Webpack当にやりたいこと こういうコードがあるとします。 // src/a.js export default () => console.log('hello'); // src/in

    Webpack の考え方について - mizchi's blog
  • もう、jQueryはnpmで管理しようぜ - Qiita

    背景 jQueryとか、js関連のファイル、どうやって管理してますか? 公式サイトからjsファイルダウンロードして使ってますか? それ、サーバにアップロードして使ってますか? バージョン管理どうしてますか? ディレクトリにバージョン番号書いて管理してますか? 面倒くせぇ・・! って思いませんか? 時代は変化してます。 もう、js関連のライブラリはnpmで管理する時代になりました。 jQueryの公式サイトでも、npmかbowerを使ってインストールしよう。という説明があります。 この流れの変化、ついてこれてますか? ・・・ 私はつい先日まで、冒頭で話したファイルダウンロード形式の管理でした。 jsもhtmlファイルのbodyの最後にベタ書きでした。 それを卒業したので、備忘録的に書いておきます 1. nodeをインストール と、言っても、nodeはガンガン開発されており、バージョンがすぐに

    もう、jQueryはnpmで管理しようぜ - Qiita
  • require1k — CommonJS require for the browser in 1k

    <script>R=function(e,n,v1){function t(e,o,u,a){if(e.g)return o(e.e,e);var c=e.g=e.l,f=new XMLHttpRequest;f.onload=function(i,l){function s(){l--||o(n,e)}200==f.status||e.t?(i=[],(e.t=e.t||f.response).replace(/(?:^|[^\w\$_.])require\s*\(\s*["']([^"']*)["']\s*\)/g,function(e,n){i.push(n)}),l=i.length,i.map(function(o){t(r(e.l,o),s,"."!=o[0]?c+"/../":n,o)}),s()):u?t(e.n=r(u+="../",a),o,u,a):(e.e=f,o(

  • browserify をはじめてみる

    Browserify を触ってみたメモ。 Browserify とは CommonJS のモジュールの仕組み、つまり Node.js の require をブラウザ上でも使えるようにするもの、ということでいいみたい。Readme を読む限りは、npm にあるモジュールをブラウザ上にもっていくために作られ始めたような印象をうけるが、ちまたのエントリーをみていると AMD に代わりに CommonJS でフロントエンドの依存関係の管理をする (RequireJS ではなく、Node.js 感覚で require 関数をフロントエンドで使う) ためのツールとしても使っていいようだ。 やりたいこと 複数の js ファイルの依存関係を記述したい 最終的に、依存関係を考慮した順番で、ひとつの js ファイルに結合したい 作りたいのは第三者のサイトに埋め込んでもらうスクリプト (サードパーティスクリプト

    browserify をはじめてみる
  • 賢く使うBrowserify | 第1回 Browserifyとは

    賢く使うBrowserify 第1回 Browserifyとは Browserifyを使うと、Node.jsのモジュールシステムをブラウザでも利用できるようになります。第1回目はBrowserifyがどのようにモジュールの依存を解決するのか、その方法と仕組みを解説します。 はじめに Browserify(ブラウザリファイ)はsubstack氏によって作られたNode.js製のツールです。 このツールはNode.jsのコアモジュールやnpmのモジュールをブラウザでも利用できるようにするというのが元々の目的でしたが、モジュール間の依存解決やファイルの結合を行うためのビルドツールとして使われることが多くなってきているようです。 シリーズでは、Browserifyを使ったJavaScriptのモジュール管理について解説します。 JavaScriptでの依存関係の解決 まずは、なぜこのようなツール

    賢く使うBrowserify | 第1回 Browserifyとは
  • Mastering the Module Pattern - Ultimate Courses

    It declares a function, which then calls itself immediately. These are also known as Immediately-Invoked-Function-Expressions, in which the function creates new scope and creates “privacy”. JavaScript doesn’t have privacy, but creating new scope emulates this when we wrap all our function logic inside them. The idea then is to return only the parts we need, leaving the other code out of the global

    Mastering the Module Pattern - Ultimate Courses
  • 継承とプロトタイプチェーン

    プロトタイプチェーンと継承 プロパティの継承 JavaScript のオブジェクトはプロパティ(自身のプロパティを指す)の動的な「袋」です。 JavaScript のオブジェクトは、プロトタイプオブジェクトへのリンクを持っています。あるオブジェクトのプロパティにアクセスしようとすると、オブジェクトだけでなく、オブジェクトのプロトタイプ、プロトタイプのプロトタイプへと、一致する名前のプロパティが得られるか、プロトタイプチェーンの終端に到達するまで、プロパティの探索が行われます。 メモ: ECMAScript 標準に従い、 someObject.[[Prototype]] という表記を someObject のプロトタイプを示すのに使用しています。内部スロット [[Prototype]] には Object.getPrototypeOf() と Object.setPrototypeOf()

    継承とプロトタイプチェーン
  • 1