Fork me on GitHub

2016-06-27のJS: Babel 6.11.0、Safari TP7、Firefox 49の開発者ツール

Edit on GitHub 編集履歴を見る

JSer.info #285 - Babel 6.11.0がリリースされました。

ES2016がリリースされたため、BabelのpresetもES2016に対応したアップデートが公開されています。

babel-preset-es2016の追加やbabel-preset-stage-2, babel-preset-stage-32016-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 ReleaseNote

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

JavaScript testing library ReleaseNote

Karma 1.0.0リリース。
preprocessorの実行順序をファイル種別で制御できるようになるなど


jsdom/Changelog.md at 9.3.0 · tmpvar/jsdom

github.com/tmpvar/jsdom/blob/9.3.0/Changelog.md

JavaScript DOM library ReleaseNote

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 ReleaseNote

Safari Technology Preview 7リリース。
addEventListenerがEventListenerOptionsをサポート、window.onerrorerrorオブジェクトを受け取れるように。
関数の引数における末尾カンマのサポート、::placeholderのprefixが外れるなど


アーティクル


ESLint Part 1: Exploration | Scott Nonnenberg

blog.scottnonnenberg.com/eslint-part-1-exploration/

ESLint tutorial

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 debug

Firefox 49の開発者ツールについて。
ネットワークパネルでどこから通信が発生したのかスタックトレースできるように、エラーメッセージの詳細をMDNで見られるように、アクセシビリティの改善など


A 𝝺-calculus interpreter

tadeuzagallo.com/blog/writing-a-lambda-calculus-interpreter-in-javascript/

JavaScript tutorial

JavaScriptで小さなλ言語のパーサとインタプリタを実装するチュートリアル。


15 Ways to Write Self-documenting JavaScript

www.sitepoint.com/self-documenting-javascript/

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 V8

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 設定

CSSからprefixを外すには対象ブラウザの設定無しにしたAutoPrefixerを実行すれば良いというTips


RxJS(5.x)で行うテストファーストな機能開発 | MMMブログ

blog.mmmcorp.co.jp/blog/2016/06/25/testing-rxjs-5/

Rx testing

RxJS 5のObservableをマーブル記法というDSLで書いてテストする方法について


TypeScript の型定義ファイルと仲良くなろう - Hatena Developer Blog

developer.hatenastaff.com/entry/2016/06/27/140931

TypeScript

TypeScriptの型定義でのハマりどころや、型定義ファイルの読み書きに必要な知識について


サイト、サービス、ドキュメント


JavaScript error reference - JavaScript | MDN

developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Errors

JavaScript debug document リファレンス

JavaScriptのよくあるエラーメッセージのリファレンス。
何が問題で起きてるのか、実際に起きるサンプルコードがまとめられている


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


Monaco Editor

microsoft.github.io/monaco-editor/

JavaScript editor library

VS Codeのエディタ部分であるMonaco Editorが個別のパッケージとして公開された


tmanderson/babelconf: Conveniently create a .babelrc configuration

github.com/tmanderson/babelconf

babel 設定 Tools

.babelrc の設定を選択式で作成できるCLI


thoov/mock-socket: Javascript mocking library for websockets and socket.io

github.com/thoov/mock-socket

WebSocket library

WebSocketsとSocket.IOのモックライブラリ


davidmarkclements/0x: Flame Graph Profiling with a Single Command

github.com/davidmarkclements/0x

JavaScript library

インタラクティブなフレームグラフを作成できるツール。

Node.jsで実行したアプリのスタックトレースをフレームグラフで可視化できる


github.com/markerikson/redux-ecosystem-links

redux まとめ

Redux関連のライブラリなどについてのまとめ


書籍関係


Amazon.co.jp: Js.next: Ecmascript 6: Aaron Frost: 洋書

www.amazon.co.jp/Js-next-Ecmascript-6-Aaron-Frost/dp/1449336361

JavaScript book

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

SVG book

2017年1月25日発売
SVGアニメーションについての書籍


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