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がプレビュー公開されています。
- Polymer 3.0 preview: npm and ES6 Modules - Polymer Project
- Hands-on with the Polymer 3.0 preview - Polymer Project
HTML ImportsベースだったものをES Modulesへ移行し、Bowerで配布していたのをnpm(yarn)に移行するなどが大きな変更が含まれる予定です。
詳細は次の動画でも見ることができます。
HTML ImportsからES Modulesへの移行するツールとしてpolymer-modulizerを公開しています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release Notes for Safari Technology Preview 38 | WebKit
webkit.org/blog/7877/release-notes-for-safari-technology-preview-38/
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
Inferno 3.8.0リリース。
inferno-routerが非同期データ取得をサポート、dangerouslySetInnerHtmlのバグ修正など
bumped/bumped: Makes easy release software
npm publishまわりの補助ツール。
semverに対するサブコマンドの対応、publishライフサイクルに対するパイプライン処理を書ける、プラグインでの拡張など
Release v0.4.0 · sonarwhal/sonar
github.com/sonarwhal/sonar/releases/tag/0.4.0
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
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
Polymer 3.0での変更点の予定について書かれている。
Bowerは止めnpmをサポート、HTML Importsを止めES modulesへと変更する予定
Custom Elements Everywhere
custom-elements-everywhere.com/
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
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 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の開発者ツールを使ってコールスタックトレースとスコープの読み方について
ReactNativeでの開発を通じて得た知見 - razokulover publog
razokulover.hateblo.jp/entry/2017/08/28/173807
ReactNativeでのアプリ開発で気をつけたことについて。
コンポーネント、ステート管理、非同期処理、ルーティング、スタイルなどについて
スライド、動画関係
SF WebPerf Meetup: Building for Resilience & Performance - Google スライド
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拡張。
Selecnium IDEのようなものを目指している。
tsuyoshiwada/storybook-chrome-screenshot: A Storybook addon, Save the screenshot image of your stories via puppeteer.
github.com/tsuyoshiwada/storybook-chrome-screenshot
StorybookのスクリーンショットをHeadless Chromeでキャプチャするツール
ソフトウェア、ツール、ライブラリ関係
phenomnomnominal/ineeda: ineeda - auto-mocking for JavaScript with Proxies!
github.com/phenomnomnominal/ineeda
ES Proxyを使ったモックライブラリ。
処理のintercept、処理の追加、TypeScriptとの型定義。
fmsouza/wcode: Monaco-based code editor which runs inside a browser.
Monacoベースのエディタをブラウザで動かすツール
書籍関係
D3 in Depth
D3.jsについての電子書籍
