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}`);
})();
参考
- 楽天ブックス・楽天Koboから読書メモを作るBookmarklet - Scrapboxとあそぶ - Scrapbox
- Amazonの書籍商品ページからScrapboxに、書籍の画像付きページを作るブックマークレット | ひびテク
- Scrapboxに本の情報を取り込むブックマークレットを作りました – R-style
Action
- Bookmakletを使って書影をScrapboxへ送り、読書メモを追加する
Related contents
![Eyecatch](https://res.cloudinary.com/meganii/image/upload/c_thumb,w_200/v1534515311/IMG_2922_xo2guw.jpg)
TECH
2018.08.10
「Scrapbox情報整理術」出版記念スペシャルに参加してきました
![Eyecatch](https://res.cloudinary.com/meganii/image/upload/c_scale,f_auto,q_auto,w_1024/v1527252310/scrapbox_drinkup_04_fcn0xk.jpg)
TECH
2018.05.23
「Scrapbox Drinkup #04 Tokyo Edition」イベントレポート
![Eyecatch](https://res.cloudinary.com/meganii/image/upload/c_scale,f_auto,q_auto,w_1024/v1576248535/Scrapbox_Drinkup_11_Xmas_Edition_emnkxn.png)
TECH
2019.12.13
Scrapbox Drinkup #11「2019年のScrapbox」をテーマにしたLT大会 / 最新情報
![Eyecatch](https://res.cloudinary.com/meganii/image/upload/w_1024/v1573478168/rule_of_managing_books_with_scrapbox_yl3uka.png)
TECH
2019.11.11
Scrapboxで読書管理をするときのじぶんルール
![Eyecatch](https://res.cloudinary.com/meganii/image/upload/c_scale,f_auto,q_auto/v1594902885/tech_ben4sq.png)
TECH
2017.09.08
ASIN, JAN, ISBNコードについて
![Eyecatch](https://i.gyazo.com/thumb/200/_96237a7bdceefabf3b4786753bb83897-png.jpg)
TECH
2017.02.19
Amazon Product Advertising APIを利用するためのIAMユーザ登録とアクセスキーの発行
![Eyecatch](https://www.meganii.com/images/nopicture.png)
2023.12.30
ブラケティング
![Eyecatch](https://www.meganii.com/images/nopicture.png)
2023.04.30
Scrapboxを読書ジャーナルとして利用する