daiiz
インターネットでは daiz や daiiz という名前で活動しています
読み方は全部「だいず」です
レベルが上がるとiの数が増える
いまはレベル2です
このイラストは宇宙乃まれさん作
出身: 神奈川県
誕生日: 1993年9月11日
連絡先: iizuka@daiiz.dev
勤務先: 株式会社Helpfeel
入社年: 2017年
所属: 開発部
肩書: ソフトウェアエンジニア
作品集
Links
工房: /daiiz-kobo
style.cssimg.my-qr {
display: none;
position: fixed;
top: 8px;
left: 8px;
width: 160px;
}
[data-display-style="presentation"] img.my-qr {
/*display: block;*/
}_script.jsconst qrImg = document.createElement("img");
qrImg.className = "my-qr";
qrImg.src = "https://gyazo.com/296298a31a8a3ea4fe2b45aa149dc674/raw";
document.body.appendChild(qrImg);style.csscode.helpfeel {
opacity: .78;
}
.video-player video {
max-height: 360px;
}style.css/* presentation mode時にmodal imageの背景に市松模様を表示しない */
html[data-display-style="presentation"] img.full-content {
background: #fff !important;
}style.p.css.app.presentation .line.section-title {
/*font-size: 4.15vw;*/
font-size: 5vw;
font-weight: 700;
text-align: left;
}
.app.presentation .col-page {
min-width: 90vw;
}
.app.presentation .col-page-side {
display: none;
}style.css.col-page.paperback {
max-width: 600px;
}style.css.presentation .line.section-title {
/*color: #39ac86;*/
/*color: #0f3324;*/
}
.deco-\/ {
color: #006621;
}script.jsimport { initPimento } from "/api/code/daiiz-pimento/build/script.js";
initPimento();Keyaki client
script.js// import { initKeyaki } from "/api/code/daiiz-private/keyaki-client/script.js"
// initKeyaki();script.jsimport '/api/code/daiiz-private/daiiz%2Flocomoco_scrapbox/script.js'
// import '/api/code/daiiz/Open_Gyazo/script.js'
// import '/api/code/daiiz/miilClient-button/script.js'
// import '/api/code/daiiz/Open_notepad/script.js'
import '/api/code/daiiz/ランダムページ/script.js'
import '/api/code/daiiz/ページの見出しを作るUserScript/script.js'
// import '/api/code/daiiz/🔍 Google/script.js'
// import '/api/code/daiiz/🔍 Scrapbox/script.js'
import '/api/code/shokai/Tweet_Menu/script.js'
import '/api/code/daiiz/omakase-links/script.js'
import '/api/code/daiiz/新書モード/script.js'
import '/api/code/daiiz/メモページを開く/script.js'script.jsimport '/api/code/scrasobox/プレゼン中にプログレスバーを表示する/script.js'script.jsdocument.querySelector('.app')
.insertAdjacentHTML('beforeend', '<div id="presentation-progress" style="display:none"></div>')
document.querySelector('.app')
.insertAdjacentHTML('beforeend', `<style media="screen">
.app.presentation #presentation-progress {
display: block !important;
z-index: 100; position: fixed; bottom: 0; left: 0; width: 100vw;
text-align: center; line-height: 1;
font-size: x-small; /* 📝バーの高さを変えたいときはフォントサイズを変えてね */
//--bar-color: #353B48; /* 📝プログレスバーの色 */
--bar-bgcolor: #eee; /* 📝プログレスバーの背景色 */
--complete: 0;
background: linear-gradient(to right,
var(--bar-color) var(--complete), var(--bar-bgcolor) var(--complete), var(--bar-bgcolor))
}
</style>`);
(() => {
const updateProgress = () => {
const sections = Array.from(document.querySelectorAll('.section-title'))
const currentPos = sections.findIndex(e => {
return window.getComputedStyle(e, null).getPropertyValue('display') != 'none'
}) + 1
const complete = currentPos / sections.length * 100
const progressBarElem = document.getElementById('presentation-progress')
progressBarElem.style.setProperty('--complete', complete + '%')
progressBarElem.innerText = `${currentPos} / ${sections.length}`
}
const appObserver = new MutationObserver(mutations => {
mutations.forEach(mutation => {
const addedStyles = Array.from(mutation.addedNodes).filter(node => node.tagName == 'STYLE')
if (addedStyles.length) {
// プレゼンモード開始？
// STYLEタグも MutationObserver で監視したかったけど無理ぽいのでキーイベント拾います
window.addEventListener('keydown', updateProgress)
updateProgress()
}
const removedStyles = Array.from(mutation.removedNodes).filter(node => node.tagName == 'STYLE')
if (removedStyles.length) {
// プレゼンモード終了？
window.removeEventListener('keydown', updateProgress)
}
})
})
appObserver.observe(document.querySelector('.app'), { childList: true })
})()ScrapScriptsの設定
script.js $('body').attr('data-daiiz-icon-button', 'on');
$('body').attr('data-daiiz-rel-bubble', 'off');
$('body').attr('data-daiiz-text-bubble', 'off');
$('body').attr('data-daiiz-paste-url-title', 'ctrl');script.js// Formats: https://momentjs.com/
scrapbox.TimeStamp.addFormat("[[]YYYY年M月[]]D日 HH時MM分")
scrapbox.TimeStamp.addFormat("[#]YYYY年 [#]M月")script.jsdocument.body.dataset.daiizPageNums = scrapbox.Project.pages.filter(p => p.exists).length