tsmd’s gists

tsmd / get-orientation.js

Created February 1, 2020 11:12

	/**
	* 画像の回転を取得する
	* @returns {number} 回転を表す数字。正しく表示するために数字に応じて以下の処理をする:
	* 1: 何もしない
	* 2: 左右反転
	* 3: 180度回転
	* 4: 180度回転し、左右反転
	* 5: 時計回りに90度回転し、左右反転
	* 6: 時計回りに90度回転
	* 7: 時計回りに270度回転し、左右反転

tsmd / roll-focus.js

Created February 1, 2020 11:14

	function rollFocus(backFlag) {
	let focusIndex
	const currentIndex = this.tabbableElements.indexOf(document.activeElement)
	if (currentIndex < 0) {
	focusIndex = 0
	} else {
	const tabbableLength = this.tabbableElements.length
	const direction = backFlag ? -1 : 1
	focusIndex = (currentIndex + direction + tabbableLength) % tabbableLength
	}

tsmd / web-storage.ts

Created February 1, 2020 11:21

localStorage, sessionStorage のごく薄いラッパー。Cookie 無効環境でストレージにアクセスしたときに発生する例外を捕捉しスクリプトが止まらないようにする。

	/**
	* @fileOverview
	* localStorage, sessionStorage のごく薄いラッパー。
	* Cookie 無効環境でストレージにアクセスしたときに発生する例外を捕捉しスクリプトが止まらないようにする。
	*/

	type storageType = 'localStorage' \| 'sessionStorage'

	class WebStorage {
	constructor(private storageType: storageType) {}

tsmd / adjust-rem.js

Last active September 5, 2020 14:02

rem を 10/16 倍する

	#!/usr/bin/env node

	/**
	* @fileoverview rem を 10/16 倍する
	* @example cat styles.css \| ./adjust-rem > styles.css
	*/

	const { readFileSync } - require("fs");
	const postcss = require("postcss");

tsmd / dom-utils.js

Created October 22, 2020 08:04

DOM utilities

	/**
	* ツリー上で最初に登場するテキストノードを深さ優先で探索し取得する
	*/
	function getFirstTextNode(root) {
	return traverse(root, (node) => node.nodeType === Node.TEXT_NODE && node.textContent.trim() !== "");
	}

	/**
	* ツリー上で最後に登場するテキストノードを深さ優先で探索し取得する
	*/

tsmd / load-polyfills.html

Created December 29, 2020 21:28

Load polyfills conditionally from CDN

	<!DOCTYPE html>
	<html lang="en">
	<head>
	<meta charset="utf-8" />
	<title>Load polyfills conditionally from CDN</title>
	<script>
	function loadFromCdn(src, integrity) {
	var s = document.createElement("script");
	s.src = src;
	s.integrity = integrity;

tsmd / debounce.js

Created March 6, 2021 07:47

simple throttle and debounce

	/**
	* @param {number} delay
	* @param {Function} callback
	* @returns {Function}
	*/
	function debounce(delay, callback) {
	var timer = 0;
	return function () {
	var self = this;
	var args = arguments;

tsmd / wait-for-global-variable.js

Created July 14, 2021 05:12

	export function waitForGlobalVariable(objPath, interval, timeout, callback) {
	function find(objPath) {
	var found = window;
	objPath = objPath.split(".");
	while (objPath.length > 0) {
	var objPart = objPath.shift();
	if (objPart in found) {
	found = found[objPart];
	} else {
	return null;

tsmd / page-visibility.js

Created November 15, 2021 14:48

	let pageVisible = true;

	function updatePageVisibility(e) {
	if (e.type === "visibilitychange") {
	pageVisible = !document.hidden;
	} else {
	const typeVisibilityMap = { blur: false, focus: true, pagehide: false, pageshow: true };
	pageVisible = typeVisibilityMap[e.type];
	}
	}

tsmd / lib.js

Created September 25, 2023 23:10

Optimize SVG Icons

	const { XMLParser, XMLBuilder } = require('fast-xml-parser');

	const presentationAttrs = [
	'clip-path', 'clip-rule', 'color', 'color-interpolation', 'color-rendering',
	'cursor', 'display', 'fill', 'fill-opacity', 'fill-rule', 'filter', 'mask',
	'opacity', 'pointer-events', 'shape-rendering', 'stroke', 'stroke-dasharray',
	'stroke-dashoffset', 'stroke-linecap', 'stroke-linejoin', 'stroke-miterlimit',
	'stroke-opacity', 'stroke-width', 'transform', 'vector-effect', 'visibility',
	];

Shimada Takayuki tsmd