楽天ブックス・楽天Koboから読書メモを作るBookmarklet
Amazon派の人は @yoshikiito さんのブックマークレットがおすすめ!
→ Amazonの書籍商品ページからScrapboxに、書籍の画像付きページを作るブックマークレット | ひびテク
たくさん本を買ったので、またまた楽をしたくなって書いたよ!
窓辺ちゃんは楽天派なんである。アプリの使い勝手はそんなによくないけど…。
こんなページが作れるよ。
→ WEB+DB PRESS Vol.102
元のページはこれ。
楽天ブックス: WEB+DB PRESS(Vol.102(2018)) - Webアプリケーション開発のためのプログラミング技 - 9784774194332 : 本
つかいかた
楽天ブックスか楽天KoboのページでBookmarkletを実行すると
こんなふうにタイトルを入れる欄が出るので適当に読みやすくして、
https://gyazo.com/51361584c5b441b9b582b08747e13057
https://gyazo.com/45ae404266ed83ca191c9460b2d26a03
するとこうなる。
WEB+DB PRESS Vol.102
よかったら使ってみてね!
つくりかた
1. これ開いてね
2. 出てきたテキストをお手持ちのメモアプリ等にコピペして、
3. var project = 'https://scrapbox.io/scrasobox'; っていう行を自分のプロジェクトURLに書き換えて、
4. そいつをブラウザの新規ブックマークとして登録!
5. お決まりのタグつけたり、日付つけたり、詳細情報を追加したりしてる部分をカスタマイズしてあそぶ。
Chrome系のブラウザで動作確認しました。
code:楽天から読書メモ.js
javascript:(function(){
var project = 'https://scrapbox.io/scrasobox'; /* ←← ここ自分のプロジェクトURLに変えてね! */
var title = document.title.split(': ',2).pop().split(' - ')0;
title = window.prompt('Koboノートとして追加するよ。タイトルは:', title);
if (!title || !title.trim()) return;
var today = ((d)=>${d.getFullYear()}-${String(d.getMonth() + 1).padStart(2, '0')}-${String(d.getDate()).padStart(2, '0')})(new Date());
var url = window.location.href, orgTitle = document.title.replace(/[\\]/g, '_');
var lines = [
'#読書メモ #kobo #Wishlist', /* ここでお決まりのタグつける */
Added on [${today}], /* 今日の日付が入る */
[${url} ${orgTitle}],
];
var cover = document.querySelector('metaproperty="og:image"');
if (cover) lines.push([${cover.getAttribute("content").split('?')[0]}]);
lines.push('');
var detail1 = document.getElementById('productDetailedDescription');
if (detail1) {
detail1.innerText.replace(/\n\s*::\s*\n/gm, ': ').split('\n').forEach((l)=>{ if (l.trim()) lines.push(l) });
lines.push('')
}
var detail2 = document.getElementById('editArea2');
if (detail2) {
detail2.innerText.split('\n').forEach((l)=>{ if (l.trim()) lines.push(> ${l}) });
while (encodeURIComponent(lines.join('\n')).length > 4800) {
lines.pop() /* 概要が長すぎたら消す */
}
lines.push('')
}
var body = encodeURIComponent(lines.join('\n'));
title = encodeURIComponent(title.trim());
window.open(${project}/${title}?body=${body})
})()
#Bookmarkletとあそぶ #楽をしたい
初出 2018-01-18
2018-01-20 日付作るところのフォーマット修正
2019-04-16 書名だけをタイトル候補として出すようにしたつもり
2021-01-05 商品説明が長すぎるとページが開けないのを雑に修正
2021-11-04 書影の取得方法を変更
2022-04-08 概要テキストの加工を修正