2018-04-17のJS

Prettier 1.12: Fixes, Features, and Formatting, Oh My! · Prettier

Prettier 1.12リリース。 JavaScript、Markdown、GraphQLのサポート改善など

New WebKit Features in Safari 11.1 | WebKit

Safari 11.1の変更点や追加された機能についての開設。 Service Worker、Payment Request API、Clipboard API、Passive Event Listeners、<del>Offscreen Canvas</del>など

Ember.js - Ember 3.1 and 3.2 Beta Released

Ember 3.1リリース。 Computed PropertiesがES5 getterで定義されるようになり、Ember.get()this.get()使わなくても値が取得できるようになった。 @ember/optional-featuresがリリースされ、ember-cli経由でEmber自体のBreaking Changeをフラグ管理ができるようになるなど

Release v0.70.0 · facebook/flow

Flow 0.70.0リリース。 React 16.3(createContextcreateRef)の対応、--json-version 2の出力結果に破壊的な変更など

Release 8.3 “Benigno Numine” · postcss/autoprefixer

Autoprefixer 8.3.0リリース。 grid-template@mediaの組み合わせをサポート

zzarcon/default-passive-events: Makes \{passive: true\} by default when EventListenerOptions are supported

Passive Event Listenersをデフォルトで有効化するようにEventTarget.prototype.addEventListenerの処理を上書きするライブラリ

Improving DevTools’ performance, one iteration at a time – Firefox Nightly News

Firefox 60での開発者ツールのパフォーマンス改善について。

What's New In DevTools (Chrome 67)  |  Web  |  Google Developers

Chrome 67の開発者ツールの変更点について。 ネットワークパネルの検索改善、リクエストをfetch APIのコードとしてコピーできるように、Auditパネルの改善、無限ループを停止できるように。 また、メモリパネル、パフォーマンスパネルでSite Isolationを適応時のプロセス分離に対応など

Introducing the Accessibility Inspector in the Firefox Developer Tools – Marco's Accessibility Blog

FirefoxのNightlyビルドで開発者ツールにアクセシビリティパネルが追加されたことについて。 DOMツリーのアクセシビリティについてをデバッグする機能について

Whats New in Angular 6 ?Walking Tree Technologies | Walking Tree Technologies

現在RC版が公開されているAngular 6の変更点の概要

SafariのUA文字列が固定されて固定されなくなったおはなし - fragmentary

Safari TP 46でUA文字列固定化は一度導入されたが、固定を取りやめることになった経緯について

モバイル/オフラインでも動作するはてなブックマーク検索のPWAを作った | Web Scratch

https://hatebupwa.netlify.com/ の技術スタックについて。 WebWorkerを使った別スレッドでのフィルタリング処理、Servie Workerでのキャッシュ、React ContextとAlmin、domainのシリアライズと永続化についてなど

Automatic Progressive Web Apps using Angular Service Worker by Maxim Salnikov

AngularとPWAについてのスライド。 Angular CLIでの開発方法、NGSW、Service Workerのバージョン管理や登録を解除するスイッチの導入などについて

VuePress

Vue.jsを使った静的サイトツール。 docusaurusのようにビルトインの機能があり、Vueを使ったテンプレートのカスタマイズができるツール

Sneak Peek at WebAssembly Studio – Mozilla Hacks – the Web developer blog

ブラウザ上でC/C++/RustのコードをWebAssemblyにコンパイルして実行できる開発環境のWebAssembly.Studioがβ公開された

Webdash | The customizable web dashboard

ウェブプロジェクトに関するダッシュボードツール。 パッケージの可視化、npm scriptをボタンで実行、Performance Budgetの表示、Workbox連携などを行う。

sarahdayan/dinero.js: 💸 An immutable library to create, calculate and format monetary values.

通貨の計算を扱うライブラリ。 Immutableなデータとして通貨と金額を扱い、また浮動小数点数の問題を回避した計算するメソッドを提供する。 フォーマットにはNumber.prototype.toLocaleStringを利用している。

glidejs/glide: A dependency-free JavaScript ES6 slider and carousel. It’s lightweight, flexible and fast. Designed to slide. No less, no more

依存がないカルーセル/スライダーUIライブラリ

基礎から学ぶ Vue.js | mio |本 | 通販 | Amazon

2018年5月29日発売。 リファレンス形式のVue.jsについての書籍

ECMAScript Cookbook | PACKT Books

ECMAScript 2015以降のコードについて扱うクックブック

Introduction · Front-End Developer Handbook 2018

Front-End Developer Handbook 2018が公開された