2018-09-25のJS

What’s New in Safari - Apple Developer

Safari 12リリース。 watchOSで動作するように、font-displayのサポート、iPadでFullscreen APIのサポート。 ITP 2.0、CORBの一部をサポート、.safariextzスタイルのSafari拡張を非推奨化など

Announcing Gatsby 2.0.0 🎉🎉🎉 | GatsbyJS

静的サイトジェネレータとして知られるGatsby 2.0.0リリース。 Runtimeのサイズを削減、React 16、webpack 4、Babel 7に対応。 react-routerから@reach/routerに変更。layoutコンポーネントをプラグインに移動など

Release v2.0.0 · nuxt/nuxt.js

Nuxt.js 2.0.0リリース。 Babel7、webpack 4を使うように、serverとclientの成果物を別々のディレクトリに出力できるように、nuxt.config.jsserverオプションのサポートなど

Next.js 7 - Next.js Blog

Next.js 7.0.0リリース。 Babel 7、webpack 4へのアップグレード、react-error-overlayを使ったエラー表示を行うように。 CSSに対してもDynamic Importをサポート、assetPrefixオプションのサポートなど

Release electron v3.0.0 · electron/electron

Electron 3.0リリース。 Chrome 66、Node 10.2.0へのアップデート。app.isPackagedapp.whenReady()の追加、いくつかのAPIの名前を変更といった破壊的な変更も行われている。

一休.comスマホサイトのパフォーマンス改善(JavaScript編) - 一休.com Developers Blog

Calibreを使ったパフォーマンス計測とBudgetの設定、ファイルサイズの削減による最適化、Vueのv-ifv-showの処理の違い、遅延ロードなどのパフォーマンス改善について

React製のSPAのパフォーマンスチューニング実例 | リクルートテクノロジーズ メンバーズブログ

ReactコンポーネントのshouldComponentUpdateライフサイクルメソッドの動作とパフォーマンスについて。 shouldComponentUpdateの実装の違いによるコンポーネントの最適化の違いやボトルネックを開発者ツールで見つける方法についてなど

Idle Until Urgent — Philip Walton

すぐに実行するとコストが高いものをrequestIdleCallbackを使い遅延実行することでfirst input delay (FID)を改善するという話。 それらのパターンをまとめたidliveというライブラリの使い方やユースケースについて

レガシーなフロントエンドコードを整理するためにどう立ち向かったか - Misoca開発者ブログ

jQueryで書かれていたDOM操作とロジックがべったりだったコードをどのようにリファクタリングしていったかについて。 コードにおけるデータの読み書きの流れを整理どこまでをリファクタリング対象にするかを決めテストを書いて進めたかについて

「1⇒100」のために「0⇒1」を考える
フロントエンド - Speaker Deck

1=>100のフェーズは長くこの段階での変更は難しいため、0=>1の段階で基礎を作ることの重要性についてのスライド。 多人数開発でのコンポーネントガイド、PrettierやLint、テストとTypeScript、パッケージの更新を定期的に行うことについて

Firefox Reality Developers Guide

WebVRをサポートしているライブラリについて。 またVRアプリでの最適化で気をつける点やFirefox Realityでのデバッグ方法について書かれている。

bokub/lyo: 📦 Node.js to browser - The easy way

Browserify、Babel、UglifyJSを使った設定ファイルを使わないブラウザ向けにbundleするツール。 XOのようにopnionatedな設定を提供することで、設定自体をしなくても使えるようにしている。

GoogleChromeLabs/worker-plugin: 🐳 Adds native Web Worker bundling support to Webpack.

new Worker指定したファイルを自動的にbundleするwebpackプラグイン

KidkArolis/space-router: Minimal, yet awesome, universal router.

ファイルサイズが小さなReact向けのルーターライブラリ

JamesHenry/typescript-estree: A parser that converts TypeScript source code into an ESTree-compatible form

TypeScript Compilerを使ってTypeScriptコードからESTree互換のASTを出力するパーサライブラリ

できるキッズ 子どもと学ぶ JavaScriptプログラミング入門 できるキッズシリーズ | 大澤文孝, できるシリーズ編集部 | 工学 | Kindleストア | Amazon

2018年9月21日発売 プログラミング教育としてのJavaScript本