• SIS Lab
  • >
  • Blog
  • >
  • ScrapboxにAmazonの書影を取り込むブックマークレット

ScrapboxにAmazonの書影を取り込むブックマークレット

更新日:2020.07.16 作成日:2018.04.15

Scrapboxで読書メモを管理にするにあたり、書籍の画像が欲しくなったので、参考URLのブログを参考にブックマークレットを作成しました。

久しぶりにブックマークレットを作りましたが、モダンなブラウザではES2015(ES6)が標準で使えるようになったので嬉しいですね。

javascript:(() => {
  const titleElement = document.getElementById("productTitle") || document.getElementById("ebooksProductTitle");
  if (!titleElement) return;
  const title = window.prompt('Scrap "Amazon" to your scrapbox.', titleElement.innerHTML);
  if (!title) return;
  const imageElement = document.getElementById("imageBlockContainer") || document.getElementById("ebooksImageBlockContainer");
  if (!imageElement) return;
  const image = imageElement.getElementsByTagName("img")[0];
  const imageUrl = image.getAttribute("src");
  const productUrl = document.querySelector('link[rel="canonical"]').href.replace(/amazon.co.jp\/.*\/dp/, 'amazon.co.jp/dp');
  const lines=`[${imageUrl} ${productUrl}]\n#本`;
  const body = encodeURIComponent(lines);
  const pageTitle = encodeURIComponent(title.trim());
  window.open(`https://scrapbox.io/your-project/${pageTitle}?body=${body}`);
})();

参考

Action

  • Bookmakletを使って書影をScrapboxへ送り、読書メモを追加する

Related contents