Fork me on GitHub

2019-07-30のJS: mithril.js 2、Electron 6、React入門ガイド

Edit on GitHub 編集履歴を見る

JSer.info #446 - シングルページアプリケーション向けのJavaScriptフレームワークであるMithril 2がリリースされました。

破壊的変更としてm.redraw()がデフォルトで非同期となり、代わりにm.redraw.sync()が追加されています。
その他にもm.withAttrの削除、m.requestが返すPromiseがサーバエラーの場合にもrejectされないように変更、IE10以下のサポート終了なども含まれています。
また、m.requesttimeoutresponseTypeのサポートなどの機能追加も含まれています。


Electron 6.0.0がリリースされました。

Chromium 76へのアップデートやCookies APIでPromiseのサポート、macOSでTouch IDでの認証を行うSystemPreferences.promptTouchID()の追加などが行われています。
また、sandboxed renderersでの利用が非推奨となっていたfschild_processなどを直接requireできる挙動が削除されています。
代わりに明示的な remote.require を使う必要があります。

- require('fs');
+ require('electron').remote.require('fs')

The Complete Introduction to Reactというドキュメントでは、React入門者向けのガイドが公開されています。

基本的なReactの概念、JSX、コンポーネント、Hooks APIなどサンプルコードを動かしながら学べるようになっています。


ヘッドライン


Release v2.0.1 · MithrilJS/mithril.js

github.com/MithrilJS/mithril.js/releases/tag/v2.0.1

JavaScript library ReleaseNote

mithril.js 2.0リリース。
破壊的変更としてm.redraw()がデフォルトで非同期となりm.redraw.sync()の追加、m.withAttrの削除など。
また、m.requesttimeoutresponseTypeのサポート、IE10以下のサポート終了など


Node v12.7.0 (Current) | Node.js

nodejs.org/en/blog/release/v12.7.0/

node.js ReleaseNote

Node v12.7.0リリース。
npm 6.10.0へアップデート、pkg-exports Proposalの試験的サポート、Policyのチェックを行う--policy-integrity=sriオプションの追加。
また、DockerのMemory制限(linux cgroupsでの設定)を正しく取得するように修正など


Release v5.2.0 · GoogleChrome/lighthouse

github.com/GoogleChrome/lighthouse/releases/tag/v5.2.0

Chrome performance ReleaseNote

Lighthouse 5.2.0リリース。
Chrome 77に搭載予定。サードパーティスクリプトのパフォーマンスへの影響を表示できるように、メインスレッドの合計ブロック時間の計測など


Release v4.38.0 · webpack/webpack

github.com/webpack/webpack/releases/tag/v4.38.0

webpack ReleaseNote

webpack v4.38.0 リリース。
ProgressPluginのパフォーマンス改善、chunk graphを生成時に親子関係を追跡することでインクリメントビルド時のchunk生成パフォーマンスを改善など


Release v2.0.0 · vuetifyjs/vuetify

github.com/vuetifyjs/vuetify/releases/tag/v2.0.0

Vue UI library ReleaseNote

VueでMaterial Designを行うUIライブラリのVuetify 2.0リリース。
Material Design 2に対応、新しいコンポーネントの追加など。
1.5からのマイグレーションガイドも併せて公開されている


Release electron v6.0.0 · electron/electron

github.com/electron/electron/releases/tag/v6.0.0

Electron ReleaseNote

Electron 6.0.0リリース。
Chromium 76へのアップデート、Cookies APIでPromiseのサポート、macOSでTouch IDでの認証を行うpromptTouchID()の追加など。
sandboxed renderersで非推奨となっていたrequire('fs')などでrequireできる挙動の削除など。代わりに明示的な remote.require を使う必要がある。


アーティクル


What's New In DevTools (Chrome 77)  |  Web  |  Google Developers

developers.google.com/web/updates/2019/07/devtools

Chrome debug article

Chrome 77の開発者ツールの更新点について。
要素のスタイルをコピーできるよう、Layout Instabilityの可視化、Lighthouse 5.1へのアップデート、ネットワークパネルにPrefetch cacheの表示が出るように。
また、Push通知などがApplicationパネルで確認できるようになるなど


Understanding service worker life cycle - Vipul Nema - Medium

medium.com/@vipulnema2610/understanding-service-worker-life-cycle-b6580aa4eb50

ServiceWorker article

Service Workerのライフサイクルの解説


Keeping things fresh with stale-while-revalidate  |  web.dev

web.dev/stale-while-revalidate/

browser HTTP article performance

Chrome 75とFirefox 68でサポートされたstale-while-revalidate HTTPヘッダサポートについて。
一定時間はキャッシュを利用するが、同時にバックグラウンドでキャッシュを更新する。
Cache-Control: max-age=1, stale-while-revalidate=59の挙動解説やユースケースなどについて


Modern Script Loading

jasonformat.com/modern-script-loading/

JavaScript article

scirpt要素でES Moduleに対応したモダンビルドとlegacyビルドの読み分けについて。


The npm Blog — Monorepos and npm

blog.npmjs.org/post/186494959890/monorepos-and-npm

npm article

npmを使ったmonorepoについて。
lernaを使ったmonorepoの管理について紹介されている


The Complete Introduction to React

jscomplete.com/learn/complete-intro-react

React document tutorial

React初心者向けに書かれたガイド。
Reactの基本的な書き方、JSX、コンポーネント、Hooks API、ユーザー入力の扱い方、副作用の管理についてなど


スライド、動画関係


ScrapboxでのServiceWorkerとCacheの活用 - daiiz

scrapbox.io/daiiz/Scrapbox%E3%81%A7%E3%81%AEServiceWorker%E3%81%A8Cache%E3%81%AE%E6%B4%BB%E7%94%A8

ServiceWorker slide browser JavaScript

Service Workerを使ったキャッシュ戦略についてのスライド。
request.destinationを使ったリクエスト判定、Quotaの容量と使用量、X-Serviceworker-Cacheのレスポンスヘッダでのキャッシュ判定、キャッシュの更新についてなど


ソフトウェア、ツール、ライブラリ関係


cube-js/cube.js: 📊 Cube.js - Open Source Analytics Framework

github.com/cube-js/cube.js

JavaScript データベース library

Analyticsフレームワーク。
分析データを保存、解析するためのバックエンドと分析したデータをグラフ表示、検索するためのフロントエンドを持つフレームワーク。
データベースはMySQL、Postgres、BigQuery、redshiftなどの各種データベースに対応している。


書籍関係


入門Node.jsプログラミング(JonathanWexler 吉川邦夫 吉川邦夫)|翔泳社の本

www.shoeisha.co.jp/book/detail/9784798158624

node.js book JavaScript 翻訳

2019年09月25日発売
Get Programming with Node.jsの翻訳本。
ES2015をベースにしたNode.js入門本


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