Fork me on GitHub

2017-08-29のJS: Prettier 1.6.0の設定ファイルサポート、Polymer 3.0がES Modulesへ移行

Edit on GitHub 編集履歴を見る

JSer.info #346 - Opinionatedな整形ツールのPrettier 1.6.0がリリースされました。

Prettierは今までCLIの引数でしかオプションを定義できませんでした。1.6.0から.prettierrcなどの設定ファイルでも定義できるようになりました。
また、無視ファイルを設定できる--ignore-pathが追加されています。ESLintやgitignoreと同じ形式なのでprettier --ignore-path .eslintignoreのような使い方もできるそうです。
あわせてCLIが複数の入力を受け付けるようになったので、prettier --write '{**/*,*}.{js,jsx,json}' '!vendor/**'のようなglobにより否定パターンも記述しやすくなっています。

JSXやCSSの対応改善やTypeScript 2.5 RCのサポートなどが行われています。


Polymer 3.0がプレビュー公開されています。

HTML ImportsベースだったものをES Modulesへ移行し、Bowerで配布していたのをnpm(yarn)に移行するなどが大きな変更が含まれる予定です。

詳細は次の動画でも見ることができます。

HTML ImportsからES Modulesへの移行するツールとしてpolymer-modulizerを公開しています。


ヘッドライン


Release Notes for Safari Technology Preview 38 | WebKit

webkit.org/blog/7877/release-notes-for-safari-technology-preview-38/

safari ReleaseNote

Safari Technology Preview Release 38リリース。
Beacon APIのサポート、Web Paymentsを試験的にサポート、font-display/caret-colorの対応、input要素のaccept属性のサポートなど


Release Inferno 3.8.0 · infernojs/inferno

github.com/infernojs/inferno/releases/tag/v3.8.0

JavaScript library ReleaseNote

Inferno 3.8.0リリース。
inferno-routerが非同期データ取得をサポート、dangerouslySetInnerHtmlのバグ修正など


bumped/bumped: Makes easy release software

github.com/bumped/bumped

npm node.js Tools

npm publishまわりの補助ツール。
semverに対するサブコマンドの対応、publishライフサイクルに対するパイプライン処理を書ける、プラグインでの拡張など


Release v0.4.0 · sonarwhal/sonar

github.com/sonarwhal/sonar/releases/tag/0.4.0

JavaScript Tools web

sonar v0.4.0リリース。
Strict-Transport-Security/Set-Cookieヘッダーをチェックするルール、viewportの値をチェックするルールの追加など


Release 1.6.0: Config File, JSX · prettier/prettier

github.com/prettier/prettier/releases/tag/1.6.0

JavaScript Tools ReleaseNote

prettier 1.6.0リリース。
.prettierrc.prettierignoreの設定ファイルをサポート。
JSXのサポート改善、TypeScript 2.5RCのサポート、CLIの引数でignoreパターンをサポートなど


アーティクル


Polymer 3.0 preview: npm and ES6 Modules - Polymer Project

www.polymer-project.org/blog/2017-08-22-npm-modules

WebComponents library article

Polymer 3.0での変更点の予定について書かれている。
Bowerは止めnpmをサポート、HTML Importsを止めES modulesへと変更する予定


Custom Elements Everywhere

custom-elements-everywhere.com/

WebComponents

AngularやReact、Vueなど各種Viewを含むフレームワークがCustom Elementsとどの程度協調処理できているかをまとめたテストスイート


Unit testing with Angular and ineeda – Default to Open – Medium

medium.com/default-to-open/unit-testing-with-angular-and-ineeda-76746a0c8f58

JavaScript Angular testing TypeScript

ineedaというES Proxyを利用したモックライブラリについて。
Angularを例にネストモックやTypeScriptの型定義について書かれている。


Using React v16 to create self-destructing components

medium.com/@gajus/using-react-v16-to-create-self-destructing-components-de8e4eb61d0f

React article

React 16から利用できるself-destructing componentsについて


Google Dev Tools are X-Rays Specs For Code – codeburst

codeburst.io/google-dev-tools-are-x-rays-specs-for-code-db3e7e17f801

Chrome debug article

Chromeの開発者ツールを使ってコールスタックトレースとスコープの読み方について


ReactNativeでの開発を通じて得た知見 - razokulover publog

razokulover.hateblo.jp/entry/2017/08/28/173807

React JavaScript ios Android

ReactNativeでのアプリ開発で気をつけたことについて。
コンポーネント、ステート管理、非同期処理、ルーティング、スタイルなどについて


スライド、動画関係


SF WebPerf Meetup: Building for Resilience & Performance - Google スライド

docs.google.com/presentation/d/11FJdFFWlFOS6QtjjU-YWQ0ltRjmxgRhQqU1CLZTxzeA/present?token=AC4w5ViQ3m5H0R1Zr_C21LlP3f9X1vsTEg%3A1503931823319&includes_info_params=1#slide=id.g1e42364cea_0_119

Chrome browser slide

Client HintとRUMについてのスライド。 クライアント/デバイスの状態に合わせてコンテンツを提供するためのHint APIとRUMについて。 Device MemoryやNetInfo Extension、RUMを計測する方法と低スペックなデバイスではLong Taskがロードタイム


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


🤖 NEW: Selenium IDE for Chrome (Open-Source), plus additional features = Kantu for Chrome

a9t9.com/kantu/web-automation/chrome

Chrome Selenium Extension

操作を記録して再生できるChrome拡張。
Selecnium IDEのようなものを目指している。


tsuyoshiwada/storybook-chrome-screenshot: A Storybook addon, Save the screenshot image of your stories via puppeteer.

github.com/tsuyoshiwada/storybook-chrome-screenshot

Chrome testing スクリーンショット

StorybookのスクリーンショットをHeadless Chromeでキャプチャするツール


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


phenomnomnominal/ineeda: ineeda - auto-mocking for JavaScript with Proxies!

github.com/phenomnomnominal/ineeda

JavaScript TypeScript testing library

ES Proxyを使ったモックライブラリ。
処理のintercept、処理の追加、TypeScriptとの型定義。


fmsouza/wcode: Monaco-based code editor which runs inside a browser.

github.com/fmsouza/wcode

editor library JavaScript

Monacoベースのエディタをブラウザで動かすツール


書籍関係


D3 in Depth

d3indepth.com/

d3.js book

D3.jsについての電子書籍


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