Amazonの書誌情報を「Obsidian」に取り込むブックマークレット
Amazonの書籍ページから、タイトル、書影画像、著者などをObsidianに取り込むことができるブックマークレットを作りました。
Obsidianで読書ノートを作るときに便利ですよ。
まず、挙動を紹介します。
Amazonの書籍ページでブックマークレットを発動させます。ここでテキストを選択しておくと、そのテキストも取り込まれます。本の概要などを選択状態にしておくと便利です。

以下の画面が表示されますので、OKを選択します。

すると、Obsidianを起動してよいか聞かれますので、OKを選ぶと、Obsidianが起動し、以下のページが自動で作成されます。選択したテキストも取り込まれていますね。(本によっては取り込まれない場合もあります)

上記の項目(レビュー、Action、学び)は、自分用に設定しているだけなので、お好みで変更可能です。
ちなみに、このブックマークレットは、作ったというより、以下の記事で紹介されているScrapbox用をJavaScriptの勉強を兼ねてObsidian用にアレンジしただけです。
私には、送信先をObsidianに変更するのがやっとで、まだまだ、こんな素晴らしいコードは書けません。
のらてつ(@Foam_Crab )さん、素晴らしいブックマークレットをありがとうございます。
さて、今回紹介したブックマークレットのコードを共有しますので、もし、気に入れば、ぜひ、使ってください。
※2023/09/28修正ありjavascript:(function(){var ttl = document.getElementById("productTitle");if (!ttl) var ttl = document.getElementById("ebooksProductTitle");var title = window.prompt('選択範囲を概要としてスクラップします。', ttl.innerText.trim());if (!title) return;title = '『'+ title +'』';var subttl = document.getElementById("productSubtitle");var sub;if(subttl) {sub = "\n" + subttl.innerText;} else {sub = "";}var select = window.getSelection().toString();if (select){select = select.replace(/(\W+)( )(\W+)/g,'$1$3');select = "\n> " + select.replace(/\n/g,'\n> '); }else{select = "";};var image=document.getElementById("landingImage");var imageurl = image.getAttribute("src");var authors = [];var c = document.getElementsByClassName('author');for (g = 0; g < c.length ;g++){var at = c[g].innerText.replace(/\r?\n|\t/g, '').replace(/,/,'');var pu = at.match(/\(.+\)/);var ct = at.replace(/\(.+\)/,'').replace(/ /g,'');authors.push(pu + '[[' + ct + ']]');}var lines = '\n[Amazon]('+window.location.href+')\n' + authors.join(' ') + sub + select + '\n\n## ■レビュー\n?読了 ★ #BookNote \n\n(ツイート)\n' + '\n\n## ■Action\n\n'+ '\n\n## ■学び\n \n' + '\n\n## ■引用\n\n' ;var body = encodeURIComponent(lines);window.open('obsidian://new?vault=Brain&name='+encodeURIComponent(title.trim())+'&content='+body)})();- 項目(■レビュー、■Action、■学び、■引用)はお好みでアレンジ可能です。
- コードの最後の方の「Brain」の部分はご自分のObsidianのVault名に変更してください(日本語の場合はエンコードが必要です)→変換ツール
ちなみにObsidianはタイトルに「:」など使えない記号があります。
もし、書籍名にこういった記号がある場合は、このブックマークレットを発動してもエラーになります。
前述のとおり、以下の画面が表示されたときに、「:」など使えない記号 を削除するか、他のアプリに出力してから削除するのがよいでしょう。

※なお、私はJavaScriptには詳しくないので、ご不明な点があっても、恐らく私にはお答えできないのでご容赦ください。
この記事は以上です。
このブログには、iPhone・iPad・Apple Watch、アプリ、Kindle出版、ブログ運営などに関する記事があります。カテゴリーページや下にある「関連記事」を、ぜひご覧ください。
Obsidianが起動できなくなった場合の対処法
2023年10月8日 小田やかた
Obsidianでブログを書く方法【完全版】
2023年10月20日 小田やかた
本を書くハードルが下がる「分割執筆法」
2023年10月24日 小田やかた
ObsidianとLogseqは同じファイルを開ける手軽さ
2022年9月6日 小田やかた
Obsidianはメニューの中でアウトラインを移動できる
2022年12月7日 小田やかた
Obsidianの改行の研究
2023年8月22日 小田やかた
Obsidianは自分の知的生産ログ 〜「ローカルブログという考え方」を読んで
2023年11月7日 小田やかた
Obsidianで文字に背景をつける方法
2024年8月7日 小田やかた
Obsidian Syncのストレージ容量に不具合があったので試したこと【解決】
2024年9月26日 小田やかた
Obsidianの2ホップリンクは左右どちらでも表示できる
2023年7月5日 小田やかた
「ObsidianSync」を試してみたので導入手順と導入後の状況を共有します
2024年6月23日 小田やかた
Obsidianから選択テキストのみをTwitterへ送信する方法
2023年6月12日 小田やかた
このブログを書いている ブロガー&Kindle作家 の小田やかたです。
二人の子どもを持つ共働きサラリーマンです。
iPhone・iPadアプリを活用した効率的なインプットとアウトプットの方法をブログ、Kindle本、X、noteで発信しています。

【新版】Apple Watchで何ができるか 〜起床から就寝までの実際の使い方を徹底公開〜
-
iPhoneやiPadで画像の拡張子を変更する方法
-
Obsidianが「難しそう」に見える、本当の理由
-
ThreadsのWebサイトのURLの確認方法
-
10年以上使い続けた「iTunes」をやめた理由と代替としての「GooglePlayMus...
-
知識の整理には別名設定ができる「Obsidian」のエイリアス機能が便利
-
Apple純正メモアプリで文字数と行数をカウントする方法
-
ObsidianとLogseqは同じファイルを開ける手軽さ
-
Obsidianの「Minimal Thema settings」の設定内容の詳細
-
Obsidianで文頭を字下げ(インデント)する方法
-
Obsidianの隠しフォルダにアクセスする方法



























