Yoshiaki ITO oti

twitterの検索術 (`search/tweets` と `search/universal`)

注

search/tweets では一週間以上前のツイートは検索できないので注意

search/universal は公式のConsumerKey/ConsumerSecretでないと使用できない

当方では一切の責任を負いません

フロントエンドを楽にするために

Qiitaを支えたい技術 at 時雨祭

About

HN: mizchi
Qiitaの方からきました(入社半年たったらしい)
Reactオジサンはそろそろ飽きてきた
Angularに興味が無いのでこっちにきた

マイクロソフトの Web ブラウザの今までとこれから　～くるよ！Microsoft Edge !!～

春日井良隆（日本マイクロソフト株式会社　デベロッパーエバンジェリズム統括本部　エバンジェリスト）

Windows 10 には Internet Explorer と新しい Web ブラウザ「Microsoft Edge」が搭載されることが明らかになっています。本セッションでは、Microsoft Edge を発表するに至った市場の動向、既存の Web サイトや Web システムとの互換性を踏まえながら、マイクロソフトが考える今後の Web ブラウザについてお伝えします。

動画 https://youtu.be/EH-LbaSO_7Y

セッションメモ

プロパティー	発音
`background-attachment`	バックグラウンド・アタッチメント
`background-color`	バックグラウンド・カラー
`background-image`	バックグラウンド・イメージ
`background-position`	バックグラウンド・ポジション
`background-repeat`	バックグラウンド・リピート
`background`	バックグラウンド
`border-collapse`	ボーダー・コラプス
`border-color`	ボーダー・カラー

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

Make it easy to include SVG strings inline via node-sass.

Escapes SVG (via encodeURIComponent + node-sass custom function).

Wraps <svg/> with appropriate url(data...) which I can never remember.

Call:

node-sass --source-map=true --functions=./node-sass-functions.js in.scss out.css

	<!DOCTYPE html>
	<html lang="ja">
	<head>
	<meta charset="UTF-8">
	<meta content="width=device-width" name="viewport">

	<title>dskd</title>

	<link href="http://dskd.jp/" rel="canonical">
	<link href="apple-touch-icon.png" rel="apple-touch-icon-precomposed">

	.className = {
	text-align: center,
	color: #000,
	&.hasClassName: {
	color: red
	}
	};

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

	mixin meta(name, content)
	-
	var attrs = {};
	var httpEquivRegExp = /^content-(?:encoding\|length\|language\|type\|(?:style\|script)-type)\|default-style\|refresh\|set-cookie\|pragma\|cache-control\|expires\|allow\|date\|last-modified\|location\|www-authenticate\|x-(?:ua-compatible\|dns-prefetch-control\|rim-auto-match)$/i;
	var ogpRegExp = /^og:/i;
	name = typeof name === "string" ? name.trim() : null;
	content = typeof content === "string" ? content.trim() : null;

	if name && content