Fork me on GitHub

2019-05-14のJS: Google I/O 2019、GitHub Package Registry(npm, Docker, etc)

Edit on GitHub 編集履歴を見る

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も更新されBlogReactアプリケーションの最適化についてのチュートリアルなどが追加されています。


GitHubがGitHub Package Registryというパッケージレジストリサービスのベータ公開を発表しました。

GitHub Package RegistryはnpmやRubyGems、Dockerなどに対応したpublic/private registryサービスです。
現在はベータなので、GitHub Package Registryのsignupから登録した人にプレリリースしている状態です。
詳細は次のドキュメントに書かれていますが、npmパッケージをGitHubのUserまたはOrgnization名に紐づいたscoped moduleとして公開できるようになるようです。

次の動画でGitHub Package Registryへpublishするデモなども行っているので、興味がある人は見てみると良さそうです。


ヘッドライン


Release v5.0.0 · GoogleChrome/lighthouse

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

browser performance Tools ReleaseNote

Lighthouse 5.0.0リリース。
Wordpressなど特定のスタックに対するレポートを表示するStack Packsの追加、Performance budgetsの対応、Lighthouse plugins


Official Google Webmaster Central Blog: The new evergreen Googlebot

webmasters.googleblog.com/2019/05/the-new-evergreen-googlebot.html

google search news browser Chrome

Google検索botが最新版のChromiumレンダリングエンジンを使うように変更された


Node v12.2.0 (Current) | Node.js

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

node.js ReleaseNote

Node.js 12.2.0リリース。
--trace-tlsオプションの追加、Module.createRequireFromPath()を非推奨化し、URLでのパスも受け取れるようにしたmodule.createRequireを追加など


github.com/GoogleChromeLabs/comlink/blob/master/CHANGELOG.md#v3---v4

JavaScript webworker library ReleaseNote

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

Chrome library ReleaseNote

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 news npm

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 news

AWS LambdaがNode.js 10をサポート。


アーティクル


SameSite cookies explained  |  web.dev

web.dev/samesite-cookies-explained/

security browser Chrome article

SameSite Cookieについての解説。SameSiteの設定値であるStrictLaxNoneの動作の解説。
Chrome 76でSameSiteが未指定の場合にSameSite=Laxをデフォルトとする試験的フラグが追加されるなど


React  |  web.dev

web.dev/react

React tutorial

web.dev のReactウェブアプリの最適化についてのチュートリアル。
Bundle size、無限リスト、Service Worker、プリレンダリング、アクセシビリティについて


A Guide to Node.js Logging - Twilio

www.twilio.com/blog/guide-node-js-logging

node.js article

Node.jsでログ出力についての記事。
Console API、pinoを使ったログ出力、ライブラリのログ、chalkなどで装飾されているログをプレーンな出力にする方法などについて


スライド、動画関係


Web at Google I/O 2019 - YouTube

www.youtube.com/playlist?list=PLNYkxOF6rcIATmAmz7HcCzongGvQEtx8i

google video イベント

Google I/O 2019のウェブセッションの動画まとめ


ng-conf 2019 - YouTube

www.youtube.com/playlist?list=PLOETEcp3DkCpimylVKTDe968yNmNIajlR

Angular video イベント

Angularのカンファレンスであるng-confg 2019の動画一覧。


Node.js v12の気になる変更点 / #kng6 - Speaker Deck

speakerdeck.com/masashi/number-kng6

node.js slide

Node.js 12の変更点についてまとめたスライド


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


wapm | WebAssembly Package Manager

wapm.io/

WebAssembly webservice

WebAssemblyのパッケージマネージャとレジストリ


microsoft/frontend-bootcamp: Frontend Workshop from HTML/CSS/JS to TypeScript/React/Redux

github.com/Microsoft/frontend-bootcamp

MS HTML CSS JavaScript tutorial

Microsoftのフロントエンドワークショップ教材。
HTML、CSS、JavaScript、TypeScriptについて扱う2日分のコンテンツ


Data | Third-Party Web

www.thirdpartyweb.today/

performance webservice Tools

HTTP Archiveのクロールデータを元にした、サードパーティスクリプトの影響度を可視化したサイト


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


manzinello/mailgo: 💌 mailgo, a different mailto (WIP)

github.com/manzinello/mailgo

JavaScript library mail

mailto:なリンクをクリックした時にメニューを表示してくれるライブラリ。
GmailやOutlookで開くやコピーなどを選択できる


victorvoid/dinoql: A customizable GraphQL style query language for interacting with JavaScript objects.

github.com/victorvoid/dinoql

GraphQL JavaScript library

GraphQL構文でオブジェクトからデータを取得できるクエリライブラリ。
Alias、Cache、Fragmentsなどをサポートしている


msgpack/msgpack-javascript: MessagePack for JavaScript/ECMA-262

github.com/msgpack/msgpack-javascript

JavaScript library TypeScript

MessagePackのJavaScript実装。
ブラウザとNode.jsどちらでも動作し、Async Iteratorを使いストリーム処理ができるようになっている。


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