Fork me on GitHub

2014-11-17のJS: IEプレビュー版のES6サポート、Jasmine 2.1.0、TypeScript 1.3

Edit on GitHub 編集履歴を見る

JSer.info #202 - Windows 10の新しいプレビュー版が公開されたため、IEのプレビュー版(IE12のプレビュー版?)もアップデートされました。

IE11にてEdge document modeというのが導入されて、IEのプレビュー版もこのEdgeモードがデフォルトになります。
EdgeモードではウェブサイトのX-UA-Compatibleを無視し互換モードにはならないようになっています。
逆に互換表示モードとなるのはイントラネット、互換表示リストに記載されてるサイト、エンタープライズモードで指定した場合のみとなります。

また、UA判定をしてIEの時に挙動を変えるサイトがあるため、IEのプレビュー版ではUAも異なるものとなっています。

今回のプレビュー版のアップデートでCSS Transforms、CSP 1.0、CSS Interaction Media Queries、Gamepad API、WAV Audio(HTML5 Audio)、Selection APIのサポートなどがされています。

また、ES6対応もかなり進んでいて、ClassやPromises、Iterator、Arrow Function、ビルドインオブジェクトのメソッド拡張、Spread、Template Strings、Symbols、Proxy、WeakSet等のサポートが入っています。

現時点でサポートされているES6の機能が一番多いブラウザになってる感じです。("Experimental Web Platform Features"フラグをONにする必要があります)


Jasmine Core 2.1.0 がリリースされました。

beforeAllafterAll がサポートされ、また fitfdescribe という関数が追加されています。fitfdescribeitdescribeの代わりに使うことで、これで指定したテストだけを動かす事が出来ます(xitとか`it.onlyみたいなメソッドで同じようなものを見たことがあるかもしれません)

fail が同期、非同期のテストどちらであってもちゃんとテストを失敗させることができるようになったり、itなどにカスタムタイムアウトを指定出来るようになりました。

2.1のドキュメントは以下に公開されています。


ヘッドライン


Living on the Edge – our next step in helping the web just work - IEBlog - Site Home - MSDN Blogs

blogs.msdn.com/b/ie/archive/2014/11/11/living-on-the-edge-our-next-step-in-interoperability.aspx

IE ECMAScript JavaScript

IE12?の新しいプレビュー版が公開された。

多くのES6の機能が入り、CSP 1.0、CSS Interaction Media Queries、Gamepad API等が実装された。

またドキュメントモードの挙動もEdgeがデフォルトとなり、互換表示となる場合が限定された。


jasmine/2.1.0.md at master · pivotal/jasmine

github.com/pivotal/jasmine/blob/master/release_notes/2.1.0.md

JavaScript testing library ReleaseNote

Jasmine 2.1.0リリース。

fitfdescribeで指定したテストのみを実行出来るように、beforeAllafterAllのサポート、failのサポート、それぞれタイムアウトの時間指定のサポート等


Sinon.JS/Changelog.txt at v1.12.1 · cjohansen/Sinon.JS

github.com/cjohansen/Sinon.JS/blob/v1.12.1/Changelog.txt

JavaScript library ReleaseNote

Sinon.JS 1.12.1 リリース。

Fake timersが単体のモジュールに分離、setImmediateとsetTimeoutを同時に使った時の順番の問題を改善、AMDの対応改善など


power-assert/CHANGELOG.md at v0.10.0 · twada/power-assert

github.com/twada/power-assert/blob/v0.10.0/CHANGELOG.md

JavaScript testing ReleaseNote

power-assert 0.10.0リリース。

設定や出力に使うモジュールを指定等が出来る.customize APIをサポート。

diff等のassert結果の細かいカスタマイズが可能になった


Announcing TypeScript 1.3 - TypeScript - Site Home - MSDN Blogs

blogs.msdn.com/b/typescript/archive/2014/11/12/announcing-typescript-1-3.aspx

TypeScript ReleaseNote

TypeScript 1.3リリース。

protected アクセス修飾子、tupleのサポート、Visual Studioでコード構文解析やリファクタリング機能の改善


Release 4.0 “Indivisibiliter ac Inseparabiliter” · postcss/autoprefixer

github.com/postcss/autoprefixer/releases/tag/4.0.0

CSS JavaScript Tools

Autoprefixer 4.0リリース。 Source Mapがデフォルト有効に、prevでSource Mapを指定時にエラーが起きた時に元の行数を示せるように、不要なprefixの削除がデフォルト有効になる等


アーティクル


Announcing ES6 and JSX Support - ESLint

eslint.org/blog/2014/11/es6-jsx-support/

ECMAScript JavaScript Tools

ESLintではES6とJSXをサポートしたブランチ es6jsx が用意されて、masterとは別モジュールとしてインストールする事でES6のコードに対応する。
JSXはオプションで有効化出来る。

また、現時点ではES6ではスコープの表現力が変わったため、正しく動作しないルールが存在している。

年内にES6対応をリリース予定


Underscore vs Lo-Dash

benmccormick.org/2014/11/12/underscore-vs-lodash/

JavaScript library

UnderscoreとLo-Dashについて。

Lo-DashはUnderscoreを書き直し+機能追加したもの。

2つの違いについてユーザビリティ、ファイルサイズ、バージョニング、追加機能、パフォーマンスの観点で書かれている。


npm で依存もタスクも一元化する - Qiita

qiita.com/Jxck_/items/efaff21b977ddc782971

npm node.js console Tools

npm run-scriptをtask runnerのインターフェースとして使う話


interact.js for drag and drop, resizing and multi-touch gestures ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2014/11/interact-js-for-drag-and-drop-resizing-and-multi-touch-gestures/

JavaScript library

要素をD&D、リサイズ、multi-touch等に対応した処理を書くことが出来るinteract.jsについての紹介記事


Building a Q&A System With Polymer and Firebase

divshot.com/blog/web-components/building-a-qa-system-with-polymer-and-firebase/

JavaScript tutorial WebComponents

PolymerとFirebaseを使ったQ&Aシステム作るチュートリアル


native_javascript_data_binding

www.sellarafaeli.com/blog/native_javascript_data_binding

JavaScript tutorial

Object.observeを使ったデータバインディング、getter/setterを使ったデータバインディングの実装について


wilmoore/frontend-packagers

github.com/wilmoore/frontend-packagers

JavaScript まとめ

フロントエンド向けのパッケージマネージャ管理ツールのまとめ


Getfirebug Blog » Blog Archive » Firebug 3 – next generation of Firebug

blog.getfirebug.com/2014/11/10/firebug-3-next-generation-of-firebug/

Firebug ReleaseNote

Firebug 3αリリース。

Firefox開発者ツールをベースにした拡張となる。

Firefox開発者ツールにFirebug風のテーマやDOMパネル等の機能を追加出来るアドオン


Mozilla Introduces the First Browser Built For Developers: Firefox Developer Edition ✩ Mozilla Hacks – the Web developer blog

hacks.mozilla.org/2014/11/mozilla-introduces-the-first-browser-built-for-developers-firefox-developer-edition/

firefox software

Firefox Developer Editionが公開された(Auroraと呼ばれていたもの)


スライド、動画関係


BlinkOn 3 One-Pager - http://bit.ly/blinkon3 - Google ドキュメント

docs.google.com/document/d/1m6JNcFYnwJ0I7OWHrs-meO6820oM_5q9jSELOPDAQnc/edit#

JavaScript Chrome blink イベント スライド まとめ

Blinkについてのカンファレンスのスライドまとめ


CSSI: CSS Investigation // Speaker Deck

speakerdeck.com/studiomohawk/cssi-css-investigation

CSS スライド

CSSのコードレビューやツールについてのスライド


Simplifying Async Programs

jlongster.com/s/nationjs-slides/#/

JavaScript スライド

js-CSPについてのスライド


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


wooorm/franc

github.com/wooorm/franc

JavaScript 言語 library

テキストから言語判定が出来るJavaScriptライブラリ


sinonjs/lolex

github.com/sinonjs/lolex

JavaScript library testing

SinonJSのFake timersライブラリ。

SinonJSから独立して使えるようになった


danielstjules/jsinspect

github.com/danielstjules/jsinspect

JavaScript console Tools

JavaScriptのファイル(複数ファイルも可能)から構造的に類似している部分を抽出してdiff表示出来るツール


書籍関係


The Pragmatic Bookshelf | Dart 1 for Everyone

pragprog.com/book/csdart1/dart-1-for-everyone

dart book

Dartについての書籍


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