JSer.info #202 - Windows 10の新しいプレビュー版が公開されたため、IEのプレビュー版(IE12のプレビュー版?)もアップデートされました。
IE11にてEdge document modeというのが導入されて、IEのプレビュー版もこのEdgeモードがデフォルトになります。
EdgeモードではウェブサイトのX-UA-Compatibleを無視し互換モードにはならないようになっています。
逆に互換表示モードとなるのはイントラネット、互換表示リストに記載されてるサイト、エンタープライズモードで指定した場合のみとなります。
"Living" Edge document mode,
イントラでenterpriseモード使ってれば互換性リストで動作確保.
Webには最新機能ガンガン入れてくよ.
古いIEへのフォールバックコード無視するUA文字列にするよ.
http://t.co/5OBcP6la3J
— さねゆき (@saneyuki_s) November 13, 2014また、UA判定をしてIEの時に挙動を変えるサイトがあるため、IEのプレビュー版ではUAも異なるものとなっています。
IE’s upcoming “interoperable UA string”. (Context: http://t.co/W0LeK8GCLe.) pic.twitter.com/VsY2VgEe8Y
— Šime Vidas (@simevidas) November 13, 2014今回のプレビュー版のアップデートで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 がリリースされました。
beforeAll と afterAll がサポートされ、また fit と fdescribe という関数が追加されています。fit と fdescribeはitやdescribeの代わりに使うことで、これで指定したテストだけを動かす事が出来ます(xitとか`it.onlyみたいなメソッドで同じようなものを見たことがあるかもしれません)
fail が同期、非同期のテストどちらであってもちゃんとテストを失敗させることができるようになったり、itなどにカスタムタイムアウトを指定出来るようになりました。
2.1のドキュメントは以下に公開されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
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
IE12?の新しいプレビュー版が公開された。
多くのES6の機能が入り、CSP 1.0、CSS Interaction Media Queries、Gamepad API等が実装された。
またドキュメントモードの挙動もEdgeがデフォルトとなり、互換表示となる場合が限定された。
- IE11 の「エンタープライズ モード」の新機能 – ドキュメント モードの指定 | Hebikuzure's Tech Memo
- さねゆき on Twitter: ""Living" Edge document mode, イントラでenterpriseモード使ってれば互換性リストで動作確保. Webには最新機能ガンガン入れてくよ. 古いIEへのフォールバックコード無視するUA文字列にするよ. http://t.co/5OBcP6la3J"
- Šime Vidas on Twitter: "IE’s upcoming “interoperable UA string”. (Context: http://t.co/W0LeK8GCLe.) http://t.co/VsY2VgEe8Y"
jasmine/2.1.0.md at master · pivotal/jasmine
github.com/pivotal/jasmine/blob/master/release_notes/2.1.0.md
Jasmine 2.1.0リリース。
fit、fdescribeで指定したテストのみを実行出来るように、beforeAll、afterAllのサポート、failのサポート、それぞれタイムアウトの時間指定のサポート等
Sinon.JS/Changelog.txt at v1.12.1 · cjohansen/Sinon.JS
github.com/cjohansen/Sinon.JS/blob/v1.12.1/Changelog.txt
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
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 1.3リリース。
protected アクセス修飾子、tupleのサポート、Visual Studioでコード構文解析やリファクタリング機能の改善
Release 4.0 “Indivisibiliter ac Inseparabiliter” · postcss/autoprefixer
github.com/postcss/autoprefixer/releases/tag/4.0.0
Autoprefixer 4.0リリース。 Source Mapがデフォルト有効に、prevでSource Mapを指定時にエラーが起きた時に元の行数を示せるように、不要なprefixの削除がデフォルト有効になる等
アーティクル
Announcing ES6 and JSX Support - ESLint
eslint.org/blog/2014/11/es6-jsx-support/
ESLintではES6とJSXをサポートしたブランチ es6jsx が用意されて、masterとは別モジュールとしてインストールする事でES6のコードに対応する。
JSXはオプションで有効化出来る。
また、現時点ではES6ではスコープの表現力が変わったため、正しく動作しないルールが存在している。
年内にES6対応をリリース予定
Underscore vs Lo-Dash
benmccormick.org/2014/11/12/underscore-vs-lodash/
UnderscoreとLo-Dashについて。
Lo-DashはUnderscoreを書き直し+機能追加したもの。
2つの違いについてユーザビリティ、ファイルサイズ、バージョニング、追加機能、パフォーマンスの観点で書かれている。
npm で依存もタスクも一元化する - Qiita
qiita.com/Jxck_/items/efaff21b977ddc782971
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/
要素を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/
PolymerとFirebaseを使ったQ&Aシステム作るチュートリアル
native_javascript_data_binding
www.sellarafaeli.com/blog/native_javascript_data_binding
Object.observeを使ったデータバインディング、getter/setterを使ったデータバインディングの実装について
wilmoore/frontend-packagers
github.com/wilmoore/frontend-packagers
フロントエンド向けのパッケージマネージャ管理ツールのまとめ
Getfirebug Blog » Blog Archive » Firebug 3 – next generation of Firebug
blog.getfirebug.com/2014/11/10/firebug-3-next-generation-of-firebug/
Firebug 3αリリース。
Firefox開発者ツールをベースにした拡張となる。
Firefox開発者ツールにFirebug風のテーマやDOMパネル等の機能を追加出来るアドオン
Mozilla Introduces the First Browser Built For Developers: Firefox Developer Edition ✩ Mozilla Hacks – the Web developer blog
Firefox Developer Editionが公開された(Auroraと呼ばれていたもの)
- 開発者のために作られた初めてのブラウザ、Firefox Developer Edition を公開しました | Mozilla Developer Street (modest)
- Firefox Developer Edition — Mozilla
スライド、動画関係
BlinkOn 3 One-Pager - http://bit.ly/blinkon3 - Google ドキュメント
docs.google.com/document/d/1m6JNcFYnwJ0I7OWHrs-meO6820oM_5q9jSELOPDAQnc/edit#
Blinkについてのカンファレンスのスライドまとめ
CSSI: CSS Investigation // Speaker Deck
speakerdeck.com/studiomohawk/cssi-css-investigation
CSSのコードレビューやツールについてのスライド
Simplifying Async Programs
jlongster.com/s/nationjs-slides/#/
js-CSPについてのスライド
ソフトウェア、ツール、ライブラリ関係
wooorm/franc
テキストから言語判定が出来るJavaScriptライブラリ
sinonjs/lolex
SinonJSのFake timersライブラリ。
SinonJSから独立して使えるようになった
danielstjules/jsinspect
github.com/danielstjules/jsinspect
JavaScriptのファイル(複数ファイルも可能)から構造的に類似している部分を抽出してdiff表示出来るツール
書籍関係
The Pragmatic Bookshelf | Dart 1 for Everyone
pragprog.com/book/csdart1/dart-1-for-everyone
Dartについての書籍
