Fork me on GitHub

2013-07-02のJS: Firefox 22、ES6 Module 、Generators*、SlimerJS

Edit on GitHub 編集履歴を見る

JSer.info #129 - Firefox 22.0がリリースされました。
WebRTCがデフォルト有効になったり、Arrow Functionが実装されたりしています。
Firefoxの開発者ツールもどんどん機能が増えてきていて、23でSourceMapやネットワークモニター等の機能が追加される予定です。

  1. Compiling to JavaScript, and Debugging with Source Maps ✩ Mozilla Hacks – the Web developer blog
  2. New Features in Firefox Developer Tools: Episode 24 ✩ Mozilla Hacks – the Web developer blog

ブラウザのデバッグ機能についてSecrets of the Browser Developer Tools - Secrets等がわかりやすくまとまっています。(最新の情報に追従するの大変そうですが)

丁度ES6 Modulesについて、異なるアプローチで利用する方法の記事がでていたので一緒にみてみると面白いかもしれません。

V8でES6のGernerator が実装されたので、それの利用方法についてわかりやすい記事がでています。
どちらもNode.js環境で実行していますが、まだ起動引数が必要なものであることには注意です。

他の言語でも異なる用語で同じ意味だったりする場合がありますが、ECMAScript 6でのGeneratorとは何かというのはIterators and generators in ECMAScript 6を見るといいかもしれません。

PhantomJSのGecko版ともいえるSlimerJSが公開されています。
SlimerJS自体はGeckoエンジンを持っているわけではなく、FirefoxのバイナリかXulrunnerを使ってヘッドレスブラウザとして動作します。(xvfbに依存しますが…)

PhantomJS APIと互換性持つAPIを実装していき、PhantomJSのスクリプトが動作するようにするのを目的としています。(CasperJSで動かせるのもひとつの目的としてあげられています)

ヘッドライン

✎mobile ReleaseNote

PhoneGap 2.9.0リリース

✎firefox ReleaseNote

Firefox 22リリース.

✎firefox ReleaseNote

Firefox 22の実装されたHTML,CSS,JavaScriptの機能とAddonまわりの変更点と該当Bugへのリンクまとめ

✎firefox ReleaseNote

Firefox 22 での変更点について

✎google HTTP ReleaseNote

GoogleがUDP上でTCP+TLS相当の機能を実現するQUIC (Quick UDP Internet Connections) を公開した

✎JavaScript testing library ReleaseNote

JavaScriptテストフレームワーク jstest 1.0リリース。
jsclass の 一部として開発されてきたが独立して扱えるようになった。

アーティクル

✎firefox ReleaseNote

Firefox 22 でWebRTCがデフォルト有効に。(getUserMediaは20から)

✎JavaScript ECMA library

ES6のModules Syntaxで定義されたjsファイルを、Esprimaを使いパースして読み込むモジュールローダを使って利用するアプローチ

✎JavaScript ECMA workflow

ES6 Module TranspilerとGruntを使ってES6のModulesを変換して、今すぐ利用するワークフローについて。

✎JavaScript BusterJS tutorial

Buster.JSをつかったテストのチュートリアル。
Sinon.JSでのモックについて詳しく書かれてる。

✎IE

Windows Server 2013 R2プレビューでのIE11 の新機能について.
Web API、ES6、F12開発者ツールの刷新

✎IE デバック

IE11の設定と開発者ツールについて

✎QUIC まとめ 翻訳

QUICのUDP, TCP, SPDY といった要素が分かる人向けのFAQを翻訳したもの

✎JavaScript node.js

V8でGenerator*が有効になったので、Node.jsでyeildを使った説明.

✎JavaScript ECMA node.js

Generators* について。
Generatorの基本的な挙動、yeild/next()、send()、throw()とtry-catch.
Generator functionを受け取って進める関数の書き方について

スライド、動画関係

✎css browser スライド

border-radiusについて詳しく書かれたスライド。
実際に動かしながらborder-radiusの指定方法を学べたり、ブラウザ間の挙動の違いを見られる。

✎JavaScript イベント 動画

ScotlandJSの発表動画が公開された

✎jQuery UI HTML5

HTML formとjQuery UIについてのスライド。
datepicker,number,range それぞれの比較

✎DOM css browser スライド

DOMツリーとレンダリングについてのスライド。
パース -> レンダリングツリー(Reflow) -> RePaint の流れについて

✎JavaScript API design スライド

JavaScriptのAPIデザインについての発表
http://www.youtube.com/watch?v=QlQm786MClE
http://www.slideshare.net/TheSatch/secrets-of-awesome-javascript-api-design

✎JavaScript altJS スライド

Haxe と JavaScriptについてのスライド.
Haxeの構文について

✎node.js console Tools スライド

自分用のYeoman generatorの作り方についてのスライド

サイト、サービス、ソフトウェア関係

✎HTML css jQuery リファレンス 検索

MDNのHTMLやCSSについてや、jQueryのリファレンスを検索出来るサイト。

✎HTML5 リファレンス

HTML5のタグリファレンスサイト

✎JavaScript library まとめ

YUIの各バージョンに含まれてるCore moduleのまとめ

✎canvas デバック

Canvasの表示内容のスナップショットを撮ってConsoleに表示するconsole.snapshotメソッド

✎jQuery Chrome デバック

jQueryをデバッグする機能を追加するChrome Dev Tools 拡張.

ツール、ライブラリ関係

✎JavaScript UI library

YUIを使ったUIフレームワーク

✎firefox JavaScript Tools

Firefox(Gecko)版PhantomJSのようなブラウザツール.
PhantomJSのようにスクリプトを読み込ませてヘッドレスブラウザを操作できる。
PhantomJSとスクリプトの互換性を持つことを目標に開発されている

✎JavaScript testing library

JavaScriptテストフレームワーク.
様々な環境で動作するように作られていて、自身もRSpecライクなAssertionやFake等の機能を持っている。
他のTest Runnerと連動して使うことができるのが特徴的

✎キーボード JavaScript library

キーバインドライブラリ.
修飾キーの組み合わせや、バインドの設定をSerialize/Deserialize等の機能を持ってうr

✎JavaScript library

mouse/touch events をlistenして pointer event を 発火させるライブラリ

✎JavaScript Tools console

ディレクトリを指定してそのモジュールが、どのモジュールシステムをサポートしてるかを判定するCLI

✎php Sass

PHPで書かれたSassコンパイラー

書籍関係

✎TypeScript book

無料のTypeScriptについての電子書籍.
主に.NETユーザを対象として書かれてるが、TypeScriptの基本的な機能や使い方についてまとまってる

この記事へ修正リクエストをする
JSer.info Slackに参加する