JSer.info #510 - Babel 7.12.0がリリースされました。
TypeScript 4.1のサポート、Stage 2 proposalのClass static blocksのサポートが追加されています。
import/export名の扱いをECMAScriptの変更に追従、Import assertionsのパースを@babel/syntax-import-assertions
プラグインに切り出しなどが行われています。
Chrome 87 betaがリリースされました。
DevToolsにCSS GridのデバッグツールやWebAuthnタブの追加などが行われています。
DevToolsについては、次の記事で解説されています。
カメラのpan/tilt/zoomのサポート、Cookie Store APIをデフォルトで有効化、cross-origin isolationのサポート改善などが行われています。
また、入力中かを判定するisInputPending()
、Service WorkerでRangeリクエストのサポート、postMessage
で渡せるTransferable Streamsのサポートしています。
その他には、Chrome 86で非推奨化となったFTPサポートが、87ではデフォルトで無効化(15%のユーザーを対象)されています。
npm 7.0.0がリリースされました。
破壊的な変更として、peerDependencies
の自動インストール、package-lock.jsonの形式変更とyarn.lockのサポート、npm audit
の出力内容の変更などが行われています。
また、npm exec
コマンドが追加され、npx
コマンドは内部的にnpm exec
コマンドを使うように変更されています。
機能追加として、Workspacesのサポート、yarnのresolusions
に相当するacceptDependencies
のサポートなども追加されています。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v5.1.0 · webpack/webpack
github.com/webpack/webpack/releases/tag/v5.1.0
webpack 5.1.0リリース。
cleverMerge
、EntryOptionPlugin
、DynamicEntryPlugin
をPublic APIに変更。
try-catch内でrequire
を使ってモジュールの有無を判定する処理がエラーとなる問題の修正
7.12.0 Released: TypeScript 4.1, strings as import/export names, and class static blocks · Babel
babeljs.io/blog/2020/10/15/7.12.0
Babel 7.12.0リリース。
TypeScript 4.1のサポート、
Stage 2 proposalのClass static blocksのサポート。
import/export名の扱いをECMAScriptの変更に追従、Import assertionsのパースをプラグインに切り出しなど
Node v14.14.0 (Current) | Node.js
nodejs.org/en/blog/release/v14.14.0/
Node v14.14.0リリース。
fs.rm
の追加、res.setHeader
などでヘッダを配列として渡せるようになるなど
Chromium Blog: Chrome 87 Beta: WebAuthn in DevTools, Pan/Tilt/Zoom, Flow Relative Shorthands and More
blog.chromium.org/2020/10/chrome-87-beta-webauthn-in-devtools.html
Chrome 87ベータリリース。
DevToolsにWebAuthnタブを追加、カメラのpan/tilt/zoomのサポート、cross-origin isolationのサポート改善。
また、isInputPending
、Service WorkerでRangeリクエストのサポート、postMessage
で渡せるTransferable Streamsのサポートなど
Presenting v7.0.0 of the npm CLI - The GitHub Blog
github.blog/2020-10-13-presenting-v7-0-0-of-the-npm-cli/
npm 7リリース。
破壊的な変更として、peerDependenciesの自動インストール、package-lock.jsonの形式変更とyarn.lockのサポート、npm audit
の出力内容の変更。
機能追加として、Workspacesのサポート、npm exec
の追加など
アーティクル
min(), max(), and clamp(): three logical CSS functions to use today
CSSのmin()
、max()
、clamp()
関数についての記事。
GraphQLの基礎の基礎 - Qiita
qiita.com/shotashimura/items/3f9e04b93e79592030a4
Node.jsでのGraphQL APIサーバの実装についての記事
Create TypeScript declarations from JavaScript and JSDoc - Human Who Codes
humanwhocodes.com/snippets/2020/10/create-typescript-declarations-from-javascript-jsdoc/
JSDocからTypeScriptの型定義ファイルを生成する方法について。
TypeScriptの出力オプションでemitDeclarationOnly
とallowJs
を組み合わせることでJSDocからd.tsファイルを作成できる
Video processing with WebCodecs
Chrome 86でOrigin Trialとして導入されたWebCodecsについて。
動画と音声のエンコードとデコードができるAPI。
VideoTrackReader
、VideoEncoder
、VideoDecoder
について
ソフトウェア、ツール、ライブラリ関係
Liaison – A love story between the frontend and the backend
バックエンド、フロントエンドを含んだフルスタックなJavaScriptフレームワーク。
samizdatco/skia-canvas: A canvas environment for Node.js
github.com/samizdatco/skia-canvas
Skiaを使ったNode.jsでのCanvas実装
sciter – Multiplatform HTML/CSS UI Engine for Desktop and Mobile Application
アプリ組み込み向けのHTML/CSSエンジン。
バイナリサイズが小さいアプリを作るためのフレームワークで、HTML/CSSのサブセットとスクリプトエンジンをもっている。
MTG/essentia.js: JavaScript library for music/audio analysis and processing powered by WebAssembly
C++で書かれた音声/音楽処理ライブラリであるEssentiaをWebAssemblyにコンパイルしたJavaScriptラッパーライブラリ。
TimvanScherpenzeel/detect-gpu: Classifies GPUs based on their 3D rendering benchmark score allowing the developer to provide sensible default settings for graphically intensive applications.
github.com/TimvanScherpenzeel/detect-gpu
WebGLを使った3DレンダリングのベンチマークからGPUの判定、クラス分けをするライブラリ
書籍関係
フロントエンド開発入門 プロフェッショナルな開発ツールと設計・実装 | 安達 稜, 武田 諭 |本 | 通販 | Amazon
www.amazon.co.jp/dp/4798061778/
2020年10月9日発売
ウェブフロントエンドとエコシステムについての書籍
accrefs - Webアクセシビリティの参考資料まとめ
ウェブアクセシビリティについての資料をまとめたページ