yamnor
山本 典史（やまもと のりふみ）
千葉工業大学 / 工学部 / 応用化学科 / 教員。
専門は計算化学。コンピュータを使って分子を解析しています。
https://gyazo.com/d193f6de7d85c06de177acd8fcff8a4a
山本 典史（Yamamoto, Norifumi）
https://gyazo.com/d193f6de7d85c06de177acd8fcff8a4a
Profile
千葉工業大学 / 工学部 / 応用化学科 / 教授
専門はコンピュータ化学、コンピュータを使って分子を解析しています
化学の学びを身近にすることにも興味を持っています
Links
UserScript
これ以降は、この Scrapbox で JavaScript を使うときの設定になります
yamnor.icon のみに有効です
しおり記法
section-title で level-2 〜 level-4 の強調をしているものだけをピックアップする
code:script.js
const __bkmClass = 'strong.level-2, strong.level-3, strong.level-4'
const __bkmMenuTitle = 'Bookmarks'
scrapbox.PageMenu.addMenu({
title: __bkmMenuTitle,
image: '/assets/img/logo.png',
onClick: function() {
const __fixedHeaderHeight = ($('.navbar').css('position') == 'fixed' ? $('.navbar').height() : 0) +
($('.navbar-pagemenu').height() || 0)
scrapbox.PageMenu(__bkmMenuTitle).removeAllItems()
$('.line.section-title:not(.line-title)').each(function(i, e){
if ($(e).find(__bkmClass).length > 0) {
var head = "";
if ($(e).find('strong.level-2').length > 0) {
head = " . . . ";
}
if ($(e).find('strong.level-3').length > 0) {
scrapbox.PageMenu(__bkmMenuTitle).addSeparator();
}
scrapbox.PageMenu(__bkmMenuTitle).addItem({
title: head + $(e).text(),
onClick: function() {
$('html,body').animate({
scrollTop: $(e).offset().top - $('body').offset().top - __fixedHeaderHeight
}, 150)
}
})
}
})
}
})
目次を生成する
section-title で level-3 の強調をしているものだけをピックアップして目次を作る
code:script.js
const pageTitle = $('.line-title').text();
const __tocClass = 'strong.level-2, strong.level-3'
const __tocMenuTitle = 'CopyTOC'
scrapbox.PageMenu.addMenu({
title: __tocMenuTitle,
image: '/assets/img/logo.png',
onClick: function() {
var toc = "";
$('.line.section-title:not(.line-title)').each(function(i, e){
if ($(e).find(__tocClass).length > 0) {
const tocTitle = $(e).text();
const tocID = $(e).attr('id').replace(/^L/g, '');
toc += ${tocTitle}[${pageTitle}#${tocID}]\n;
}
})
navigator.clipboard.writeText(toc).then (() => {
alert('Coppied');
});
}
})
ボックスにチェックが入っていたら強調する
code:script.js
scrapbox.PageMenu.addMenu({
title: 'CheckAnswers',
image: '/assets/img/logo.png',
onClick: function() {
$("body").toggleClass("checkanswers");
}
})