Fork me on GitHub

2018-02-13のJS: Inferno v4、SafariでのService Worker、Eloquent JavaScript第三版

Edit on GitHub 編集履歴を見る

JSer.info #370 - ReactライクなAPIをもつInferno v4がリリースされました。

Inferno.createPortalの追加、inferno-routerがReact Router v4相当に、MobxやReduxとの連携の更新などが行われています。
主にモジュール分割の破壊的な変更もあり、その詳細は次のマイグレーションガイドにまとめられています。


Workers at Your Service | WebKitという記事では、Safari 11.1(beta)に実装されたService Workerについて解説されています。

仕様的な面やSafariでの実装、キャッシュの保存場所や削除方法について書かれています。
Safari 11.1では数週間利用されていないService Workerやキャッシュが自動的に削除される、キャッシュサイズは50MB/partitionに制限されている点などについても書かれています。

また、PWAs are coming to iOS 11.3: Cupertino, we have a problemという別の記事では、Safariと他のブラウザとの実装が異なる点や、ホームスクリーンアプリとした時のWeb App Manifestの対応、注意点についても書かれています。


Eloquent JavaScriptの第三版のドラフト版が公開されました。

JavaScriptやプログラミングについてを学ぶ書籍です。
間違いやtypoを見つけた場合はIssueから報告できます。


JSer.infoをサポートするには

JSer.info Sponsors

JSer.info SponsorsGitHub SponsorsとしてJSer.infoを支援してくれている方々です。


ヘッドライン


jest/CHANGELOG.md at v22.2.0 · facebook/jest

github.com/facebook/jest/blob/v22.2.0/CHANGELOG.md

JavaScript testing ReleaseNote

Jest 22.2.0リリース。


browserify/changelog.markdown at v16.0.0 · browserify/browserify

github.com/browserify/browserify/blob/v16.0.0/changelog.markdown

browserify ReleaseNote

Browserify 16.0.0リリース。
--preserve-symlinksのサポート、eventsのshimを更新、--nodeオプションを渡したときに__dirname__filenameを動的に設定するようになるなど


Dev.Opera — What’s new in Chromium 64 and Opera 51

dev.opera.com/blog/opera-51/

Opera Chrome ReleaseNote

Opera 51 (based on Chromium 64)リリース。
Resize Observer、import.meta、ES2018の正規表現の実装、AudioWorkletのフラグ付き実装など


Release Notes for Safari Technology Preview 49 | WebKit

webkit.org/blog/8088/release-notes-for-safari-technology-preview-49/

safari ReleaseNote

Safari Technology Preview 49リリース。
Service Worker、Fetchのバグ修正、ITPにデバッグモードを試験的に追加、Media Queryでcalc()をサポート。
String#trimStart、json superset proposalの実装など


Chromium Blog: Chrome 65 Beta: CSS Paint API and the ServerTiming API

blog.chromium.org/2018/02/chrome-65-beta-css-paint-api-and.html

Chrome ReleaseNote

Chrome 65 Betaリリース。
CSS Paint API、Server Timing API、Feature-Policyのsync-xhrをサポート、TLS 1.3(draft-23)のサポートなど


Eloquent JavaScript

eloquentjavascript.net/3rd_edition/

JavaScript book news

Eloquent JavaScripの第3版が公開された


CanJS 4.0

www.bitovi.com/blog/canjs-4.0

JavaScript library ReleaseNote

CanJS 4.0リリース。
デバッグツールの追加、テンプレートの記法を統一、ProxyとクラスベースのObservableオブジェクトの追加など


Release Inferno v4 · infernojs/inferno

github.com/infernojs/inferno/releases/tag/v4.0.2

JavaScript DOM library React ReleaseNote

Inferno v4リリース。
Inferno.Componentinfernoパッケージに移動、findDOMNodeinferno-compatパッケージに移動。
createPortalのサポート、RouterがReact Router v4と同じAPIに変更、Mobx、Redux連携の更新、IE9+のサポートなど


Echo JS on Twitter: "Echo JS, 2011-2018 - https://t.co/vEiEFdntF8"

twitter.com/echojs/status/962996800738258945

JavaScript news

echojs.com が閉鎖された


アーティクル


なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ

blog.nagisa-inc.jp/archives/2980

JavaScript Vue opinion article

Riotで作られていたサイトをVueでリニューアルした話。
Vueの特徴、ルータ、ステート管理、メリット、デメリットについて


Welcoming Progressive Web Apps to Microsoft Edge and Windows 10 - Microsoft Edge Dev BlogMicrosoft Edge Dev Blog

blogs.windows.com/msedgedev/2018/02/06/welcoming-progressive-web-apps-edge-windows-10/

MSEdge MS

Microsoft StoreにPWAアプリを登録できるようになる。
また、BingでPWAアプリのクロールを行い一定の条件を満たしたものを表示する。


PWAs are coming to iOS 11.3: Cupertino, we have a problem

medium.com/@firt/pwas-are-coming-to-ios-11-3-cupertino-we-have-a-problem-2ff49fd7d6ea

safari ServiceWorker article

Safari 11.1で実装されたService Workerについて。
数週間使わてないService Workerは自動的に削除される点やWeb App Manifestのサポート、ホームスクリーンアプリとしての動作で注意する点などについて書かれている


Introduction  |  Web Fundamentals  |  Google Developers

developers.google.com/web/fundamentals/performance/webpack/

webpack tutorial

webpackを使った場合に置けるコードの最適化についての記事。
コード分割やキャッシュ、分析や計測などについて


スライド、動画関係


Hygen

www.hygen.io/

JavaScript Tools

コードジェネレートツール。
テンプレートからコードを生成できる。
YAML Frontmatterでメタデータの定義、ejsでテンプレートの記述、特定の依存がある場合に動作するhook処理などを書ける


Jake Archibald: In The Loop - JSConf.Asia 2018 - YouTube

www.youtube.com/watch?v=cCOL7MC4Pl0

JavaScript browser slide video

ブラウザのイベントループについての発表。
setTimeoutrequestAnimationFrameの違い。
イベントループとスタイルの変更の反映のタイミングについて。それぞれを可視化しながら解説している。
また、PromiseなどのMicroTaskとの処理順について


JSConf.Asia 2018 - YouTube

www.youtube.com/playlist?list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl

JavaScript イベント video

JSConf.Asia 2018の動画が公開された


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


Web Assembly Studio

webassembly.studio/

WebAssembly editor webservice Tools

CなどでWebAssembly向けのコードを書いて、コンパイル実行できるエディタツール


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


thejameskyle/unstated: State that goes without saying

github.com/thejameskyle/unstated

React library

Reactの新しいContext APIを使ったステート管理ライブラリ


書籍関係


VimeoSmashing Magazine

vimeo.com/smashingmagazine

JavaScript イベント

SmashingConf London 2018の動画が公開された


この記事へ修正リクエストをする
JSer.info Slackに参加する