春からはじめるモダンJavaScript / ES2015 - Qiita
春ですね！人の配置がリファクタリングされ、コードもリファクタリングの季節です。 では僕がここでモダンなJavaScriptとES2015の利点を語る役をやるので、みなさんはチームを説得する役をやってください。 JavaScriptの歴史 まず最初にJavaScriptの歴史を踏まえることで、今学ぶべきものとその理由を確認しましょう。 なぜ2016年の記事でES2016ではなく、ES2015なのか、と疑問に思った方もいるかもしれません。それは、ES2015がただの年次アップデートではなく、これから始まる毎年のメジャーバージョンアップの起点となるバージョンであり、またES5から飛躍的に仕様が増えたバージョンであるからです。 簡単に(雑な)歴史を紹介します。 ブレンダン・アイクによってNetScapeに実装/搭載された古の時代〜IE6 (1996~2005) ES3: 一時はシェア7割を誇ったレ
ES6 in Practice
Firefox Developer Conference 2015の講演資料 http://www.mozilla.jp/events/devcon/2015/tokyo/ ES6 Modulesの現状確認がメインです。Read less
The State of JavaScript (2015)
- JavaScript has come a long way from its early days of form validation and image rollovers in 1995 to modern innovations like ES2015, Promises, async/await, and Web Assembly. - Today, JavaScript features like classes, arrow functions, and template strings in ES2015 are widely adopted, and new standards like Promises, generators, and async programming have revolutionized asynchronous JavaScript. -
Introduction · ECMAScriptとは何か？
Introduction ECMAScriptとは何か？ECMAScriptの嘘は嘘と見抜けるように results matching "" No results matching ""
ES6 Symbol を使ってオレオレメソッドを拡張する - Qiita
ECMAScript6にシンボルができた理由 で紹介されている Symbol の使い方を見て、fmfm するためのエントリです。 似て非なる 2つの NativeObject 拡張ライブラリを同時に読み込むとどうなるか 例 Array に JSON.stringify(Array) 相当の機能を拡張するライブラリが2つ(AwesomeArray.js, ExArray.js)あります。これらを読み込むと Array#toJSON が拡張されます。 AwesomeArray.js と ExArray.js には、カンマの後ろにスペースがある/ない という違いがあります。 ES5 式 ES5 で書かれた AwesomeArray.js と ExArray.js です。 ES5 までは、AwesomeArray.js を読み込んだ後に ExArray.js を読み込むと、AwesomeArray
ECMAScript 6 でジェネレータを作ったり、遅延評価してみる
「Ruby の Enumerator でジェネレータを作ったり、遅延評価してみる」や「Python でジェネレータを作ったり、遅延評価してみる」の記事を ECMAScript 6 のジェネレータを使って記述するとどのようになるのか, 実際に試してみました. ECMAScript 6 の各ブラウザや処理系での実装状況の詳細はこちらを参照してください. 現時点でこの記事のコードがそのまま実行できる処理系はないと思われます. コードを Babel 等を用いて ECMAScript 5 のコードに変換するか (この場合ジェネレータを利用するために Polyfill が必要になります) arrow functions などの処理系が対応していない部分を書き換えて実行する必要があります. ジェネレータの基本 ECMAScript 6 で提案されているジェネレータについては「function* – Ja
PDFを見ながらMarkdownでメモを取れるアプリを書いた
NW.js(node-webkit)でazu/pdf-markdown-annotatorというアプリを作りました。 pdf-markdown-annotator 簡単に書くと PDFとMarkdownエディタを横に並べてメモを書けるアプリ PDFから選択範囲をエディタに引用 プレビューモードから該当ページにジャンプできる Markdownの読み書き Markdownのプレビュー という感じのシンプルなアプリです。 インストール latest binaryからダウンロード OS X, Windows, Linuxで多分動くはずです なぜ作ったか? 箇条書すると以下のような感じで作りました。 ES5の仕様書を読みたくなった PDF or HTML どっちで読む? メモ付けないと一瞬で忘れる HTMLにメモを書く? HTMLページにメモ付けるタイプはサービスに依存する(保存場所の問題 Home
ES6 を学べる tower-of-babel を作りました。 (workshopper の作り方) - from scratch
さて、NodeSchool が開校された時に、ES6を学べるチュートリアル的なものがほしいと思い、tower-of-babelという名前のチュートリアルツールを作成しました。 github.com このツールはnpm/node.jsを使って作っています。実際に動かすときはnpmがあれば動きます。 npmのインストールは他の記事を参考にしてください。npmが入っていれば、以下のようにすれば実行可能です。 $ npm install tower-of-babel -g $ tower-of-babelそうすると下記のようなダイアログが起動するのでエクササイズを選択して各種問題を解いてください。 全ての問題を解き終わった頃にはなんとなく ES6 の構文が使いたくなってくるはずです。 なにか問題があれば気軽に tower-of-babel のリポジトリに連絡をください。 github.com 以下
Home | Aurelia
Why Aurelia? Join thousands creating next-generation apps. Easy to Learn Aurelia's standards-based, unobtrusive style makes it the only framework that empowers you to build components using vanilla JavaScript or TypeScript. If you know modern JS and HTML, there's little more to learn to build even the most complex apps. High Performance At the core of Aurelia is a high-performance, reactive system
[2015-02] 最近のJavaScript AST標準化の動き
以前書いた記事からのどんな感じの動きがあったのかまとめたものです。 最近気になったJavaScript AST周りの動き | Web Scratch 前回の記事 2015年の1月前後の内容が中心です。 前回のに比べ、JavaScriptのエコシステムの根幹でもあるパーサやASTの仕様まわりについての動きが最近活発なので、その辺を中心にまとめています。 RReverser RReverserさんはここ最近のJavaScript ASTに関係するところならどこでもみかけると思うので紹介。 主にacornのコミッターでもありますが、後ほど出てくるESTreeやBabelなど色々なところで活動しています。 またasterというASTの効率的に処理できるツールチェインを出したりしています。 AST周りでよく見る人やパーサをいかにまとめてあります。 JavaScript AST Links. esto
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
#pxgridjs でJavaScript忘年会をしてきた
{ source: 'VIEW_ACTION', action: { type: 'TODO_CREATE', text: 'Write blog post about Flux' } } Select action type by muddydixon · Pull Request #115 · facebook/fluxというPRでは、イベントネームみたいにactionのtypeを指定出来るようにして、シンプルにそのtypeのコールバックを書けるようにしてる。 (今までのやつだとコールバック内でswitchを並べる感じになってる Flux | Application Architecture for Building User Interfaces ) React.js使ってみた - @ ama-ch 資料: React.js使ってみた Reactを使ってみて思った疑問点 先駆者からの
#JavaScript忘年会
#JavaScript忘年会 今年で忘れていいもの YUI Library :ghost: YUI Important Announcement Regarding YUI | Yahoo Engineering YUIの開発は終了 Yetiも開発終了? - Future of YETI? · Issue #90 · yui/yeti Pure.cssは継続 - YUI is going away - what does this mean for Pure? · Issue #373 · yahoo/pure iframeでクロスドメインハック :ghost: => postMessage :star: window.nameを使った方法 <iframe src="http://example.com/" name="message"> iframe内からはwindow.nameで"me
Direct Proxiesでmethod missing的なことをやる - Qiita
Direct Proxiesとは Direct ProxiesってのはES6の機能の一つで、オブジェクトをラップして様々なタイミングで任意の処理を差し込めるというとっても夢広がリングな機能。 harmony:direct_proxies [ES Wiki] 例えば、プロパティのget/set時に処理を差し込むのはこんな感じ。 （Direct Proxiesは現状だとFirefoxでしか動かない。そして下記のコードは無駄にテンプレートリテラル使ってるのでFirefox 34以上じゃないと動かない） // Proxyを使って処理を書き換える対象のオブジェクト var target = { foo: 'bar' }; // Proxyを使ってtargetに対してhandlerを適用したproxyオブジェクトを得る var proxy = new Proxy(target, { // プロパティ読
Worth watching: Douglas Crockford speaking about the new good parts of JavaScript in 2014
At the Nordic.js 2014 Douglas Crockford was giving a talk about what he considers to be "the good parts" of JavaScript in 2014. He talks about ECMAScript6, what parts of it he could already identify as the new good parts, and of which he thinks, that they are going to be the new bad parts. Read on for my summary or just whatch the video. The "good parts" he identified in ES6 ES6's new (proper) tai
ES6 Module Transpiler
Tomorrow’s JavaScript module syntax today ES6 Module Transpiler is a JavaScript library for converting JavaScript and CoffeeScript files written using the ES6 draft specification module syntax to existing library-based module systems such as AMD, CommonJS, or simply globals. Demo // Edit me! import { Point, pow, sqrt } from "math"; function Segment(start, end) { this.start = start; this.end = end;
jQuery Evergreen
jQuery Evergreen jQuery Evergreen works with modern browsers. It has the same familiar API as jQuery, and is lean & mean with the following, optional modules: selector, class, DOM, event, attr and html. The complete version is under 7KB after minification (2KB gzipped). Much of the original jQuery's "weight" is not included at all, such as $.ajax, $.animate, and $.Deferred. Browser support: latest
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
Effective ES6
GitHub - zloirock/core-js: Standard Library