AMAGI / Jun Yuri fand

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

Getting the code

git clone https://gist.github.com/6780d7cc0cabb1b4d6c8.git

Executing the code

$ npm install # maybe npm start will take care of it but just in case
$ npm start && open out.png

> offscreen-sample@1.0.0 start /Users/bsergean/src/offscreen_sample

MQTT とはなんだったのか

更新:	2017-05-09
作者:	@voluntas
バージョン:	3.14
URL:	http://voluntas.github.io/

MQTT をググって調べた人向け

npm -gでインストールしたり、npm scripts内から使えそうなツールのまとめ

nodeプロセスマネージャ

開発時にリスタートしてくれる用途のものも含む

pm2
forever
node-dev
nodemon

glsl-optimizerでGLSLのオフライン最適化を行う

OpenGLにコンパイルしてもらう時点でシェーダにはある程度最適化が行われるようですが、モバイルデバイスではあまりコストの掛かる最適化は行われないだろうという事で、オフラインでGLSLの最適化をしてくれるフレームワークとしてglsl-optimizerがあります。サポートされているGLSLバージョンはES2.0とES3.0もカバーしていますが、未対応の拡張もあります。

元々はUnityが機械生成した冗長なGLSLを最適化するために作られたようですが、一応手書きのシェーダの最適化に使うこともできます。ただし、組み込みを前提としているようでコマンドラインからキックするバイナリは提供されていません。

	/*
	UPDATED for 2023 - Now much simpler. The old tricks are no longer needed.

	The following code makes an 800×600 canvas that is always as sharp as possible for the device.

	You still draw on it as if it's the logical size (800×600 in this case), but everything just
	looks sharper on high-DPI screens. Regular non-sharp screens are not affected.
	*/

	const width = 800

	#!/bin/bash -xe
	# Unload nouveau
	sudo rmmod nouveau
	# Load nvidia
	sudo modprobe nvidia
	# Configure X
	sudo nvidia-xconfig --use-display-device=None --virtual=1280x1024 --output-xconfig=/etc/X11/xorg.conf --busid=PCI:0:3:0 --enable-all-gpus

	import express from "express";

	/**
	* Takes a route handling function and returns a function
	* that wraps it after first checking that the strings in
	* `reserved` are not part of `req.body`. Used for ensuring
	* create and update requests do not overwrite server-generated
	* values.
	*/
	function checkReservedParams(routeHandler, ...reserved) {

	/* bling.js */
	window.$ = document.querySelector.bind(document);
	window.$$ = document.querySelectorAll.bind(document);
	Node.prototype.on = window.on = function(name, fn) { this.addEventListener(name, fn); };
	NodeList.prototype.__proto__ = Array.prototype;
	NodeList.prototype.on = function(name, fn) { this.forEach((elem) => elem.on(name, fn)); };