カーリル

ゴリゴリのIT企業の雰囲気がなくていい

が書いてあって遊び心がある

オフィスがめちゃくちゃローカルな感じがいい

URLもISBNでシンプル

https://gyazo.com/1f0ceeac01e06c76228460e14fe96d1e

図書館ごとのピックアップはどうやって作っているんだろう

今日返却された本とか

今までどれくらい借りられてきたのか知りたい

カーリルから，版元ドットコムの紹介と目次を直接見たいな

拡張機能か？

カーリルのページからリンクされている版元どっとこむのサイトに飛んで，紹介と目次のデータをとってくる拡張機能を作りたい

document.querySelector('a.linkbutton[href^="https://www.hanmoto.com"]')

htmlスクレイピングしたいのわかってる

<span itemprop="publisher">毎日コミュニケーションズ</span>

404に備えて

code:toSHINSHOmap.js

waitForElement('.other .bottom_line',() => {

code:toSHINSHOmap.js

const isbn = location.pathname.split('/').pop();

const a = Object.assign(document.createElement('a'), {

className: 'linkbutton',

target: '_blank',

textContent: '新書マップ',

style: 'display:none'

});

const img = Object.assign(document.createElement('img'), {

hidden: true,

onload() {

if (this.src.startsWith('data:image/gif;base64')) {

} else {

a.style.display = '';

}

},

});

a.append(img);

document.querySelector('.other .bottom_line').append(a);

code:toSHINSHOmap.js

document.querySelector('.other .bottom_line').append(

Object.assign(document.createElement('a'), {

className: 'linkbutton',

target: '_blank',

textContent: '在庫横断検索',

})

);

code:toSHINSHOmap.js

})

function waitForElement(selector, callback) {

const el = document.querySelector(selector);

if (el) {

callback(el);

return;

}

const observer = new MutationObserver(() => {

const el = document.querySelector(selector);

if (el) {

observer.disconnect();　//継続監視するか

callback(el);

}

});

observer.observe(document.documentElement, {

childList: true,

subtree: true

});

}

code:metadata.js

(function(){

var dateMatch = dateText.match(/\((\d{4})-(\d{2})-\d{2}\)/);

var year = '';

if (dateMatch) {

} else {

}

window.open(

new URLSearchParams({

year: year,

}).toString(),

'_blank'

)

})()

月抽出未対応