Skip to content

Instantly share code, notes, and snippets.

View ygkn's full-sized avatar
✨
A believing heart is your magic.

YAGITA Yugo ygkn

✨
A believing heart is your magic.
180 followers · 249 following
View GitHub Profile
@ygkn
ygkn / app.rb
Last active March 29, 2016 15:09
Sinatraでサブタイトルを付ける ref: http://qiita.com/ygkn/items/7421ec04eff441f52201
get '/' do
@subtitle = "サブタイトル"
erb :index
end
@ygkn
ygkn / index.html
Created October 11, 2016 10:34
ShibafuAnimation
<svg
viewBox="0 0 100 99.999999"
height="100"
width="100"
y="0px"
x="0px">
<path
id="line1"
d="m 16.65463,7.2500163 7,66.9999997"
style="fill:none;stroke:#668a33;stroke-width:9;stroke-miterlimit:10" />
@ygkn
ygkn / DevToolのConsoleで
Last active October 25, 2016 13:54
「精神と時の部屋」ページを作った ref: http://qiita.com/ygkn/items/2ee0656ee0af0bf1e4b2
$("html").prop("contenteditable",false)
@ygkn
ygkn / file0.txt
Last active October 26, 2016 11:21
【ubuntu-make】 Ubuntuでいろいろな開発環境をらくらく構築 ref: http://qiita.com/ygkn/items/0f5d7a7778c7b06220f5
sudo add-apt-repository ppa:ubuntu-desktop/ubuntu-make
sudo apt-get update
sudo apt-get install ubuntu-make
@ygkn
ygkn / file0.js
Last active October 30, 2016 14:55
J-Lyricの歌詞をコピるブックマークレット ref: http://qiita.com/ygkn/items/57ad273ee04fce7a26aa
javascript:(function(r){r.selectNode(document.getElementById("lyricBlock"));getSelection().addRange(r);document.execCommand("copy");getSelection().removeAllRanges()})(document.createRange())
@ygkn
ygkn / file0.js
Last active December 12, 2016 14:38
CSSのtransitionアニメーションが終わったら関数を実行 ref: http://qiita.com/ygkn/items/aabc47e8d678d714fb81
let time = $(el).css("transition-duration");
if(/ms$/.test(time)){ // msかどうか
time = parseFloat(time);
} else {
time = parseFloat(time) * 1000;
}
setTimeout(()=>{
@ygkn
ygkn / file0.js
Last active January 5, 2017 01:29
ES6でisNaN関数を作るととてもアレになる。 ref: http://qiita.com/ygkn/items/83cd41c9ee7f0c487b52
isNaN("x") // -> true
Number.isNaN("x") // -> false
@ygkn
ygkn / generate_icons.sh
Created January 19, 2017 14:43
Chrome Extension のアイコン複数サイズ作るの面倒くさい ref: http://qiita.com/ygkn/items/efa1e311006f5c900123
#!/bin/bash
for size in 16 48 128
do
convert icons/source.png -resize ${size}x -unsharp 1.5x1+0.7+0.02 icons/${size}.png
done
@ygkn
ygkn / file0.txt
Last active February 7, 2017 14:22
小林さんちのメイドラゴンの話数表示ジェネレータを作った ref: http://qiita.com/ygkn/items/272324aa3ec3a29e2cea
for f in $(ls frames); do
echo "converting ${f}..."
convert ./source.png "./frames/${f}" -composite "${tempDir}/${f}" # ①
done
echo "building gif file..."
convert -layers optimize -delay 10 "${tempDir}/*.png" $output # ②
@ygkn
ygkn / file0.js
Last active February 7, 2017 14:38
小林さんちのメイドラゴンの話数表示ジェネレータのWeb版を作った ref: http://qiita.com/ygkn/items/0d0d5a451a09c8034637
const encoder = new GIFEncoder();
encoder.setRepeat(0);
encoder.setDelay(500);
encoder.start();
// canvasに何か書く
// e,g. 文字 → context.fillText() 画像 → context.drawImage() など
encoder.addFrame(context.getImageData(0, 0, width, height).data);