daiiz

インターネットでは daiz や daiiz という名前

読み方は全部「だいず」です

https://gyazo.com/9a0da4f2757af9fe1cf7bd324237a968

いい感じのプロフィール写真欲しい

https://svgscreenshot.appspot.com/c/x/d22d3168e3b6a66087876b2bedb72cf1.140.png

つくったもの

Links

code:style.css

/* presentation mode時にmodal imageの背景に市松模様を表示しない */

}

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 {

}

.deco-\/ {

}

code:script.js

// import '/api/code/shokai/音声入力Menu/script.js'

code: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'

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">

display: block !important;

z-index: 100; position: fixed; bottom: 0; left: 0; width: 100vw;

text-align: center; line-height: 1;

font-size: x-small; /* 📝バーの高さを変えたいときはフォントサイズを変えてね */

--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 + '%')

}

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 })

})()

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

page-count-button.icon

code:script.js

document.body.dataset.daiizPageNums = scrapbox.Project.pages.filter(p => p.exists).length