【読書メモ】KindleのメモをまとめてMarkdownエディタにコピペするためのブックマークレットを作った！

2023-10-112024-02-09

「読書メモを書きたいけど、本を読んだ後にまとめるのはめんどいなぁ」
「Kindleでハイライトつけているけど一か所に集約できないかなぁ」
「せっかく読んだ本なのに、自分の知識にできてないなぁ」

読書メモを取りたいと思っている方にはよくある悩みだと思います。

僕も同じで、以前から読書メモのやり方を模索していました。

今回は、簡単に読書メモを残すやり方を作ったので共有します！

読書メモの目的は、自分の知識にすること

読書を何のためにするのかというと、本から学んだことを自分の知識として蓄えて、実生活で使えるようにすることですよね。

読書メモはそのために取るものです。

私は本を読んで気になったところに線を引くだけでは物足りないと感じていまして、できる限り自分の言葉で説明するようにしています。

そうすることで単なるインプットではなく、自分がちゃんと実践できる知識にできると考えています！

Kindleのメモをブラウザで表示する方法があるって？

まず、今回は必須で使うことになるKindleの機能を紹介します。
それが、「Kindle: メモとハイライト」です。下記からアクセスできます！

https://read.amazon.co.jp/notebook

こちらは個人のAmazonアカウントでログインできまして、Kindleアプリでメモを書いたところやハイライトをつけたところが一覧で表示されます！

Webに表示されるので、好きなようにコピー&ペーストすることもできますよね！

ただ、日本語書籍では不具合があるようでハイライトをつけた個所の全文が表示されない場合が多いです。

なので私はハイライトの表示機能をあてにしていません。

一方、メモで書いた内容はすべて表示されるようになっています。

だから私は読書中に気になったところに、自分の言葉でもメモを付けるようにしています。これは最初に書いた「自分の言葉で説明する」ということですね。

メモであれば全て表示されるので、今回はこちらをターゲットにしました。

メモの一覧を取得するブックマークレットを作った！

自分で作成したメモであれば、全文表示されることがわかったので、次はメモをコピペするための方法を考えました。

私の読書メモはObsidianにすべて登録しているので、書いたメモをすべて転記したいと思いました。

でもいちいちメモを範囲選択してからコピーして、Obsidianに貼り付け、、って作業は非常にめんどくさいですよね？

なので、自動的にメモを抽出してくれるJavascriptコードを作成しました！

使い方は簡単で、ブックマークにこのソースコードを張り付けておくだけです。
すると「Kindle: メモとハイライト」のWebを開いているときにブックマークを押すだけで、自動的にメモの取得をしてくれます。

あとはObsidianにペーストすればいいですよね。

ブックマークレットの導入方法

ブックマークレットの登録方法と使い方を紹介します。

１．ブラウザで何でもよいのでブックマークを作成します。

２．下記のJavascriptのソースコードをすべて範囲選択して、コピーします。

javascript:(
  function(){
    bookImgUrl = document.querySelector("#annotation-scroller > div > div.a-row.a-spacing-base > div.a-column.a-span1.kp-notebook-bookcover-container > a > span > img").src;
    bookUrl = document.querySelector("#annotation-scroller > div > div.a-row.a-spacing-base > div.a-column.a-span1.kp-notebook-bookcover-container > a").href;
    bookTitle = document.querySelector("#annotation-scroller > div > div.a-row.a-spacing-base > div.a-column.a-span5 > h3").innerText;

    bookMemos = document.getElementById("kp-notebook-annotations").children;
    showText = "";

    for (var i = 0; i < bookMemos.length; i++){
      bookMemo = bookMemos[i].getElementsByClassName("a-size-base-plus a-color-base");
      memoPosition = bookMemos[i].getElementsByClassName("a-size-small a-color-secondary kp-notebook-selectable kp-notebook-metadata");
      if (bookMemo.length){
        if (bookMemo.note.innerText != ""){
          let newstr = bookMemo.note.innerText.replace('■', '## ');
          showText += newstr + "\n" + memoPosition[1].innerText + "\n\n";
        }
      }
    }
    prompt("Please copy text.", `${bookTitle}\n\n![](${bookImgUrl})\n\n` + bookUrl + "\n\n" + showText);
  }
)();