Skip to content

Instantly share code, notes, and snippets.

View japboy's full-sized avatar
🏠
WFH

Yu Inao japboy

🏠
WFH
View GitHub Profile
@japboy
japboy / SketchSystems.spec
Last active November 25, 2022 14:00
metacognition
metacognition
mindless
meditate -> mindful
do bodyscan -> mindful
do journaling -> mindful
mindful
meditate -> mindful
do bodyscan -> mindful
do journaling -> mindful
@japboy
japboy / can-designers-and-engineers-use-a-single-source-of-truth.md
Created April 21, 2020 14:32
デザイナーとエンジニアの共通の Single Source of Truth とは

デザイナーとエンジニアの共通の Single Source of Truth とは


This is my personal translation copy in Japanese of Can Designers and Engineers Use a Single Source of Truth? written by Marcin Treder from UXPin. I love the perspectives from both designers and engineers, and also believe the unified process will make things better XD


わたしはデザイナーです。

<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Tinder?</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.7.2/css/all.css" integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr" crossorigin="anonymous">
<style>
body {
background-color: rgb(255, 255, 255);
@japboy
japboy / index.html
Last active February 19, 2019 14:25
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>test</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<style>
p {
text-align: center;
}
@japboy
japboy / slack.gs
Last active February 9, 2019 03:06
google app scripts
var SLACK_WEBHOOK_URL = 'https://hooks.slack.com/services/XXXXXXXXXX';
function onOpen() {
var spreadsheet = SpreadsheetApp.getActiveSpreadsheet();
var menuEntries = [
{
name: 'Notify to Slack',
functionName: 'notify',
},
];
@japboy
japboy / index.html
Last active February 14, 2018 14:28
Vue.js デモ
<!doctype html>
<html lang="ja">
<head>
<meta charset="utf-8">
<title>Vue.js デモ</title>
<meta name="viewport" content="width=device-width,minimum-scale=1,initial-scale=1">
<link rel="stylesheet" href="https://fonts.googleapis.com/earlyaccess/sawarabimincho.css">
<style>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Testing WebVR</title>
<meta name="viewport" content="width=device-width, user-scalable=yes">
<link rel="stylesheet" href="https://unpkg.com/normalize.css@7.0.0/normalize.css">
<script defer src="https://unpkg.com/three@0.88.0/build/three.min.js"></script>
<script>
class WebVR {
@japboy
japboy / .babelrc
Last active April 15, 2022 12:19
webpack DllPlugin + HappyPack sample
{
"presets": [
"stage-2",
[
"env", {
"modules": false,
"targets": {
"browsers": [
"Chrome >= 50",
"ChromeAndroid >= 50",
@japboy
japboy / bookmarklet.js
Last active August 10, 2017 15:31
Bookmarklet to copy image path from HTML elements
javascript:
/**
* WIP
*/
function copyToClipboard(text) {
const input = document.createElement('input');
input.style.position = 'fixed';
input.style.opacity = 0;
/**
* UTF-8 から SJIS に一括変換するスクリプト
*/
const fs = require('fs');
const glob = require('glob');
const iconv = require('iconv');
const pattern = './assets/**/*';