Fork me on GitHub

2014-08-04のJS: traceur-compiler入門、Eloquent JavaScript第二版

Edit on GitHub 編集履歴を見る

JSer.info #186 - traceur-compiler 入門 - from scratch という記事では、ES6をES5(要runtime)に変換するツールであるTraceurについて詳しく書かれています。
Traceur Compilerの基本的な使い方からES6のコード例などについて書かれています。

ES6のサンプルコードはes6featuresがよくまとまっていますが、以前試した時もTraceurで結構扱えていたのでこの辺も試してみるといいかもしれません。

また、Using ECMAScript 6 todayという記事ではES6で入った機能の概要や関連リソースの紹介がされています。

es6-toolsにES6関係のツールはまとまっていますが最初にみても迷うと思います。
上記の記事では主要なツールについてがまとまっているので興味をもった人は見ておくといいかもしれません。


英語圏では著名な無料で読めるJavaScript書籍であるEloquent JavaScriptの第二版がリリースされました。

CC-BY-NCでリリースされていてソースコードもmarijnh/Eloquent-JavaScriptで公開されています。

自分もJavaScript Promiseの本で同じような仕組みを実装しましたが、Eloquent JavaScriptのオンライン版ではコードがその場で実行して見られるようになっています。

interactive

同じく無料でオンライン版を読むことができるSpeaking JavaScriptと共にオススメです。


お知らせ

今サイト上で見てる人は気づいてると思いますが、JSer.infoがTumblrからGitHub Pagesに移行しました。

技術的な背景など詳しくはJSer.infoをTumblrからGitHub Pagesに移行しました - JSer.infoに書いてあります。

GitHub上にソースがそのままあるため、記事の修正等がjser/jser.github.ioへ直接送れるようになっています。

今後ともよろしくお願いします。


ヘッドライン


Announcing Scala.js 0.5.3

www.scala-js.org/news/2014/07/30/announcing-scalajs-0.5.3/

JavaScript scala ReleaseNote

Scala.js 0.5.3 リリース。

パフォーマンスの改善


V8 Memory Corruption and Stack Overflow (fixed in Node v0.8.28 and v0.10.30)

blog.nodejs.org/2014/07/31/v8-memory-corruption-stack-overflow/

node.js ReleaseNote セキュリティ

Node 0.10.xと0.8.xのsecurity fix.


Vue.js 0.10.6, and what's next - vue.js

vuejs.org/2014/07/29/vue-next/

JavaScript ReleaseNote library

Vue.js 0.10.6リリース。

Vue-nextについても書かれている。

スクラッチで書きなおしている理由として、デザインの問題とコードの質の改善を上げてる。


Brackets 0.42 Release (Themes!) – Brackets Blog

blog.brackets.io/2014/08/01/brackets-0-42-release-themes/

JavaScript IDE ReleaseNote

Brackets 0.42リリース。

言語切替とテーマのサポート


アーティクル


JavaScript and V8 TurboFan

ariya.ofilabs.com/2014/08/javascript-and-v8-turbofan.html

JavaScript V8

V8にlandedしたばかりの新しいOptimizing compilerであるTurboFanについての解説。

Crankshaftの後任的なものでまだ開発が始まったばかり


3 New JavaScript APIs You May Want to Follow

www.sitepoint.com/3-new-javascript-apis-may-want-follow/

WebPlatformAPI JavaScript

最近ドラフトがリリースされたWeb Alarms API, Presentation API, Standby APIについて


Event listeners popup, @media sidebar, Cubic bezier editor + more – Firefox Developer Tools Episode 33 ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2014/07/event-listeners-popup-media-sidebar-cubic-bezier-editor-more-firefox-developer-tools-episode-33/

firefox debug tools

Firefox33に入る開発者ツールの機能紹介。

DOMから関連するイベントリスナーの表示、media queryのルール表示、イージングエディタ、コマンドの追加、min.jsをデバッグの対象外にする機能等


Using ECMAScript 6 today

www.2ality.com/2014/08/es6-today.html

JavaScript ECMAScript Tools

今日から使えるES6について。

ES6の機能のハイライトやライブラリやツール、Traceur等のTranspilerについて。


traceur-compiler 入門 - from scratch

yosuke-furukawa.hatenablog.com/entry/2014/07/31/093041

ECMAScript JavaScript tools google

traceur-compilerについての解説。

ES6のコードをES5で実行出来るように変換(要runtime)、対応してるES6の構文、ExperimentalなES7の機能、メリット・デメリット、類似ツールについて。


Atom Shell vs Node-Webkit - 牛角堂

blog.iwege.com/posts/atom-shell-vs-node-webkit.html

atom node-webkit

Atom Shellとnode-webkitの比較(中国語)

entry-pointの違い、Chromiumアップデートの対応(ビルドシステム)、マルチコンテキスト、プロセス分離とコミュニケーション、パッケージ管理などについてよくまとまってる。


EcmaScript 6 Template Strings | mozintern

mozintern.wordpress.com/2014/07/31/ecmascript-6-template-strings-2/

firefox JavaScript

Firefox34あたりで入るTemplate Stringsについて


スライド、動画関係


AngularJS入門の巻

www.slideshare.net/itokami1123/angularjs-34533999

AngularJS スライド

AngularJSのデータバインディング、モジュール、スコープとデータの反映についてのスライド。


サイト、サービス


CSS Triggers...

csstriggers.com/

CSS 検索 まとめ

CSSプロパティ別にreflowやrepaintの発生、Compositeが可能かどうかが一覧出来る。

Chrome DevToolsで調べた結果を元にしてる。


Opinionated AngularJS styleguide for teams

toddmotto.com/opinionated-angular-js-styleguide-for-teams/

AngularJS JavaScript

AngularJSのコーディングスタイルガイド。


commits.peter.sh/

Chrome blink V8 git

Chromium,Blink,Skia,V8のコミットハイライトをまとめてるpeterさんのサイト。

RSSも追加された


ソフトウェア、ツール、ライブラリ関係


flerro/jop

github.com/flerro/jop

JSON console Tools

Node.js製のJSONを扱うコマンドラインツール。

整形表示、データのフィルタリング、カウント、グループング、変換等。jq的なツール


facebook/immutable-js

github.com/facebook/immutable-js

JavaScript 関数型プログラミング library

immutableなVector、Map、Set等を提供してくれるライブラリ。

それぞれ同名のオブジェクトと同じメソッドを提供してくれるのと、遅延シーケンスに対応してる。

ES6で書かれていて、変換したものを配布している。


DOM Event Delegation without jQuery | Matt Andrews

mattandre.ws/2014/08/small-beautiful-dom-delegation/

DOM JavaScript library

依存がないシンプルなDOM delegateライブラリ。

elementを取って、そこに対してイベントを設定出来る


書籍関係


Eloquent JavaScript

eloquentjavascript.net/

JavaScript book

Eloquent JavaScript第二版がリリースされた


Amazon: 入門Backbone.js (Programmer's SELECTION): James Sugrue

www.amazon.co.jp/dp/479813712X?tag=amazon0abac-22

backbone.js 翻訳 book

2014年8月29日発売

http://www.apress.com/9781430263340 の翻訳本


この記事へ修正リクエストをする
記事を紹介する