Rollupがちょうどいい感じ - Qiita
昨年の途中からちらほら耳にするものの、まだ「なにそれ美味しいの?」なRollupですが、馴染むと手放せなくなる感じ。どんなものか、使い方から、プラグインのつくりかたまで、概観してみたいと思います。 Rollupって何? 複数ファイルに書かれたJavaScriptを、モジュールなどを読み込みつつ、ひとつのバンドルにしてくれるツール。WebPackとかBrowserifyみたいなやつです。依存モジュールの解決や、AltJSのプリコンパイルしたり、など。大きな特徴として、次の点がよく挙げられます。 生成ファイルが小さい ES6(ES2015)ネイティブ ドキュメント類はまだ最低限という感じですが、WebPackかBrowserifyにさわったことがあれば、そんなに迷うことはないかも。ただ、トップページに行っても正直よくわからないので、今のところWikiが一番の情報源です。公式の情報で見るべきとこ
Setting up an ES6 Project Using Babel and webpack — SitePoint
In this article, we’re going to look at creating a build setup for handling modern JavaScript (running in web browsers) using Babel and webpack. This is needed to ensure that our modern JavaScript code in particular is made compatible with a wider range of browsers than it might otherwise be. JavaScript, like most web-related technologies, is evolving all the time. In the good old days, we could d
これからのJavaScriptを知ろう！ Effective ES6 #yapcasia #yapcasiaC
まとめ YAPC::Asia Tokyo 2015 #yapcasia 全セッション総まとめ 前夜祭から大盛り上がりの様子を完全まとめしていきます。実況ツイートはトラック毎のハッシュタグ付き推奨！ #yapcasia / 全体 #yapcasiaA / トラックA (国際会議場) #yapcasiaB / トラックB (701-702) #yapcasiaC / トラックC (703) #yapcasiaD / トラックD (605-606) #yapcasiaE / トラックE (607-608) #yapcasiaDinner / 懇親会 (レセプションホール) 16514 pv 94 39 users 57
橋本商会 » ES6の勉強をした
Web DB Press vol.87のES6の特集を読みながら、ES6を勉強した。とてもわかりやすかった。 紹介されている機能をちょこちょこと試す細かいスクリプトを色々書いたりメモを取ったりしたのでまとめておく。色々な機能があった。 https://github.com/shokai/es6-study 最近Web MIDI APIを使ってたんだけど、そのインタフェースがES6のPromiseとfor-ofで回す新しいIteratorとTypedArrayで実装されていたので、今後ブラウザに増える新しいAPIがES6前提で作られるなら普段からES6で書くようにしたほうがいいかなと思った。 個人的にはcoffeeの方がES6よりちょっと好き。でもfor-of文がES6で新しく増えたMapやIteratorを使う時に重要なんだけど、coffeeのfor-of文は別の意味があるので、coffe
302 - JS.ORG
Dedicated to JavaScript and its awesome community since 2015
ES6 at PayPal
6. // create a world with no people var world = { people: [] }; // make it easy to populate the world world.populate = function () { for (var i = 0; i < arguments.length; i++) { world.people.push(arguments[i]); } } // add some people to the world world.populate(new Person(“Sally”), new Person(“Joan”)); 7. // create a world with no people var world = { people: [] }; // makes it easier to populate t
Replace CoffeeScript with ES6
I’ve been looking into ES6, the next version of JavaScript, and finally got a chance to use it on a project. In the brief amount of time I was able to use it I’ve found that it solves a lot of the problems that CoffeeScript is trying to solve without drastic syntax changes. Using ES6 Today We can start using ES6 today through the 6to5 project which transpiles our ES6 code into ES5. 6to5 supports a
6to5 に末尾呼び出し最適化が実装されたので調べてみた : document
2月8 6to5 に末尾呼び出し最適化が実装されたので調べてみた @azu_re さんのツイートで知ったのですが、6to5 に末尾呼び出し最適化が追加されました。 Added complete TCO (tail call optimization). by RReverser · Pull Request #714 · 6to5/6to5 · GitHub ECMAScript 6 compatibility table によると ES6 transpiler では初めてテストを通った実装のようです。 6to5 ではどのような ECMA−262 5th のコードに変換して実現しているのか気になったので調査してみました。 末尾呼び出し最適化って何？ その前に「末尾呼び出し最適化って何？」って人のために簡単に説明しておきます。 通常、再帰するようなコードを書くとこんな感じになります。 fun
Iterators gonna iterate
Posted 01 December 2014 - no this is not the start of an "advent calendar" ES6 gives us a new way to iterate, and it's already supported in stable releases of Firefox, Chrome, & Opera. Here it is: for (var num of [1, 2, 3]) { console.log(num); } // Result: 1 // Result: 2 // Result: 3 Unlike for (part in thing) which iterates through property names of an object in a generic way, for (part of thing)
Slides from "An introduction to ES6" - Jack Franklin
October 7, 2014Slides from "An introduction to ES6"I had the pleasure last weekend of speaking at Epic FEL, a single day, single track conference in the heart of London, run by Made by Many. They did an absolutely fantastic job and if you are ever in London, I recommend their monthly Front End London meetup too. I spoke on introducing ES6, a topic that I've been writing and speaking about more and
Traceur, Gulp, Browserify and ES6 - Matt Greer
Here’s a brain dump of my experience getting these recent-ish techs up and running together on a small project … Project Structure and Goal My project (named baby-engine), is structured like this, you can see it here src/ <ES6 JavaScript source> lib/ <the ES6 js in src/ gets built and dumped into here as ES5 JS> index.js <-- npm module entry point written in vanilla ES5 and require()s stuff from l
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Effective ES6
ES6 Promise Anti-Patterns and Best Practices