daiiz
Daiki Iizuka
インターネットでは daiz や daiiz という名前で活動しています
読み方は全部「だいず」です
レベルが上がるとiの数が増える
いまはレベル2です
https://gyazo.com/9a0da4f2757af9fe1cf7bd324237a968
このイラストは宇宙乃まれさん作
作品集
作品
http://daiiz.hatenablog.com/archive/category/作品
Links
/daiiz-painting
https://github.com/daiiz
http://daiiz.hatenablog.com
https://apps.daiiz.dev
https://twitter.com/daizplus
https://codepen.io/daiiz
https://daiiz.booth.pm
http://miil.me/u/daiz
https://speakerdeck.com/daiz713
https://www.pixiv.net/fanbox/creator/10019530
https://suzuri.jp/daiiz
code:style.css
/* presentation mode時にmodal imageの背景に市松模様を表示しない */
htmldata-display-style="presentation" img.full-content {
background: #fff !important;
}
code: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;
}
code:style.css
.col-page.paperback {
max-width: 600px;
}
code:style.css
.presentation .line.section-title {
/*color: #39ac86;*/
/*color: #0f3324;*/
}
.deco-\/ {
color: #006621;
}
音声入力Menu
code:script.js
// import '/api/code/shokai/音声入力Menu/script.js'
code:script.js
import '/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'
/scrasobox/プレゼン中にプログレスバーを表示する
code:!script.js
import '/api/code/scrasobox/プレゼン中にプログレスバーを表示する/script.js'
code:script.js
document.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の設定
code: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');
code:script.js
// Formats: https://momentjs.com/
scrapbox.TimeStamp.addFormat("]YYYY年M月[D日 HH時MM分")
scrapbox.TimeStamp.addFormat("#YYYY年 #M月")
page-count-button.icon
code:script.js
document.body.dataset.daiizPageNums = scrapbox.Project.pages.filter(p => p.exists).length
#人物