myakura

Chrome Dev Summit 2020まわりの記事メモ

はじめに

書いてる人：myakura (Masataka Yakura)

このgistにあるもの

Chrome Dev Summit 2020の前後でGoogleのひとが公開した記事を、やる気の続く限り読んで書いたメモ。
主にみているのは以下のサイト。

Layzie

WebRTC Conference 2016

Value-Added Services and WebRTC

Dialogic

• Cloudベースのネットワークやアプリを作ってる

WebRTCはVoIPと同じ特徴がある

• 同期的なイベント
• 革新的なテクノロジー
• コミュニケーションの進化

WebRTCの現在の状態

• 現状は普及期

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

Layzie

Chrome Tech Night #8

Chrome Tech Talk Night #8 - connpass
Chrome Tech Talk Night #8 を開催します - Google Developer Japan Blog

こちらのイベントに来ているので、メモ取っていく。英語の講演だから間違ってるかもしれないっす。

Future of web apps (Matt Gaunt)

Future of Web Apps by gauntface

watilde

String.isNyaN = function (val) {
  if (typeof val !== 'string') return false;
  var nyan = ['cat', 'kitty', 'kitten', 'doraemon', '🐱', '😿', '😺', '😸', '😼', '😹', '😻', '😽', '😾', '🙀'];
  return nyan.indexOf(val.toLowerCase()) !== -1;
}

mobz

./node_modules/watchify/bin/cmd.js -v -t babelify src -o dist

btd

macro => {
	rule infix { ( $arg:ident (,) ... ) | { $body ... $last:expr } } => {
		(function x( $arg (,) ... ) {
			$( $body) ...
			return $last
		}).bind(this);
	}
	rule infix { ( $arg:ident (,) ... ) | $last:expr } => {
		(function x( $arg (,) ... ) {
			return $last

1000ch

45 Useful JavaScript Tips, Tricks and Best Practices

By Saad Mousliki

御存知の通り、JavaScriptは数あるプログラミング言語のうちのひとつであり、モバイルのハイブリッドアプリ（PhoneGapやAppceleratorといった）や、サーバーサイド（NodeJSやWakanda）等の様々な所で実装されているWebの言語です。 また、Webブラウザにalertを出すところから、ロボットを動かす(nodebotやnodruinoを使って)ところまで様々なシーンで使われる言語となりました。 JavaScriptをマスターし、パフォーマンスの良いコードを生み出す開発者は市場で最も求められています。

1000ch

(function(global) {

  // Compatibility
  navigator.getUserMedia = navigator.getUserMedia || navigator.webkitGetUserMedia;

  var peerClient;
  var currentPeerConnection;
  var localMediaStream;

  $(function() {

yhara

redcaretとgithub-markdownの違い

• 両者のソースは割りと似ている(github-markdownがredcarpetを元にしたのか、あるいは両者のもとになったC実装があるとかかな)

オプションについて

github-markdownは、redcapetの提供するオプションの一部をデフォルトで有効化します。 (ちなみに有効化するオプションを選ぶAPIはない模様。用途を考えるとそれで正しいが)

★がついているのが有効化されるもの。gfmモード(.render_gfmメソッド)の場合のみ、★★も有効化される。