JSer.info #285 - Babel 6.11.0がリリースされました。
ES2016がリリースされたため、BabelのpresetもES2016に対応したアップデートが公開されています。
babel-preset-es2016
の追加やbabel-preset-stage-2
, babel-preset-stage-3
に2016-05のミーティングの結果を反映したものが公開されています。
Safariのプレビュー版であるSafari Technology Preview Release 7が公開されています。
addEventListenerの第三引数であるEventListenerOptions
のサポートを開始。
'capture': fully supported.
'once': fully supported.
'passive': supported in the sense that preventDefault() will be ignored
-- https://trac.webkit.org/changeset/201735/trunk/Source
window.onerror
の第5引数でerror
オブジェクトを受け取れるように
window.onerror = function(msg, url, line, column, error){}
現在Stage 3のProposalであるTrailing Commas in Function Param Listsをサポートなど幅広い部分への変更が入っています。
Developer Edition 49: Network Request Stack Traces and more ★ Mozilla Hacks – the Web developer blog(翻訳)という記事ではFirefox49で入る予定の開発者ツールの機能について紹介されています。
ネットワークパネルでどこから通信が発生したのかスタックトレースが表示されるようになり、エラーメッセージからMDNで詳細を見られるようになるなど面白い改善が含まれています。
コンソールで起きたエラーメッセージから貼られるドキュメントは以下にまとめられています。
構文エラーのようなエラーメッセージから問題をたどるには手間がかかるため、このような機能は便利だと思います。
ヘッドライン
Release v6.11.0 · babel/babel
github.com/babel/babel/releases/tag/v6.11.0
Babel 6.11.0リリース。
es2016
presetを追加、その他のProposalも現在のStageに追従。
Release v1.0.0 · karma-runner/karma
github.com/karma-runner/karma/releases/tag/v1.0.0
Karma 1.0.0リリース。
preprocessorの実行順序をファイル種別で制御できるようになるなど
jsdom/Changelog.md at 9.3.0 · tmpvar/jsdom
github.com/tmpvar/jsdom/blob/9.3.0/Changelog.md
jsdom 9.3.0リリース。
Audio
コンストラクタのサポート、Image
の挙動を仕様準拠となるように修正など
Release Notes for Safari Technology Preview Release 7 | WebKit
webkit.org/blog/6640/release-notes-for-safari-technology-preview-release-7/
Safari Technology Preview 7リリース。
addEventListener
がEventListenerOptionsをサポート、window.onerror
でerror
オブジェクトを受け取れるように。
関数の引数における末尾カンマのサポート、::placeholder
のprefixが外れるなど
アーティクル
ESLint Part 1: Exploration | Scott Nonnenberg
blog.scottnonnenberg.com/eslint-part-1-exploration/
ESLintの導入から設定についてのチュートリアル
Developer Edition 49: Network Request Stack Traces and more ★ Mozilla Hacks – the Web developer blog
hacks.mozilla.org/2016/06/developer-edition-49-network-request-stack-traces-and-more/
Firefox 49の開発者ツールについて。
ネットワークパネルでどこから通信が発生したのかスタックトレースできるように、エラーメッセージの詳細をMDNで見られるように、アクセシビリティの改善など
- David Baron's weblog: Running animations on the compositor thread
- Developer Edition 49:ネットワークモニタでのスタックトレース表示、など | Mozilla Developer Street (modest)
A 𝝺-calculus interpreter
tadeuzagallo.com/blog/writing-a-lambda-calculus-interpreter-in-javascript/
JavaScriptで小さなλ言語のパーサとインタプリタを実装するチュートリアル。
15 Ways to Write Self-documenting JavaScript
www.sitepoint.com/self-documenting-javascript/
Self-documentingなコードを書く方法について
Debugging Node.js Nightlies with Chrome DevTools — Medium
medium.com/@paul_irish/debugging-node-js-nightlies-with-chrome-devtools-7c4a1b95ae27
Node.jsのnightlyに入ったChromeの開発者ツールでのデバッグの方法について
Autoprefixer on Twitter: "To clean CSS from prefixes run Autoprefixer with browsers: [] https://t.co/5CVdedVFMV"
twitter.com/autoprefixer/status/745762946626764804
CSSからprefixを外すには対象ブラウザの設定無しにしたAutoPrefixerを実行すれば良いというTips
RxJS(5.x)で行うテストファーストな機能開発 | MMMブログ
blog.mmmcorp.co.jp/blog/2016/06/25/testing-rxjs-5/
RxJS 5のObservableをマーブル記法というDSLで書いてテストする方法について
TypeScript の型定義ファイルと仲良くなろう - Hatena Developer Blog
developer.hatenastaff.com/entry/2016/06/27/140931
TypeScriptの型定義でのハマりどころや、型定義ファイルの読み書きに必要な知識について
サイト、サービス、ドキュメント
JavaScript error reference - JavaScript | MDN
developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors
JavaScriptのよくあるエラーメッセージのリファレンス。
何が問題で起きてるのか、実際に起きるサンプルコードがまとめられている
ソフトウェア、ツール、ライブラリ関係
Monaco Editor
microsoft.github.io/monaco-editor/
VS Codeのエディタ部分であるMonaco Editorが個別のパッケージとして公開された
tmanderson/babelconf: Conveniently create a .babelrc configuration
github.com/tmanderson/babelconf
.babelrc
の設定を選択式で作成できるCLI
thoov/mock-socket: Javascript mocking library for websockets and socket.io
WebSocketsとSocket.IOのモックライブラリ
davidmarkclements/0x: Flame Graph Profiling with a Single Command
github.com/davidmarkclements/0x
インタラクティブなフレームグラフを作成できるツール。
Node.jsで実行したアプリのスタックトレースをフレームグラフで可視化できる
markerikson/redux-ecosystem-links: A categorized list of Redux-related addons, libraries, and utilities
github.com/markerikson/redux-ecosystem-links
Redux関連のライブラリなどについてのまとめ
書籍関係
Amazon.co.jp: Js.next: Ecmascript 6: Aaron Frost: 洋書
www.amazon.co.jp/Js-next-Ecmascript-6-Aaron-Frost/dp/1449336361
2017年4月25日発売
ES6についての書籍
SVG Animations: From Common UX Implementations to Complex Responsive Animation: Sarah Drasner: 9781491939703: Amazon.com: Books
www.amazon.com/SVG-Animations-Implementations-Responsive-Animation/dp/1491939702
2017年1月25日発売
SVGアニメーションについての書籍