JSer.info #409 - コード整形ツールのPrettier 1.15がリリースされました。
Prettier 1.15ではHTMLパーサを使い、HTML、Vue、Angularの整形をサポートしました。
また、MarkdownにJSXを書けるMDXのサポートも行われています。
その他のフォーマットの改善やエラーメッセージの改善なども行われています。
The Definitive TypeScript Guide - Blog | SitePenという記事では、TypeScriptの主要な機能について紹介しています。
TypeScriptのインストール方法から基本的な文法、基本的な型や応用的な型、型定義ファイルなどTypeScriptの概要を紹介しています。
TypeScriptの公式ドキュメントと合わせて読むとよさそうです。
GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.という、現在Stage 3のECMAScript ProposalであるBigIntをJavaScriptで実装したライブラリが公開されています。
BigIntは1n + 1nのように構文としてのサポートも必要になるため、構文と同様の演算機能をもつクラスとして公開されています。
🔥 New: JSBI, a pure-JavaScript BigInt implementation 🔥
— Mathias Bynens (@mathias) November 8, 2018
JSBI makes it possible to use spec-compliant BigInt functionality *today*, in all browsers, without sacrificing compatibility.
https://t.co/8kuiPBq9Hs
BitIntは構文としてのサポートが必要となるため、ネイティブの実装が行われるまで利用できないという問題があります。JSBIでは、同様の機能をもつ抽象レイヤーを提供することで、既存のブラウザなどでもBitInt相当の機能を使えるようにすることを目的としています。
また、JSBIで書いたものをネイティブのBigIntに変換するBabel Pluginなどが今後予定されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Prettier 1.15: HTML, Vue, Angular and MDX Support · Prettier
prettier.io/blog/2018/11/07/1.15.0.html
Prettier 1.15リリース。
HTML/Vue/Angular/MDXのサポート。
フォーマットの改善、エラーメッセージの改善など
Release v6.0.0-beta.1 · reduxjs/react-redux
github.com/reduxjs/react-redux/releases/tag/v6.0.0-beta.1
react-redux 6.0.0βリリース。
React Context に対応した。
Release Notes for Safari Technology Preview 69 | WebKit
webkit.org/blog/8479/release-notes-for-safari-technology-preview-69/
Safari Technology Preview 69リリース。
CSS Conic Gradientsがデフォルトで有効化、CSS Painting APIの対応改善、Web SQL利用時にコンソールへ警告メッセージを追加など
ESLint v5.9.0 released - ESLint - Pluggable JavaScript linter
eslint.org/blog/2018/11/eslint-v5.9.0-released
ESLint 5.9.0リリース。
--fix-typeオプションが追加され、problem、suggestion、layoutの種類を選択して修正を適応できるようになった
Release 1.0.0-rc.2 · avajs/ava
github.com/avajs/ava/releases/tag/v1.0.0-rc.2
AVA 1.0.0 RC2リリース。
スナップショットテストの改善、TypeScriptの型チェック改善など
アーティクル
nystudio107 | An Annotated webpack 4 Config for Frontend Web…
nystudio107.com/blog/an-annotated-webpack-4-config-for-frontend-web-development
webpack 4の設定についての解説記事
Fullstack React: An Introduction to Hooks in React
www.fullstackreact.com/articles/an-introduction-to-hooks-in-react/
α公開されているReact Hooksの使い方やテスト方法についての解説記事。
useStateなどそれぞれのAPIについての挙動や使い方について解説している
How to Use SVG Patterns as Backgrounds
webdesign.tutsplus.com/tutorials/how-to-use-svg-patterns-as-backgrounds--cms-31507
SVGパターンを背景として使う方法についての解説記事。
CSS TilingとSVG <pattern>要素でのやり方やサポートブラウザについて
Announcing Test262 Report - javascript, testing, web standards - Bocoup
bocoup.com/blog/announcing-test262-report
各JavaScriptエンジンがECMAScriptの仕様テストであるTest262をどれだけパスしているかを一覧できるTest262 Reportというサイトについて
The Definitive TypeScript Guide - Blog | SitePen
www.sitepen.com/blog/2018/10/29/update-the-definitive-typescript-guide/
TypeScript初心者向けのガイド。
コンパイル方法、TypeScriptの型の解説、Type Guards、型定義ファイルなどについて
サイト、サービス、ドキュメント
leoafarias/neardb: Simple document db made for globally distributed reads.
AWS S3、Google Cloud Storageなどに対応したデータベースライブラリ。
Cloudflare WorkerやLambda@Edgeなどで動かす目的のストレージライブラリ
ソフトウェア、ツール、ライブラリ関係
sokra/rawact: [POC] A babel plugin which compiles React.js components into native DOM instructions to eliminate the need for the react library at runtime.
Reactで書かれたコンポーネントをDOM APIで書かれたものへ変換するBabelプラグイン。
ランタイムでReactを利用しなくても動くように変換する実験的なプラグイン
enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.
ターミナルでの入力や選択などを補助するプロンプトライブラリ。
値の種類別のプロンプトやアンケートの投票など高機能なCUIライブラリ
GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.
github.com/GoogleChromeLabs/jsbi
BigIntをJavaScriptのオブジェクトとして実装したライブラリ
Evercoder/culori: 🌈 A general-purpose color library for JavaScript.
RGBやHSLなどの色空間の操作ライブラリ。
