mactkg
https://gyazo.com/487268fb71896511f4cb623afa689f3b
https://gyazo.com/de470a5353e7697579077e67cff276f5
#hiphop #shoegaze #disco #techno
#game #FPS #splatoon
#food
#ruby #golang
概要
会社員
Ruby(Rails), JavaScript(Vue.JS, React)を書いている
DJ用の説明文
経験
言語
Golang
プログラミング言語Goを一通りやってみている
TypeScript/JavaScript
Arch ResearchでGriffithの開発をしています。
https://research.archinc.jp/griffith/
p5.jsなどくわしいです。
Node.js
大学時代スクリプティングに使ったり研究につかったりしている
Ruby
Rails
軽いスクリプトに使う
ISUCONは毎回Ruby
Links
読んでる
読んだ
Twitter
input mode UserScript
code:script.js
// import 'https://scrapbox.io/api/code/mactkg-pub/input_mode_UserScript/script.js'
code: script.js
import 'https://scrapbox.io/api/code/mactkg-pub/sb2mdAtPageMenu/script.js'
code:script.js
import 'https://scrapbox.io/api/code/mactkg-pub/D&D_file_upload/script.js'
let isAltPressed = false;
document.addEventListener('keydown', e => {
if(e.key == "Alt")
isAltPressed = true;
if(e.key == "PageUp") {
debugger;
}
if(e.key == "PageDown") {
}
});
document.addEventListener('keyup', e => {
if(e.key == "Alt")
isAltPressed = false;
});
クリックでON/OFFできるチェックボックス
code:script.js
import 'https://scrapbox.io/api/code/mactkg-pub/%E3%82%AF%E3%83%AA%E3%83%83%E3%82%AF%E3%81%A7ON%2FOFF%E3%81%A7%E3%81%8D%E3%82%8B%E3%83%81%E3%82%A7%E3%83%83%E3%82%AF%E3%83%9C%E3%83%83%E3%82%AF%E3%82%B9/script.js';
プレゼンタイマー
code:script.js
import 'https://scrapbox.io/api/code/mactkg-pub/%E3%83%97%E3%83%AC%E3%82%BC%E3%83%B3%E3%82%BF%E3%82%A4%E3%83%9E%E3%83%BC/script.js';
daiiz
code:script.js
$('body').attr('data-daiiz-rel-bubble', 'on'); // 関連ページを吹き出し表示する
$('body').attr('data-daiiz-text-bubble', 'on'); // リンク先ページのテキストを表示する
プレゼン用のCSS
code:style.css
body .presentation .col-page {
max-width: 1400px;
}
body .presentation .section-title {
margin-bottom: 2em;
}
body .presentation .image {
max-height: 400px;
}
body .presentation {
color: #373942 !important; /* 全体のフォントカラーを変える */
font-family: "游ゴシック", YuGothic, sans-serif !important; /* フォントを游ゴシック優先にする */
}
.timer {
left: 0;
bottom: 0;
position: fixed;
padding: 16px;
background-color: #ffcaca;
font-size: 32px;
font-weight: 800;
margin-right: auto;
margin-left: auto;
z-index: 201;
}
#human #account