Fork me on GitHub

2018-11-13のJS: Prettier 1.15のHTMLサポート、TypeScriptガイド、BigIntsのJavaScript実装

Edit on GitHub 編集履歴を見る

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のように構文としてのサポートも必要になるため、構文と同様の演算機能をもつクラスとして公開されています。

BitIntは構文としてのサポートが必要となるため、ネイティブの実装が行われるまで利用できないという問題があります。JSBIでは、同様の機能をもつ抽象レイヤーを提供することで、既存のブラウザなどでもBitInt相当の機能を使えるようにすることを目的としています。

また、JSBIで書いたものをネイティブのBigIntに変換するBabel Pluginなどが今後予定されています。


ヘッドライン


Prettier 1.15: HTML, Vue, Angular and MDX Support · Prettier

prettier.io/blog/2018/11/07/1.15.0.html

JavaScript Tools ReleaseNote

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 ReleaseNote

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 ReleaseNote

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 ReleaseNote

ESLint 5.9.0リリース。
--fix-typeオプションが追加され、problemsuggestionlayoutの種類を選択して修正を適応できるようになった


Release 1.0.0-rc.2 · avajs/ava

github.com/avajs/ava/releases/tag/v1.0.0-rc.2

JavaScript testing ReleaseNote

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 article

webpack 4の設定についての解説記事


Fullstack React: An Introduction to Hooks in React

www.fullstackreact.com/articles/an-introduction-to-hooks-in-react/

React article

α公開されている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 article

SVGパターンを背景として使う方法についての解説記事。
CSS TilingとSVG <pattern>要素でのやり方やサポートブラウザについて


Announcing Test262 Report - javascript, testing, web standards - Bocoup

bocoup.com/blog/announcing-test262-report

ECMAScript JavaScript testing article

各JavaScriptエンジンがECMAScriptの仕様テストであるTest262をどれだけパスしているかを一覧できるTest262 Reportというサイトについて


The Definitive TypeScript Guide - Blog | SitePen

www.sitepen.com/blog/2018/10/29/update-the-definitive-typescript-guide/

TypeScript article

TypeScript初心者向けのガイド。
コンパイル方法、TypeScriptの型の解説、Type Guards、型定義ファイルなどについて


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


leoafarias/neardb: Simple document db made for globally distributed reads.

github.com/leoafarias/neardb

browser node.js library

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.

github.com/sokra/rawact

babel React plugin

Reactで書かれたコンポーネントをDOM APIで書かれたものへ変換するBabelプラグイン。
ランタイムでReactを利用しなくても動くように変換する実験的なプラグイン


enquirer/enquirer: Stylish, intuitive and user-friendly prompt system.

github.com/enquirer/enquirer

node.js JavaScript library

ターミナルでの入力や選択などを補助するプロンプトライブラリ。
値の種類別のプロンプトやアンケートの投票など高機能なCUIライブラリ


GoogleChromeLabs/jsbi: JSBI is a pure-JavaScript implementation of the official ECMAScript BigInt proposal.

github.com/GoogleChromeLabs/jsbi

JavaScript library ECMAScript

BigIntをJavaScriptのオブジェクトとして実装したライブラリ


Evercoder/culori: 🌈 A general-purpose color library for JavaScript.

github.com/Evercoder/culori

color JavaScript library

RGBやHSLなどの色空間の操作ライブラリ。


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