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の第三版のドラフト版が公開されました。
You're all invited to read the full draft of Eloquent JavaScript's 3rd edition: https://t.co/8M5hp5awU2
— Marijn Haverbeke (@MarijnJH) January 31, 2018
Finishing touches are still ongoing, but this should be a readable text.
JavaScriptやプログラミングについてを学ぶ書籍です。
間違いやtypoを見つけた場合はIssueから報告できます。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
jest/CHANGELOG.md at v22.2.0 · facebook/jest
github.com/facebook/jest/blob/v22.2.0/CHANGELOG.md
Jest 22.2.0リリース。
browserify/changelog.markdown at v16.0.0 · browserify/browserify
github.com/browserify/browserify/blob/v16.0.0/changelog.markdown
Browserify 16.0.0リリース。
--preserve-symlinks
のサポート、events
のshimを更新、--node
オプションを渡したときに__dirname
と__filename
を動的に設定するようになるなど
Dev.Opera — What’s new in Chromium 64 and Opera 51
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 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 65 Betaリリース。
CSS Paint API、Server Timing API、Feature-Policyのsync-xhr
をサポート、TLS 1.3(draft-23)のサポートなど
Eloquent JavaScript
eloquentjavascript.net/3rd_edition/
Eloquent JavaScripの第3版が公開された
CanJS 4.0
CanJS 4.0リリース。
デバッグツールの追加、テンプレートの記法を統一、ProxyとクラスベースのObservableオブジェクトの追加など
Release Inferno v4 · infernojs/inferno
github.com/infernojs/inferno/releases/tag/v4.0.2
Inferno v4リリース。
Inferno.Component
はinferno
パッケージに移動、findDOMNode
はinferno-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
echojs.com が閉鎖された
Echo JS, 2011-2018 - https://t.co/vEiEFdntF8
— Echo JS (@echojs) February 12, 2018
アーティクル
なぜプロダクトに Vue.js を採用したのか? 運用してみてどうっだった? という話 | Nagisaのすゝめ
blog.nagisa-inc.jp/archives/2980
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/
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 11.1で実装されたService Workerについて。
数週間使わてないService Workerは自動的に削除される点やWeb App Manifestのサポート、ホームスクリーンアプリとしての動作で注意する点などについて書かれている
Introduction | Web Fundamentals | Google Developers
developers.google.com/web/fundamentals/performance/webpack/
webpackを使った場合に置けるコードの最適化についての記事。
コード分割やキャッシュ、分析や計測などについて
スライド、動画関係
Hygen
コードジェネレートツール。
テンプレートからコードを生成できる。
YAML Frontmatterでメタデータの定義、ejsでテンプレートの記述、特定の依存がある場合に動作するhook処理などを書ける
Jake Archibald: In The Loop - JSConf.Asia 2018 - YouTube
www.youtube.com/watch?v=cCOL7MC4Pl0
ブラウザのイベントループについての発表。
setTimeout
、requestAnimationFrame
の違い。
イベントループとスタイルの変更の反映のタイミングについて。それぞれを可視化しながら解説している。
また、PromiseなどのMicroTaskとの処理順について
JSConf.Asia 2018 - YouTube
www.youtube.com/playlist?list=PL37ZVnwpeshFqN5dcZ704lxI3F5iHDYkl
JSConf.Asia 2018の動画が公開された
サイト、サービス、ドキュメント
Web Assembly Studio
CなどでWebAssembly向けのコードを書いて、コンパイル実行できるエディタツール
ソフトウェア、ツール、ライブラリ関係
thejameskyle/unstated: State that goes without saying
github.com/thejameskyle/unstated
Reactの新しいContext APIを使ったステート管理ライブラリ
書籍関係
VimeoSmashing Magazine
SmashingConf London 2018の動画が公開された