Skip to content

Instantly share code, notes, and snippets.

View tsrkzy's full-sized avatar

tsr tsrkzy

  • Leprachaun
  • Yokohama Japan
  • X @tsrm
View GitHub Profile
@tsrkzy
tsrkzy / index.html
Last active February 7, 2025 02:24
image upload sample
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<title>カメラ起動テスト</title>
<style>
/* 必要に応じてスタイルを追加してください */
#cameraInput {
display: none;
}
@tsrkzy
tsrkzy / StopWatch.js
Created June 18, 2020 09:04
よく使うやつ
"use strict";
/**
* 経過msを測るだけ。変数の数だけインスタンスを焼いて使うので入れ子でも動く。
*
* const sw = StopWatch.start("fileName.methodName");
* // do stuff
* sw.stop();
*/
export class StopWatch {
@tsrkzy
tsrkzy / orientation.html
Last active August 9, 2019 02:14
スマホのジャイロセンサとコンパスの情報を表示するやつのサンプル
<html>
<head>
</head>
<script language="JavaScript">
window.onload = () => {
const h = document.getElementById('h');
const a = document.getElementById('a');
const b = document.getElementById('b');
const g = document.getElementById('g');
window.addEventListener('deviceorientation', (e) => {
@tsrkzy
tsrkzy / sample.html
Last active May 16, 2019 06:59
ロングロング顎
<html>
<head>
<meta name="viewport" content="width=device-width,initial-scale=1.0">
</head>
<body>
<div
id="btn"
style="background-color: ghostwhite;border: 1px dimgray dashed; height: 200px; width: 100%;"
></div>
<textarea
@tsrkzy
tsrkzy / fetchImage.js
Last active May 7, 2019 15:06
非同期関数のサンプル。
'use strict';
(() => {
const onLoadHandler = (w, h) => console.log(`画像のサイズは ${w} x${h} です。`);
const onErrorHandler = (e) => console.error(e);
const fetchImage = (loadHandler, errorHandler) => {
/* WiFi推奨!このスクリプトを実行すると、約1MBytesの画像を読み込みます! */
const imgDummy = new Image();
imgDummy.onload = () => { // => コールバック登録
@tsrkzy
tsrkzy / description.html
Last active April 6, 2021 01:58
idobataのdescriptionでgithack+gist+iframe使って外部コンテンツ埋込み
<!-- fragment.htmlファイルのrawのuriを取得し、githubusercontentをgithackに置換する -->
<!-- @see https://qiita.com/cognitom/items/041b48d8cf746ab54f06 -->
<iframe
src="https://gist.githack.com/tsrkzy/bf3a8624976c11d1c5de4d1262144bab/raw/46dfd5777683940b30bf94f891e4f1b73a6687d9/fragment.html";
style="border:none;"
width="240"
height="240"
frameborder="0" />
@tsrkzy
tsrkzy / mitt.ts
Created March 6, 2019 09:38
strongly typed mitt (EventEmitter)
'use strict';
import mitt from 'mitt';
(() => {
window.onload = () => {
const myMitt = new mitt() as TypedMitt<Events>
type testPayloadType = Events['test'];
myMitt.on('test', (data:testPayloadType) => {
console.log(data);
@tsrkzy
tsrkzy / go configure.sh
Created January 15, 2019 01:00
Goの開発環境
echo $GOPATH
# /Users/lepra_tsr/go/third-party:/Users/lepra_tsr/go/myProj
ls ~/go
~/go
/third-party
/src
/bin
/myProj
/src
@tsrkzy
tsrkzy / webpackConfig.js
Last active March 15, 2019 08:47
webpack
import path from 'path';
const entryPoint = path.resolve(__dirname, 'src/client');
const distribute = path.resolve(__dirname, 'public');
/*
* ./
* |- src
* | |- client.js //-------- entryPoint.jsx
* | |- client
@tsrkzy
tsrkzy / createMdLink.js
Last active April 15, 2019 05:25
markdown形式のリンクテキストを生成するブックマークレット