daiiz

daiiz= Daiki Iizuka

インターネットでは daiz や daiiz という名前で活動しています
	読み方は全部「だいず」です
	レベルが上がるとiの数が増える
		いまはレベル2です

	このイラストは宇宙乃まれさん作

連絡先

	出身: 神奈川県
	誕生日: 1993年9月11日
	連絡先: iizuka@daiiz.dev
	勤務先: 株式会社Helpfeel
	入社年: 2017年
	所属: 開発部
	肩書: ソフトウェアエンジニア

作品集
	作品
	http://daiiz.hatenablog.com/archive/category/作品

Links
	工房: /daiiz-kobo
	/daiiz-painting
	/daiiz-atsumori
	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
	https://g.dev/daiiz

style.cssCopied!
img.my-qr {
  display: none;
  position: fixed;
  top: 8px;
  left: 8px;
  width: 160px;
}

[data-display-style="presentation"] img.my-qr {
  /*display: block;*/
}

_script.jsCopied!
const qrImg = document.createElement("img");
qrImg.className = "my-qr";
qrImg.src = "https://gyazo.com/296298a31a8a3ea4fe2b45aa149dc674/raw";
document.body.appendChild(qrImg);


style.cssCopied!
code.helpfeel {
  opacity: .78;
}

.video-player video {
  max-height: 360px;
}

style.cssCopied!
/* presentation mode時にmodal imageの背景に市松模様を表示しない */
html[data-display-style="presentation"] img.full-content {
  background: #fff !important;
}

style.p.cssCopied!
.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.cssCopied!
.col-page.paperback {
  max-width: 600px;
}

style.cssCopied!
.presentation .line.section-title {
  /*color: #39ac86;*/
  /*color: #0f3324;*/
}

.deco-\/ {
  color: #006621;
}

Pimento Cloud
script.jsCopied!
import { initPimento } from "/api/code/daiiz-pimento/build/script.js";
initPimento();

Keyaki client
script.jsCopied!
// import { initKeyaki } from "/api/code/daiiz-private/keyaki-client/script.js"
// initKeyaki();

script.jsCopied!
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/プレゼン中にプログレスバーを表示する
script.jsCopied!
import '/api/code/scrasobox/プレゼン中にプログレスバーを表示する/script.js'

script.jsCopied!
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の設定
script.jsCopied!
 $('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.jsCopied!
// Formats: https://momentjs.com/
scrapbox.TimeStamp.addFormat("[[]YYYY年M月[]]D日 HH時MM分")
scrapbox.TimeStamp.addFormat("[#]YYYY年 [#]M月")

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


#人物
関連ページ
