メディアマーカーの個別ページからScrapboxにクリップするブックマークレット
code:javascript
javascript:(function(){
var t = document.getElementsByClassName('med_title')0;
var title = '『' + t.innerText + '』';
var a = t.getElementsByTagName("a")0;
var aURL = a.getAttribute("href");
var i = document.getElementsByClassName('med_img_m')0;
var i2 = i.getElementsByTagName("img")0;
var i3 = i2.getAttribute("src");
var pub = [];
var c = document.getElementsByClassName('catlink');
for (g=0; g < c.length ;g++){
pub.push('+ cg.innerText + '');
}
var lines='aURL.trim() + '\n+ i3 + '\n' + pub.join(' ') + '\n#本';
var body=encodeURIComponent(lines);
window.open('https://scrapbox.io/--project名/'+encodeURIComponent(title.trim())+'?body='+body);
}
)();
発端
手軽にScrapboxに本のページを作りたい!
タイトルだけでなく表紙画像も欲しい
Amazonページのブックマークレットは、紙とKindleでは表紙画像のIDが違うと聞く
Amazonの書籍商品ページからScrapboxに、書籍の画像付きページを作るブックマークレット &#124; ひびテク
→だったら、ページのURLか何かで条件分岐したら?
→面倒そう
発想の転換
メディアマーカーなら紙でもKindleでも同じフォーマットで表示されている
だったらそこからクリップすればいい
メディアマーカーは買った本しか登録してないよ?
買った本しか紹介しないから問題なし
使い方
メディアマーカーの「個別」ページを開く
ブックマークレットを発動
sample page
https://gyazo.com/a256a6f211f441448504c8ea14e6db62
タイトルに『』が自動的につきます
amazonのURLが貼り付けられます
画像も貼り付けられます
著者名・出版社名・メディア形式・ジャンルが貼り付けられます
ハッシュタグ「本」 がつきます
※必要なければ、lines の中身を変えてください。
以下の二つのコードを参考にさせていただきました。
標準のブックマークレット
code:javascript
javascript:(function(){var%20title=window.prompt('Scrap%20"Scrapbox"%20to%20Kurashita&#39;s%20Object.',document.title);if%20(!title)%20return;var%20lines=['',''+window.location.href+'%20'+document.title+''];var%20quote=window.getSelection().toString();if%20(quote.trim())%20lines=lines.concat(quote.split(/\n/g).map(function(line){return%20'%20>%20'+line}));lines.push('');var%20body=encodeURIComponent(lines.join('\n'));window.open('https://scrapbox.io/rashitaobj/'+encodeURIComponent(title.trim())+'?body='+body)})()
ひびテクさんのブックマークレット
code:javascript
javascript:(function(){
var title=window.prompt('Scrap "Amazon" to your scrapbox.', document.getElementById("productTitle").innerHTML);
if (!title) return;var imagecontainer=document.getElementById("imageBlockContainer");
var image = imagecontainer.getElementsByTagName("img")0;
var imageurl = image.getAttribute("src");var lines=''+imageurl+' '+window.location.href+'';
var body=encodeURIComponent(lines);
window.open('https://scrapbox.io/rashitaobj/'+encodeURIComponent(title.trim())+'?body='+body)
})();
#Scrapbox #ブックマークレット