Skip to content

Instantly share code, notes, and snippets.

Keybase proof

I hereby claim:

  • I am honai on github.
  • I am honai (https://keybase.io/honai) on keybase.
  • I have a public key ASAMcD3cmDFYpq-58oDEViOnvYvwMlnEQTLmBgdcIYPJfwo

To claim this, I am signing this object:

from pathlib import Path
import sys
target = sys.argv[1]
for file in Path('.').glob(target):
if not file.name.startswith("-"):
continue
new_path = file.parent / f"a{file.name}"
assert not new_path.exists()
{
"title": "US配列をJIS配列として使う",
"rules": [
{
"description": "バッククオートを円記号とパイプにする",
"manipulators": [
{
"type": "basic",
"from": {
"key_code": "grave_accent_and_tilde",
@honai
honai / static.config.js
Created May 3, 2019 21:43
use styled-jsx with SSR in react-static
import React from 'react';
import flush from 'styled-jsx/server';
// flush returns your styes as an array of React.Elements
export default {
// your settings here (getRoutes, plugins, etc)
Document: ({
Html,
@honai
honai / media-query-mixin.scss
Created March 29, 2019 17:16
sass(scss)でスマートにメディアクエリを使う
// https://www.nxworld.net/tips/sass-media-queries-mixin.html
// mixin
$mq-breakpoints: (
'xsmall': 320px,
'small' : 600px,
'medium': 768px,
'large' : 1024px,
'xlarge': 1280px,
);
@honai
honai / request-animation-frame.html
Last active May 3, 2019 21:36
JSのRequestAnimationFrameのサンプル
<!DOCTYPE html>
<html lang="ja">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>RequestAnimationFrame</title>
</head>
<body>
<div id="animate-div">アニメーション</div>
</body>
@honai
honai / paste-rich-text.html
Created February 22, 2019 19:05
Paste in HTML format (if any), not plain text
<div id="target" contenteditable="true"></div>
<script>
document.addEventListener('paste', function(e) {
e.preventDefault();
var pastedText = ''
if (window.clipboardData && window.clipboardData.getData) { // IE