Fork me on GitHub

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

Translator: U-Yeong Ju Edit on GitHub See Revisions

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 도구도 공개됐습니다.

또, 구글이 운영하고 있는 web.devBlogReact 애플리케이션 최적화에 관한 튜토리얼 등이 추가됐습니다.


GitHub가 GitHub Package Registry라는 패키지 등록 서비스의 베타 버전을 공개했습니다.

GitHub Package Registry는 npm이나 RubyGems, Docker 등에 대응한 public / private registry 서비스입니다.
현재는 베타이며 GitHub Package Registry의 signup를 통해 가입하여 사용해 볼 수 있습니다(pre-release).
자세한 내용은 아래 문서를 참고하시길 바랍니다. npm 패키지를 GitHub의 User 또는 Organization 명을 붙여 scoped module로 공개할 수 있는 것 같습니다.

GitHub Package Registry로 배포하는 데모 영상도 있으니 관심 있는 분은 함께 살펴보면 될 거 같습니다.


헤드라인


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 객체나 URL 문자열 등으로 require 함수를 만들 수 있는 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 Package 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의 설정 값인 Strict, Lax, None의 각 동작 방식을 소개합니다.
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를 사용해 스트림 처리를 할 수 있습니다.


Pull Request to this article
JSer.info Slackに参加する