JSer.info #435 - Google I/O 2019が開催されイベントの動画や関連するアップデートが多数公開されています。
Google I/Oのウェブ関連のセッションの動画は次のページにまとめられています。
Google検索のクロールに使われているレンダリングエンジンがChrome 41相当から、最新版(現時点では74)のChromiumをベースとなるようにアップデートされています。
lighthouse 5.0.0がリリースされ、Wordpressなど特定のスタックに対するレポートを表示するStack Packsの追加、Performance budgetsの対応、Lighthouse pluginsの仕組みが追加されています。また、Performance budgetsの定義ファイルを生成するPerformance Budget Calculatorというツールも公開されています。
また、Googleが運営するweb.devも更新されBlogやReactアプリケーションの最適化についてのチュートリアルなどが追加されています。
GitHubがGitHub Package Registryというパッケージレジストリサービスのベータ公開を発表しました。
- Introducing GitHub Package Registry - The GitHub Blog
- GitHub Package Registry: Your packages, at home with their code
GitHub Package RegistryはnpmやRubyGems、Dockerなどに対応したpublic/private registryサービスです。
現在はベータなので、GitHub Package Registryのsignupから登録した人にプレリリースしている状態です。
詳細は次のドキュメントに書かれていますが、npmパッケージをGitHubのUserまたはOrgnization名に紐づいたscoped moduleとして公開できるようになるようです。
- About GitHub Package Registry - GitHub Help
- Configuring NPM for use with GitHub Package Registry - GitHub Help
次の動画でGitHub Package Registryへpublishするデモなども行っているので、興味がある人は見てみると良さそうです。
JSer.infoをサポートするには
- 😘 知り合いにJSer.infoをおすすめする
- ❤️ GitHub Sponsorsで@azuのスポンサーになる
- 🐦 X(Twitter)で@jser_infoをフォローする
JSer.info Sponsors
JSer.info SponsorsはGitHub SponsorsとしてJSer.infoを支援してくれている方々です。
ヘッドライン
Release v5.0.0 · GoogleChrome/lighthouse
github.com/GoogleChrome/lighthouse/releases/tag/v5.0.0
Lighthouse 5.0.0リリース。
Wordpressなど特定のスタックに対するレポートを表示するStack Packsの追加、Performance budgetsの対応、Lighthouse plugins
- GoogleChrome/lighthouse-stack-packs: Lighthouse Stack Packs
- Performance Budgets (Keep Request Counts Low And File Sizes Small) | Tools for Web Developers | Google Developers
- lighthouse/plugins.md at master · GoogleChrome/lighthouse
Official Google Webmaster Central Blog: The new evergreen Googlebot
webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html
Google検索botが最新版のChromiumレンダリングエンジンを使うように変更された
Node v12.2.0 (Current) | Node.js
nodejs.org/en/blog/release/v12.2.0/
Node.js 12.2.0リリース。
--trace-tlsオプションの追加、Module.createRequireFromPath()を非推奨化し、URLでのパスも受け取れるようにしたmodule.createRequireを追加など
comlink/CHANGELOG.md at master · GoogleChromeLabs/comlink
github.com/GoogleChromeLabs/comlink/blob/master/CHANGELOG.md#v3---v4
ES Proxyを使ったWorkerライブラリのComlink 4.0.0リリース。
Node.jsのworker_threadをサポート、APIのリネーム、パフォーマンスの改善など
Release v1.16.0 · GoogleChrome/puppeteer
github.com/GoogleChrome/puppeteer/releases/tag/v1.16.0
Puppeteer 1.16.0リリース。
browser.isConnected()、target.worker()のサポート。
accessibility.snapshot()がrootオプションをサポートなど
Introducing GitHub Package Registry - The GitHub Blog
github.blog/2019-05-10-introducing-github-package-registry/
GitHubのパッケージレジストリサービスのベータ公開がされた。
npm、gem、dockerなどに対応していて、GitHubのTeamパーミッションに紐付いて管理できるprivate registry。
GitHubのReleaseや検索にも表示されるようになる
AWS Lambda adds support for Node.js v10
aws.amazon.com/jp/about-aws/whats-new/2019/05/aws_lambda_adds_support_for_node_js_v10/
AWS LambdaがNode.js 10をサポート。
アーティクル
SameSite cookies explained | web.dev
web.dev/samesite-cookies-explained/
SameSite Cookieについての解説。SameSiteの設定値であるStrict、Lax、Noneの動作の解説。
Chrome 76でSameSiteが未指定の場合にSameSite=Laxをデフォルトとする試験的フラグが追加されるなど
React | web.dev
web.dev のReactウェブアプリの最適化についてのチュートリアル。
Bundle size、無限リスト、Service Worker、プリレンダリング、アクセシビリティについて
A Guide to Node.js Logging - Twilio
www.twilio.com/blog/guide-node-js-logging
Node.jsでログ出力についての記事。
Console API、pinoを使ったログ出力、ライブラリのログ、chalkなどで装飾されているログをプレーンな出力にする方法などについて
スライド、動画関係
Web at Google I/O 2019 - YouTube
www.youtube.com/playlist?list=PLNYkxOF6rcIATmAmz7HcCzongGvQEtx8i
Google I/O 2019のウェブセッションの動画まとめ
ng-conf 2019 - YouTube
www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR
Angularのカンファレンスであるng-confg 2019の動画一覧。
Node.js v12の気になる変更点 / #kng6 - Speaker Deck
speakerdeck.com/masashi/number-kng6
Node.js 12の変更点についてまとめたスライド
サイト、サービス、ドキュメント
wapm | WebAssembly Package Manager
WebAssemblyのパッケージマネージャとレジストリ
microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux
github.com/Microsoft/frontend-bootcamp
Microsoftのフロントエンドワークショップ教材。
HTML、CSS、JavaScript、TypeScriptについて扱う2日分のコンテンツ
Data | Third-Party Web
HTTP Archiveのクロールデータを元にした、サードパーティスクリプトの影響度を可視化したサイト
ソフトウェア、ツール、ライブラリ関係
manzinello/mailgo: 💌 mailgo, a different mailto (WIP)
mailto:なリンクをクリックした時にメニューを表示してくれるライブラリ。
GmailやOutlookで開くやコピーなどを選択できる
victorvoid/dinoql: A customizable GraphQL style query language for interacting with JavaScript objects.
GraphQL構文でオブジェクトからデータを取得できるクエリライブラリ。
Alias、Cache、Fragmentsなどをサポートしている
msgpack/msgpack-javascript: MessagePack for JavaScript/ECMA-262
github.com/msgpack/msgpack-javascript
MessagePackのJavaScript実装。
ブラウザとNode.jsどちらでも動作し、Async Iteratorを使いストリーム処理ができるようになっている。
