Pavel Laptev PavelLaptev

React + Typescript Cheatsheet

Setup

If you use atom... download & install the following packages:

What are Typescript type definition files? (*.d.ts)

Most Japanese websites use default font sets provided on Windows or Mac. The latest ones are Meiryo and Hiragino Kaku Gothic Pro. For older versions such like Windows XP, it is good to add former default fonts MS Gothic(or MS Mincho)/Osaka.

Some old browsers could not understand those font names in English, some others do not recognize the names in Japanese, so it is safe to write both in Japanese and English.

Meiryo and Hiragino's order is, because Mac users may have Meiryo from MS-Office, and Hiragino is more familiar and matching well on Mac, better by starting Hiragino series.

So the current recommended practice is like this,

font-family:"ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro",Osaka, "メイリオ", Meiryo, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif;

Running ar.js from your own computer

The Error

I tried to run https://dev.to/andraconnect/augmented-reality-in-10-lines-of-html and https://github.com/jeromeetienne/ar.js from my own computer and got the following error:

Can't access user media :()

This error comes from:

https://github.com/jeromeetienne/jsartoolkit-experiments/blob/master/basic.html Line 100: navigator.getUserMedia

Exposed headers

Service	SSL	status	Response Type	Allowed methods	Allowed headers

	var doc = context.document

	var selectLayersOfType_inContainer = function(layerType, containerLayer) {

	// Filter layers using NSPredicate
	var scope = (typeof containerLayer !== 'undefined') ? [containerLayer children] : [[doc currentPage] children],
	predicate = NSPredicate.predicateWithFormat("(className == %@)", layerType),
	layers = [scope filteredArrayUsingPredicate:predicate];

	// Deselect current selection

	import fetch, {
	Response } from 'node-fetch';
	import qs from 'querystring';
	import WebSocket from 'ws';

	class SimpleSlack {

	baseURL = 'https://slack.com/api/';
	eventListeners = {};
	connection = null;

	<script>
	// A minimal polyfill for copying text to clipboard that works most of the time in most capable browsers.
	// Note that:
	// - You may not need this. `navigator.clipboard.writeText()` works directly in all modern browsers as of 2020.
	// - In Edge, this may call `resolve()` even if copying failed.
	// - In Safari, this may fail if there is nothing selected on the page.
	// See https://github.com/lgarron/clipboard-polyfill for a more robust solution.
	//
	// License for this Gist: public domain / Unlicense
	function writeText(str) {

	if Utils.isDesktop() is true
	HTMLPreviewBackground = new Layer
	backgroundColor: "#2d383e"

	HTMLPreview = Screen

	Screen = new Layer
	width: 750
	height: 1334
	clip: true

	# Create a promise:

	myCoolPromise = new Promise (resolve, reject) ->
	# do a thing
	success = true
	if success
	resolve 'stuff worked'
	else
	reject Error 'it broke'